@charset "utf-8";
/* CSS Document */

/*
orange: a84c0f
grey bg: d2d1ce
*/

body {background-color:#a84c0f; 
	vertical-align:middle;
	font-family: Helvetica, Arial, sans-serif;
	color:#000000;
	font-size:0.75em;
	margin:0;
	padding:0;	
	line-height:1.3em;
	}

img {border:0;}

a {color:#a84c0f; text-decoration:none;}
a:hover {text-decoration:underline;}


h1, h2, h3, h4, h5, h6 {color:#a84c0f;}

h1 {font-size:1.8em;
	font-weight:normal;
	line-height:1em;
	margin-top:0;
	padding-top:0;
	}
h2 {font-size:1.5em;}
h3 {font-size:1.25em;}
h4 {font-size:1.1em;}
h5 {font-size:1em;}
h6 {font-size:0.75em;}

hr {margin:20px 0 15px 0 ;}

img.logo { width:211px; height:59px; }

#navigation {width:828px;
	height:91px;
	background-color:#FFFFFF;
	margin:82px auto 13px auto;
	text-align:left;
	}

#navigation img {margin-left:35px;
	margin-top:27px;
	}

#navlinks {margin-left:255px; padding-top:56px;}
#navlinks ul {margin:0 0 0 16px; padding:0;}
#navlinks li {margin:0; padding:0; list-style:none; display:inline;}
#navlinks a {margin:0 7px; color:#000000; text-decoration:none;}
#navlinks a:hover {color:#a84c0f; text-decoration:none;}
#navlinks a:active {color:#a84c0f; text-decoration:none;}

/************* Clear Fix **************/
.clear {
 	display:inline-block;
	}
.clear:after {
 	display:block; 
 	visibility:hidden; 
 	clear:both; 
 	height:0; 
	content: "."; 
	}

/************* Content Area **************/
#body {width:828px; 
	margin-left:auto; 
	margin-right:auto;
	min-height:300px; 
	background-color:#FFFFFF;
	overflow:hidden;
	}
	
/************* One Column **************/
#one_column { padding:16px 36px 36px 36px;}
	
/************* Two Column **************/
#two_column #left { width:350px; padding:16px 30px 36px 30px; float:left; }
#two_column #right { width:370px; margin-left:458px; background-color:#CCCCCC; min-height:400px; height:100%; overflow:hidden; }
#two_column #left p { padding-top:5px; }

/************* Home Page **************/
#home_photo {float:right; width:401px; height:497px; display:inline;}

#home_content {width:828px; 
	margin-left:auto; 
	margin-right:auto;
	height:497px; 
	background-color:#FFFFFF;
	overflow:hidden;
	}

#content_left {width:427px; float:left; display:inline;}

#content_top {width:427px;
	height:239px;
	background-image:url(../images/home_bg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	}

#content_bottom {width:427px;
	height:258px;
	background-color:#d2d1ce;
	}
	
.text {margin-left:37px; 
	margin-right:33px;
	text-align:left;
	padding-top:15px;
	}

.text p {margin-top:0; padding-top:0; margin-bottom:1.3em;}
.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 {margin:0; padding:0;}

.text ul {margin:0 0 1.3em 0; padding:0;}
.text li {margin:0 0 0 15px; padding:0;}


/************* New Product Application **************/
table.formula { padding: 0 0 20px 0; border:2px solid #a84c0f}


/************* Contact Page **************/
#contact #left { width:380px; padding:16px 30px 36px 30px; float:left;}
#contact #right { width:350px; margin:32px 0 0 465px;}
#contact #right div { margin-top:85px;}
#contact #right h4 { color:#000000; font-weight:bold; font-size:15px;}
#contact #left p { padding-top:5px;}


/************* Contact Form **************/
#form {font-family: Helvetica, Arial, sans-serif}
#form p { padding:0; margin:2px 0;}
#form input { background-color:#CCC; border:none; padding:6px 5px; width:390px;}
#form textarea { background-color:#CCCCCC; border:none; padding:6px 5px; font-family:Helvetica, Arial, sans-serif; width:390px;}
#form input#submit {background-color:#ffcc99; font-weight:bold; padding:3px 5px; width:60px;}

/************* Footer ******************/
	
#foot {color:#ffffff;
	width:828px;
	text-align:center;
	font-size:10px;
	margin:22px auto 35px auto;
	}

#foot a {color:#f7b170; text-decoration:none; margin:0 4px;}
#foot a:hover {text-decoration:underline;}

#foot ul {margin:0; padding:0;}
#foot li {margin:0; padding:0; list-style:none; display:inline;}
#foot p {margin:0; padding-bottom:6px;}