#wrap{width: 950px;margin: 0 auto; padding: 0 9px 0 9px;text-align: left;background: #fff url(../images/shadow_bg.gif) top left repeat-y;}
#wrap #head{float: left;width: 950px;}
#wrap #head #nav{float: left; width: 950px;height: 60px;background: url(../images/nav-bg.gif) bottom left repeat-x;}
#wrap #mainContent{float: left;width: 950px; background: url(../images/dots.gif) bottom right no-repeat;margin: 0px; padding:0px;}
#wrap #footer{float: left;width: 950px;background: #3f4041 url(../images/foot-gradient.gif) top left repeat-x;}

#wrap #head .biofocuslogo{float: left;margin: 10px 0 0 20px;}
#wrap #head .logo{float: left;margin: 10px 0 0 40px;}


#wrap #mainContent .middleContainer {float: left;margin: 20px 0 0 20px}

#wrap #head ul.contactInfo{float: left;margin: 50px 0 0 65px;list-style-image: none;font-size: 130%;color: #124035;}
#wrap #head ul.contactInfo li{margin: 5px 0;padding-left: 30px;}
#wrap #head ul.contactInfo li.phone{background: url(../images/phone.gif) center left no-repeat;}
#wrap #head ul.contactInfo li.email{background: url(../images/mail.gif) center left no-repeat;}
#wrap #head ul.contactInfo li a{text-decoration: none;color: #124035;}


#wrap #head #nav ul{float: left; list-style: none; margin: 12px 0 0 10px;display: inline;}
#wrap #head #nav ul li{float: left; margin: 0; background: url(../images/nav-dot.gif) bottom right no-repeat; padding: 0 8px 0 0;margin: 0 8px 0 0;}
#wrap #head #nav ul li a{float: left;color: #fff;font-size: 110%;text-decoration: none;}
#wrap #head #nav ul li a span{float: left;height: 29px;cursor: pointer;padding: 18px 6px 0 6px;}
#wrap #head #nav ul li a:hover, #wrap #head  #nav ul li a.on{background: url(../images/nav-hover-left.gif) top left no-repeat;}
#wrap #head #nav ul li a:hover span, #wrap #head #nav ul li a.on span{background: url(../images/nav-hover-right.gif) top right no-repeat;}


#wrap #head .siteSearch{float: right;padding: 27px 5px 0 0;width: 290px;}
#wrap #head .siteSearch form{margin: 0;}
#wrap #head .siteSearch label{color: #fff; font-weight: bold; font-size: 110%;float: left;margin: 3px 2px 0 0;}
#wrap #head .siteSearch .searchInput{float: left;background: url(../images/search-input.gif) top left no-repeat; height: 21px; width: 203px; border: 0;padding: 2px 0 0 5px;}
#wrap #head .siteSearch .searchBtn{border: 0; padding: 0; margin: 2px 0 0 5px; height: 23px; width: 23px; background: url(../images/search-btn.gif) top left no-repeat;cursor: pointer;}

#wrap .contentBox{width:930px;margin:10px;}

#wrap #footer ul{text-align: center;margin: 3px 0;color: #dc7c01;}
#wrap #footer ul li{display: inline; list-style: none;}
#wrap #footer ul li a {color: #fff;text-decoration: none;font-size: 90%;border-right: solid 1px #b57b21;padding: 0 10px 0 0; margin: 0 10px 0 0;}
#wrap #footer ul li{display: inline; list-style: none;}
#wrap #footer ul li a:hover{text-decoration: underline;}
#wrap #footer ul li.lastItem a{border-right: 0;}
#wrap #footer .trademarkInfo{text-align:center; font-size:80%; color:#FFF;align:center;	margin:3px 0}

#wrap .explainZoneTwo {
float:left;
margin:20px 0 0 20px;
width:456px;
}

#wrap .contactInfoZone {
float:left;
margin:20px 0 0 20px;
width:456px;
}


.explainZoneTwo ul {
list-style-image:url(../images/bullet-default.gif);
margin:10px 0 20px 30px;
}

.explainZoneTwo ul li {
margin:10px 0;
}

