/* RevGenetics screen stylesheet, Feb 2009 */

* { margin: 0; padding: 0 }

a:link { color: #06e }
a:hover { color: #580 }
a:visited { color: #06e }

a img { border: 0 }

body { 
	background: #5f8500 url(../gfx/body-bg.jpg) repeat-x; 
	border-top: 2px solid #222f00; 
	color: #444; font: 62.5%/1.5 "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	margin:0px;
	padding:0px;
}

h1, h2, h3 { font-weight: normal }
h1 { border-bottom: 1px solid #ccc; color: #222f00; font-family: Constantia, Georgia, serif; font-size: 3em; margin: 0 0 .4em -10px; padding: 0 0 0 10px }
h2 { color: #580; font-size: 1.8em; line-height: 1.2em; margin: 0 0 1em 0 }
h3 { color: #580 }
h4 { color: #580; font-size: 1.5em; margin: 0 0 1.5em 0 }
p, li { font-size: 1.2em; margin: 0 0 1.5em 0 }

strong { color: #222 }

.half { width: 220px }
.one { width: 300px }
.two { width: 620px }
.three { width: 940px }
.left { float: left }
.right { float: right }
.middle { display: inline; margin: 0 20px }
.marginl { display: inline; margin-left: 20px }
.noshow { text-indent: -9999px }	
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

.blue { color: #07c }

#guarantee { background: #def url(../gfx/guarantee-bg.jpg) no-repeat; margin: 0 0 0 0; padding: 50px 20px 20px 20px; width: 270px }
	#guarantee h3 { display: block; width: 115px; height: 105px; float: right; margin: -40px -10px 0 0; text-indent: -9999px } /* acts as floated img, text wrapped around it */
	#guarantee p { margin: 0 }

#wrap { background: #fff url(../gfx/wrap-bg.jpg) bottom repeat-x; clear: both; padding: 10px 0 0 0 }

	#head { background: url(../gfx/head-bg.jpg) repeat-x }
	#links li{display:inline;color:#5F8500;}
	#links{margin-bottom:2px;}
	#links li a{color:#5F8500;font-size:10px;text-decoration:none;}
		#brand { background: url(../gfx/brand.jpg) no-repeat; height: 117px; margin: 0 auto; width: 960px }
			#brand h1, #brand p { display: none }
		#nav { background: #7fae00 url(../gfx/menu-bg.jpg) repeat-x; border-top: 3px solid #5f8500; height: 47px }
			#menu { margin: 0 auto; width: 960px; position:relative;}
				#menu ul { list-style: none }
				#menu li { font-size: 1.4em; margin: 0 }				
				#menu a, #menu li { float: left }
				#menu a { border-right: 1px solid #a5cd38; color: #fff; cursor: pointer; display: block; line-height: 47px; height: 47px; font-family: Arial, sans-serif; font-weight: bold; padding: 0 13px; text-decoration: none }
				#menu a:hover { background: #aad82e; color: #222f00 }
				#menu li#current a { background: #5f8500 url(../gfx/pointer.gif) bottom no-repeat }

/*Search box */			
#searchform .field { 
	border-color:#5F8500 -moz-use-text-color -moz-use-text-color;
	border-style:solid none none;
	border-width:1px 0 0;
	font-size:1em;
	height:19px;
	padding:3px 0 0 1px;
	position:absolute;
	right:79px;
	top:13px;
	width:180px;
}

#searchform .button{
	position:absolute;
	right:3px;
	top:13px;
	*background:transparent url(../gfx/btn_go.gif) no-repeat top left;
	background:transparent url(../gfx/btn_go1.gif) no-repeat top left;
	color:transparent;
	height:24px;
	width:70px;
	border:0px none;
	color:#fff;
	font-size:12px;
	padding:0 0 0px 0px;
	text-indent:-9999px;
}

*html #searchform .button{
 	background:transparent url(../gfx/btn_go.gif) no-repeat top left;
	color:#fff;
}

#menu form p { 
	margin: 0 
}
				
			#flash { background: #fff url(../gfx/flash-bg.jpg) repeat-x }
				#flash-wrap { background: url(../gfx/flash-wrap-bg.jpg) top center no-repeat; height: 310px }
					#flash-temp { background: url(../gfx/flash-temp.jpg) no-repeat; height: 297px; margin: 0 auto; width: 960px }
					#flash-temp h2, #flash-temp p { padding: 60px 0 0 80px; width: 390px }
					#flash-temp p { font-size: 1.4em; padding-top: 0 }
				
	#content { margin: 0 auto; width: 940px }
		#intro { clear: both }
			p.intro { font-family: Georgia, serif; font-size: 1.6em; font-style: italic }
			#intro #guarantee { margin-right: -10px; margin-top: 20px }
			#products-home { clear: both; float: left; padding: 20px 0 0 0; width: 100% }
			#bits { border-bottom: 8px solid #eee; border-top: 8px solid #eee; clear: both; padding: 1.5em 0 0 0; width: 100% }
				.bit-blue { background: url(../gfx/ico-blue.gif) 0 5px no-repeat; padding: 0 0 0 30px }
				.bit-green { background: url(../gfx/ico-green.gif) 0 5px no-repeat; padding: 0 0 0 30px }
				.bit-leaf { background: url(../gfx/ico-leaf.gif) 0 5px no-repeat; padding: 0 0 0 30px }
				#bits .one { background: red }
				
				#misc { clear: both; padding: 1.5em 0 0 0 }
			
	#foot { background: url(../gfx/foot-bg.jpg) repeat-x; border-bottom: 20px solid #5f8500; color: #fff; height: 131px }
		#foot a { color: #fff }
		#foot-wrap { background: url(../gfx/flowers-foot.jpg) no-repeat; height: 31px; margin: 0 auto; padding: 85px 0 0 0; width: 960px }
			#foot #about { float: left; padding: 0 0 0 170px }
			#foot #copy { float: right }