@import url('reset.css');

/* File Download Icons */
a.file {background: url('../images/icon-file.gif') 0 0 no-repeat; padding-left: 20px;}
a.pdf {background: url('../images/icon-pdf.gif') 0 0 no-repeat; padding-left: 20px;}
a.doc {background: url('../images/icon-doc.gif') 0 0 no-repeat; padding-left: 20px;}

/********* Main Tags **********/

body { font: 62.5%/2em Verdana,Tahoma,sans-serif; background: url('../images/core/bg_slice.gif') 0 0 repeat-x #0f5b1f; color: #fff;}
h1, h2, h3 { margin-bottom: 20px; font-family: georgia; }

h1 { color: #ceb744; font-size: 2.5em; font-weight: 100; clear: both; }
h2 { color: #111; font-size: 2.0em; font-weight: 100; clear: both; }

hr { width: 100%; clear: both; padding-bottom: 15px; border-top: 1px dashed #000; border-left: 0px; border-right: 0px; border-bottom: 0px; }

/********* Accessories **********/

.left { float:left; }
.right{ float:right; }
.clear { display:block; clear: both; }

.rimage { float: right; clear: right; margin: 0 0 10px 10px; }
.limage { float: left; clear: left; margin: 0 10px 0 10px; }

#p-contact div.left { float: left; padding-right: 50px; }
					 div.right h2 { padding-top: 40px; }
 
/********* Lists **********/

ul.list { padding-left: 30px; padding-bottom: 15px; font-size: 1.2em; }
ul.list li { list-style: disc; }

#p-order_form ul.list { padding-left: 0px!important; font-style: italic; width: 230px; float: right; padding-top: 0px; }
#p-order_form ul.list li { padding-bottom: 30px; list-style: none;}

ul.products { float: left; display: block; } 
ul.products li { float: left; width: 155px; height: 255px; padding: 15px; margin-bottom: 15px; border: 1px dashed #000; font-size: 1.1em; text-align: center; background-color: #093713; }
ul.products li.gap { width: 13px!important; border: 0px!important; margin: 0px; padding:0px!important; background-color: #0f5b1f; }
ul.products li strong { color: #ceb744; font-size: 1.5em; font-family: georgia; font-weight: 100; } 
ul.products li a { display: block; border: 1px solid #000; float: left; height: 150px; margin-bottom: 5px;  }
ul.products li a img { float: left; }
ul.products li a:hover { border: 1px solid #ceb744; }

#p-corporate ul.products li { height: 225px!important; } 

/********* Containers **********/

#wrapper { width: 100%; background: url('../images/core/bg.jpg') top center no-repeat; }

#container { margin: 0 auto 0 auto; width: 864px; overflow: hidden;  }
#header{ height: 112px; width: 864px; float: left; padding-top: 25px;  }
#banner { height: 378px; width: 836px; float: left; padding: 8px 0 11px 8px; }
#slideshow { float: left; }
	
	#main{ width: 864px; float: left; padding-top: 40px; padding-bottom: 40px; }
	
		#mainLeft { }
		#mainRight{ }
	
		#content { width: 590px; float: left; padding-left: 20px; }
		#content p { margin-bottom: 20px; font-size: 1.2em; }
		#content a { color: #ceb744; text-decoration: none; }
		#content a:hover { color: #ceb744; text-decoration: underline; }
	
	#footer{ width: 844px; height: 200px; float: left; clear: both; color: #000; padding-left: 20px; font-size: 1.2em; }
	#footer p { margin-bottom: 10px; float: left; }
	#footer a { color: #000; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }
	
	#footer_inner { width: 834px; border-top: 1px solid #000; float: left; padding-top: 20px; }
	
	a.wflink { display: block; width: 90px; height: 25px; float: right; text-indent: -9999px; background: url('../images/core/wflogo.gif') 0 0 no-repeat; }
	
/********* CTA **********/

ul#cta { width: 232px; float: right; display: block; }
ul#cta li { width: 232px; float: left; display: block; }

ul#cta li.products { height: 124px; }
ul#cta li.order { height: 135px; }
ul#cta li.contact { height: 141px; }

ul#cta li a { width: 232px; float: left; display: block; text-indent: -9999px;}

ul#cta li.products a { height: 124px; background: url('../images/core/cta_01.gif') 0 0 no-repeat; }
ul#cta li.order a { height: 135px; background: url('../images/core/cta_02.gif') 0 0 no-repeat; }
ul#cta li.contact a { height: 141px; background: url('../images/core/cta_03.gif') 0 0 no-repeat; }
	
/********* Navigation **********/

ul#nav{ width: 864px; height: 39px; float: left; display: block; }

#nav li  { float: left; height: 39px; }

#nav li.home { width: 195px; }
#nav li.products { width: 144px; }
#nav li.corporate { width: 146px; }
#nav li.order_form { width: 170px; }
#nav li.contact { width: 199px; }

#nav li a { height: 39px; display: block; float: left; text-indent: -9999px; }

#nav li.home a { width: 195px; background-image: url('../images/core/nav_01.gif'); }
#nav li.products a { width: 144px; background-image: url('../images/core/nav_02.gif'); }
#nav li.corporate a { width: 146px; background-image: url('../images/core/nav_03.gif'); }
#nav li.order_form a { width: 170px; background-image: url('../images/core/nav_04.gif'); }
#nav li.contact a { width: 199px; background-image: url('../images/core/nav_05.gif'); }

#nav li a:hover { background-position: 0 -39px; }

#p-index li.home a, #p-products li.products a, #p-corporate li.corporate a, #p-order_form li.order_form a, #p-contact li.contact a  { background-position: 0 -39px; }

/********* Form **********/

.form { margin-bottom: 15px; float: left; display: block; width: ; }
.form li { margin-bottom: 5px; clear: both; font-size: 1.2em; } 
.form label  { display: inline-block; width: 100px; float: left; padding-bottom: 5px; }

form { display: block; float: left; }
textarea { width: 200px; padding-left: 3px; padding-top: 3px; font-family: Verdana,Tahoma,sans-serif; font-size: 1.0em;  }
textarea#Comments { height: 75px; }
input { width: 200px; font-family: Verdana,Tahoma,sans-serif; font-size: 1.0em;  }

#p-order_form .form label { width: 120px;}
#p-order_form .form  {}
#p-order_form form { width: 350px; }
#p-order_form .baseform label.error { margin-left: 120px; width: 200px!important; }

.baseform span.attention {color: #ff0000; font-weight: bold;}
.baseform label.error { float: none; display: block; color: #ff0000; margin-left: 100px; width: auto; padding-top: 5px!important; padding-bottom: 0px!important; } 

input.subres { width: 100px; height: 25px; border: 1px solid #000; color: #000; background-color: #ceb744; padding: 0px 0 3px 0; }