.geneSearch .formHolder {float: left;padding:10px; width:260px;background:#FFF url(../images/bg-form.gif) repeat-x; margin:10px}
.geneSearch .formHolder .btn {background:transparent url(../images/btn-small.gif) no-repeat scroll left top; border:0 none; color:#333333; cursor:pointer; font-size:90%; font-weight:bold; height:23px; letter-spacing:0; padding:0; text-align:center; width:51px;} 
.geneSearch .formHolder input {width: 228px;background:transparent url(../images/input-bg.gif) repeat-x scroll left top; border:1px solid #A5ACB2; font-size:100%; margin:3px 0; padding:2px;float:left;}
.geneSearch .formHolder textarea {width: 228px;height:100px;background:#FFF; border:1px solid #A5ACB2; margin:3px 0; padding:2px;font-size:120%;} 
.geneSearch .formHolder select {width: 234px;}
.geneSearch .formHolder .checkbox{align:left;width:234px;}
.geneSearch .formHolder label {width:130px; float:left;} 
.geneSearch .formHolder h3 {margin:0 0 10px 0;}
.geneSearch .formHolder .innerform{padding:0 15px 15px 15px;}

.contextBox{
	margin:10px;
	float:left;	
}

h2.greyLozenge {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/title-grey-left.gif) no-repeat scroll left top;
border:0 none;
color:#143C33;
font-size:130%;
margin:0 0 10px;
padding:0;
}

h2.greyLozenge span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/title-grey-right.gif) no-repeat scroll right top;
display:block;
height:36px;
line-height:36px;
padding-left:13px;
position:relative;
}


.contactForm .formHolder {float: left;padding:10px; width:240px;background:#FFF url(../images/bg-form.gif) repeat-x; margin:10px}
.contactForm .btn {background:transparent url(../images/btn-small.gif) no-repeat scroll left top; float:left; border:0 none; color:#333333; cursor:pointer; font-size:90%; font-weight:bold; height:23px; letter-spacing:0; padding:0; text-align:center; width:51px;} 
.contactForm input {width: 20px;background:transparent url(../images/input-bg.gif) repeat-x scroll left top; border:1px solid #A5ACB2; font-size:95%; margin:3px 0; padding:2px;float:left;}
.contactForm textarea {width: 200px;height:100px;background:#FFF; border:1px solid #A5ACB2; margin:3px 0; padding:2px;} 
.contactForm select {width: 100px;} 
.contactForm h3 {margin:0 0 10px 0;}
.contactForm .innerform{padding:0 15px 15px 15px;}

.genesByLetterContainer{float:left; width:100%;}

h2.curve {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/title-grey-curve.gif) no-repeat scroll left top;
border-color:-moz-use-text-color -moz-use-text-color #D2D1CE;
border-style:none none solid;
border-width:0 0 1px;
color:#143C33;
font-size:140%;
height:35px;
line-height:35px;
margin:0 0 10px;
padding:0 0 0 10px;
}

.zoneOne {
display:inline;
float:left;
margin:15px 0 0 23px;
width:604px;
}

.zoneOne .intro{
	font-size:120%;	
}

.leadPanel {
background:#E8FFFB url(../images/lead-btm.gif) no-repeat scroll left bottom;
float:left;
padding:0 0 5px;
width:950px;
}

.leadPanel .featureImg {
background:#EFFFFF none repeat scroll 0 0;
float:left;
margin:0 50px 0 50px;
}

.leadPanel .silenceSelect {
width:240px;
display:inline;
float:left;
margin:12px 0 0 25px;
}

.leadPanel .flexSelect {
float:left;
margin:12px 0 0 20px;
width:220px;
}

.zoneTwo {
float:right;
margin:-30px 10px 0 0;
position:relative;
width:290px;
z-index:10;
}

.zoneOne .splitLeft {
float:left;
width:90%;
}

.helpBox {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/help-btm.gif) no-repeat scroll left bottom;
float:left;
}

.helpBox .inner {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/help-top.gif) no-repeat scroll left top;
float:left;
padding:20px 28px 10px 20px;
width:235px;
}

.helpBox .inner h2 {
border:0 none;
color:#FFFFFF;
font-size:100%;
font-weight:bold;
margin:0 0 20px;
padding:0;
}

.formHolder {
background-color:#FFFFFF;
background-image:none;
border:0 none;
margin:0;
padding:0;
}

.formHolder .innerform input  {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/input-bg.gif) repeat-x scroll left top;
border:1px solid #A5ACB2;
font-size:95%;
margin:3px 0;
padding:2px;
width:234px;
}

.formHolder textarea {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #A5ACB2;
font-size:120%;
margin:3px 0;
padding:2px;
width:234px;
height:90px;
}

.formHolder .innerform {
padding:0;
}

.formHolder select {
width:234px;
}

.formHolder .innerform label {
font-size:90%;
padding:0;
}

.innerform .formError{color: #CC0000;font-size:90%;}

.formHolder .innerform .btn {
background:transparent url(../images/btn-small.gif) no-repeat scroll left top;
border:0 none; color:#333333;
cursor:pointer;
font-size:90%;
font-weight:bold;
height:23px;
letter-spacing:0;
padding:0;
text-align:center;
width:51px;
float:right;
}

.confirmationBox {
	margin:20px;
	float:left;
	width:600px;
}

#wrap .textZoneOne {
float:left;
margin:20px 0 0 20px;
width:620px;
}

#wrap .textZoneTwo {
float:left;
margin:50px 0 0 20px;
width:273px;
}

#wrap .textZoneOne .inTextImg{
float:left;
margin:7px 10px 0px 0;
}

#wrap .textZoneTwo .caseStudyImg{
float:left;
margin:5px 0;
}

#wrap .description{
color:#75a6a1;
font-size:100%;
line-height:130%;
}

.textZoneOne ul {
list-style-image:url(../images/bullet-default.gif);
margin:10px 0 20px 30px;
}

.textZoneOne ul li {
margin:5px 0;
}

h2.greyFade {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/title-fade-left.gif) no-repeat scroll left top;
border:0 none;
color:#DF8107;
font-size:140%;
margin:0 0 10px;
padding:0;
}

h2.greyFade span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/title-fade-right.gif) no-repeat scroll right top;
display:block;
height:36px;
line-height:36px;
padding-left:13px;
}
