/*--------------------------------------









	ENZYME ONLINE

	SITE: Enzyme Online Web Solutions - http://www.enzymeonline.com 
	
	AUTHORS: Joe Hooker and Max Nachamkin
	
	LAST UPDATED: 8:24 PM 6/11/2007
	
	CONTACT: generaljoe1791@gmail.com, mnachamkin@gmail.com


	
	
	
	
	
	
	
	
	

	
----------------------------------------*/




/*--------------------------------------

GENERAL

----------------------------------------*/

html{
margin: 0;
padding: 0;
}

body {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 95%;
line-height: 1.4em;

margin: 0;
padding: 0;
}

div{
clear: both;
}

a{
color: #ff6600;
text-decoration: none;
}

a:hover{
color: #c94c23;
}

a.external{
background: url(images/external.jpeg) no-repeat top right;
padding-right: 10px;
}

img{
margin: 0;
padding: 0;
}

h1{
font-size: 24px;
font-weight: normal;

border-bottom: 1px solid #000000;

margin: 0 0 10px 0;
padding: 0 0 5px 0;
}

h2{
font-size: 20px;
font-weight: normal;

margin: 25px 0 7px 0;
padding: 0;
}

h3{
font-size: 18px;
font-weight: normal;

margin: 10px 0 0 0;
padding: 0;
}

h4{
font-size: 20px;
font-weight: normal;

margin: 0 0 10px 0;
padding: 0;
}

h5{
font-size: 16px;
font-weight: bold;

margin: 0 0 10px 0;
padding: 0;
}

hr{
height: 1px;
color: #000000;
margin: 0;
padding: 0;
}

p{
margin: 0;
padding: 0;
text-align: justify;
}

/*--------------------------------------

MAIN CONTAINER          for: all

----------------------------------------*/

#container {
width: 800px;

margin: 20px 0 0 40px;
padding: 0;
}

/*--------------------------------------

HEADER (logo and navigation)          for: all

----------------------------------------*/

#header{
margin: 0;
padding: 0;
}

#header ul{
background: #35496c url(../images/navbar.jpg) no-repeat;
font-size: 90%;
list-style-type: none;
margin: 10px 0 0 0;
padding: 0 0 0 20px;
width: 780px;
overflow: hidden;
}

#header ul li{
float: left;
margin: 0;
padding: 0;
}

#header ul li a:link, #header ul li a:visited{ 
float: left;
display: block;
text-transform: uppercase;
color: #ffffff;
margin: 0;
padding: 10px 21px 10px 21px;
}

#header ul li a:hover, #header ul li a.special{
background: #ff9900; /*#F98100 ;*/
}



/*--------------------------------------

BANNER          for: all

----------------------------------------*/

#banner{
clear: both;

margin: 10px 0 10px 0;
padding: 0;
}

#banner img.centered{
margin: 0 0 0 100px;
padding: 0;
}



/*--------------------------------------

CONTENT AREA          for: all

----------------------------------------*/


div.content-wrapper{
background-color: #ebecf0;
margin: 0 0 20px 0;
padding: 20px;
overflow: hidden;
}

#content{
margin: 0;
padding: 0;
}




/*--------------------------------------

LEFT COLUMN (part of CONTENT)  

----------------------------------------*/

div.left-column{
width: 60%;

float: left;

margin: 0;
padding: 0;
}


/*--------------------------------------

RIGHT COLUMN (part of CONTENT) 

----------------------------------------*/

div.right-column{
width: 30%;
clear: none;
float: right;

margin: 0;
padding: 0;
}

/*--------------------------------------

WORK (part of CONTENT)          for: home / portfolio

----------------------------------------*/

div.work{
margin: 30px 0 0 0;
padding: 0;
}

div.work img{
width: 200px;
height: 200px;
float: left;
margin: 0 15px 0 0;
padding: 0;
}

div.work p{
margin: 0 0 10px 0;
}

/*--------------------------------------

RANDOM STUFF (part of CONTENT)          for: content on about page

----------------------------------------*/

h3.question{
font-size: 20px;
margin: 0;
margin: 25px 0 7px 0;
}

p.answer{
margin: 0 0 20px 0;
padding: 0;
}

/*--------------------------------------

FORMS (part of CONTENT)          for: contact

----------------------------------------*/

form{
margin: 15px 0 0 0;
padding: 0;
}

fieldset{
display: block;
border-style: none;
margin: 20px 0 0 0;
padding: 0;
}

form li{
float: left;
}

form h2{
font-weight: bold;
font-size: 13px;
margin: 0;
padding: 0;
}


label{
font-size: 80%;
display: block;
margin: 0;
padding: 0;
}

input, textarea{
border-top: 1px solid #000000;
border-left: 1px solid #000000;
background-color: #ffffff;
margin: 0;
padding: 0;
}

input.firstName{
width: 6em;
}

input.lastName{
width: 10em;
}

input.email{
width: 12em;
}

textarea{
font-family: helvetica, verdana, arial, sans-serif;
height: 200px;
width: 500px;
padding: 1px 2px 0 2px;
}

/*--------------------------------------

LISTS (part of CONTENT)          for: sitemap

----------------------------------------*/

#content ul{
margin: 0 0 0 40px;
padding: 0;
}

/*--------------------------------------

FOOTER          for: all

----------------------------------------*/

#footer{
font-size: 70%;

color: #ff6600;
background: #293c50;

height: 40px;

margin: 0;
padding: 8px 0 0 20px;
}

#footer p{
color: #ffffff;
float: left;
margin: 0 10px 0 0;
}

#footer a{ 
margin: 0 10px 0 0;
padding: 0;
}