/* -------------------------------------------------------------- 
  
   Sealand Harvesters
   * Version:   January 2008
   * Website:   http://www.sealandharvesters.com/
   * Leonardo Melendez, HR3 Concepts balrogbz@hotmail.com
   
-------------------------------------------------------------- */


body { margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#99cc33 url(../i/bg.jpg) repeat-x; color:#222; }
h2 	 { color:#454540; font-weight:normal; line-height:1em; padding:8px 0; margin:0 0 15px 0; text-transform:uppercase; font-size:1.7em;}
h3 	 { font:bold 14px Arial, Helvetica, sans-serif; color:#9b0109; line-height:1em; padding:5px 0 6px 0;}
p    { margin-bottom:12px; }
hr	 { border:0; height:8px; background:url(../i/hr-bg.gif) -60px bottom no-repeat;}
a    { color:#000; }
form { margin:0; color:#807f6a; text-transform:uppercase;}
form p { color:#111; text-transform:none;}

		#search, input[type="text"], input[type="password"], textarea { background: #FBFAF4;
		  border: 1px solid; border-color: #999 #D9D9D9 #D9D9D9 #999; margin-bottom:6px;}		  
		.required { font-weight:bold;}

dl { margin:0; padding: 0 0 0px; font-style:italic; }
dl dt { font-size:1.2em; margin:10px 0; background-color:#cccc99; padding:7px 10px 7px 20px;  width:250px;}
dl dt a { color:#2c2c29; }		
dl dd { margin: .5em 0 0; color:#606052; }
dl dd a { color:#598819;}


/*---IDs-----*/

#wrapper { }
	#logo { width:800px; height:115px; margin:0px 0 0 10px;}
		#logo h1 { width:800px;}

#nav { margin:25px 0 0 2px; padding:0; list-style-type:none; font-size:1.7em; border-bottom:none; }
	#nav li { float:left; background:url(../i/tab-right.gif) no-repeat top right; }
	#nav li a  { float:left; border-bottom:0px; padding:20px 46px 23px 45px; display:block; background:url(../i/tab-left.gif) no-repeat top left; text-decoration:none; line-height:1em; }
	#nav li.here { background:url(../i/tab-right-here.gif) no-repeat top right; border-bottom:none; }
	#nav li.here a { background:url(../i/tab-left-here.gif) no-repeat top left; border-bottom:none; padding-bottom:20px; }
	#nav li a:hover { text-decoration:underline;  }
	#nav .here a { }
	#nav .here a:hover { }
		
		
	#intro { width:827px; height:380px; margin-top:10px;}
		#intro-text { position:relative; top:185px; left:392px; color:#fff; width:400px; font-size:1.3em;}
		#intro-text strong { text-transform:uppercase; }
	
	#main-outer { background:#cccc99 url(../i/main-bg-bottom.gif) bottom no-repeat; padding-bottom:17px; float:left; z-index:2; position:relative; }
	#main { background:#cccc99; padding:10px 5px 0 5px; float:left; width:815px; border-left:1px solid #6b936a; border-right:1px solid #6b936a;}
	#main ul { margin:0 0 30px 30px; }
	#main ul li { padding:2px 0;}

	#main p { color:#454540; margin:5px 0 20px 0;}
	#main img { margin:0 0 10px 0;}
	#main strong { font-size:1.1em;}
	
	#products { width:764px;}
		.product { background:url(../i/hr-bg.gif) bottom no-repeat; margin:0 0 20px 0; width:355px; height:110px; float:left;}
		.product .pic { float:left;}
	#products .left { margin-right:54px;}
	#products dl { margin:0; padding:0; font-style:italic; float:left; width:235px; }
	#products dl dt { font-size:1.2em; margin:0; background-color:#cccc99; padding:6px 0; text-align:center; width:235px;}
	#products dl dt a { color:#2c2c29; }		
	#products dl dd { margin: .5em 0 0; color:#606052; width:200px; padding:0 10px; width:220px; }
	#products dl dd a { color:#598819;}
	

	#contact-info {}
		#contact-info dl { margin:0 0 0 10px; padding:0; font-style:italic; width:240px; }
		#contact-info dl dt { float:left; background:none; padding:0; width:60px; }
		#contact-info dl dt img { border:0;}
		#contact-info dl dd { float:left; color:#606052; }
		#contact-info 	dl dd a { color:#598819;}
		.contact-data {  margin:0 15px 5px 0; line-height:1.25em; font-size:12px; background:none !important;}

	#footer-wrapper { background:url(../i/footer-bg.gif) repeat-x; height:125px; position:relative; top:-45px; }
		#footer  { width:827px; margin:0 auto; position:relative; top:60px; }
		#footer ul { margin:0 0 0 20px; float:left; width:800px; }
		#footer li { float:left; display:block; margin-right:18px; }
		#footer	.hr3 { float:right;}
			.copy { margin-left:20px;}
		#footer a { text-decoration:none; }		
	
	#errors { font-weight:bold; }

	/*---CLASSES------*/
	.container { width: 827px;  margin: 0 auto;}
	.column { float:left; margin-right: 10px; }	
	.span-1 { width:329px; }
	.span-2 { width:270px; }
	.span-3 { width:540px; }
	
	#content { padding:0 10px; text-align:justify}
	
	.section { padding:5px 25px 15px 25px;  float:left;}
	.narrow { width:278px; background:#fcfcd0 url(../i/narrow-top-bg.gif) top repeat-x;  }
	.wide   { width:429px; background:#fcfcd0 url(../i/wide-top-bg.gif) top repeat-x; }
	.superwide { width:764px; background:#fcfcd0 url(../i/superwide-top-bg.gif) top repeat-x; }
	.left { margin-right:8px;}

	.miniBox { margin:0 15px 5px 0; line-height:1.25em; font-size:12px; float:left; background:url(../i/hr-bg.gif) -65px bottom no-repeat; padding:0px 0 10px 0;}
	.miniBox a:hover { color:#ca2122;}
	.miniBox .pic { float:left; }
	.bg-off { background:none;}


	.bullet-on { background:url(../i/bullet.gif) left no-repeat; padding-left:25px;}
	.date { color:#454540; margin-top:10px;}
	
	.featured-h2 { background:url(../i/featured.gif) right no-repeat;}
	.development-h2 { background:url(../i/development.gif) right no-repeat;}
	.products-h2 { background:url(../i/phone-icon.gif) right no-repeat;}
	.contact-h2 { background:url(../i/phone-icon.gif) right no-repeat;}
	.form-h2 { background:url(../i/phone-icon.gif) right no-repeat;}

	.no-intro { background:url(../i/main-top-bg.gif) no-repeat; padding-top:15px;}
	
	 img.affiliates-logo { float:left; margin-right:8px !important; }

/* Clearing floats without extra markup*/
.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }