@charset "utf-8";
/*  ---------------------------------------
	
	main.css
	````````
	main stylesheets document for
	Biotran
	
    ---------------------------------------  */


/*  ---------------------------------------
	Global Reset
	- - - - - - - - - - - - - - - - - - - -  */

		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none; text-decoration: none; }
		
		

/*  ---------------------------------------
	Global rules and typography
	- - - - - - - - - - - - - - - - - - - -  */
	
		body {
			background: url(../images/body-bg.gif) top repeat-x #f4f4f4;
			font-family: Arial;
			font-size: 14px;
			color: #343434;
		}
		body, html { height: 100%; }
		
		#container {
			width: 915px;
			margin: 0 auto;
			min-height: 100%;
			position: relative;
		}
		#content {
			width: 895px;
			margin: 0 auto;
			margin-bottom: 211px;
		}
		
		.hidden { display: none; }
		.clear { height: 1%; clear: both; }
		.left { float: left; }
		.right { float: right; }
		
		body a {
			color: #ef3724;
			text-decoration: underline;
		}
			 body a:hover {
			 	color: #797979;
			 }
		
		.clearfix:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		
		.clearfix {display: inline-block;}
		.no-background { background: none !important; }
		
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */



/*  ---------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - -  */
	
		#header {
			padding: 0 0 25px 10px;
		}
			#header h1 {
				display: block;
				width: 240px;
				height: 78px;
				float: left;
			}
				#header h1 a {
					display: block;
					height: 78px;
					width: 240px;
					background: url(../images/header-logo.gif) bottom no-repeat;
					text-indent: -999999px;
				}
			#header p#header-info {
				display: block;
				text-align: right;
				font-size: 14px;
				color: #fff;
				height: 41px;
				padding-right: 10px;
				line-height: 45px;
			}
			
			#header #main-nav-wrap {
				width: 650px;
				float: right;
				background: url(../images/main-nav-bg-left.gif) left no-repeat;
				height: 98px;
			}
			#header ul {
				display: block;
				padding: 0 10px;
				height: 98px;
				background: url(../images/main-nav-bg-right.gif) right no-repeat;
				float: right;
				list-style-type: none;
			}
				#header ul li {
					width: 126px;
					height: 87px;
					float: left;
					background: url(../images/main-nav-li-bg.gif) repeat-y;
				}
					#header ul li.first { background: none; }
					#header ul li a {
						width: 126px;
						text-align: center;
						font-size: 16px;
						text-decoration: none;
						color: #575757;
						display: block;
						line-height: 87px;
						height: 87px;
					}
					#header ul li.page-item-3 a {
						line-height: 18px !important;
						height: auto !important;
						padding: 25px 0;
					}
					
/*  ---------------------------------------
	Forms
	- - - - - - - - - - - - - - - - - - - -  */	
			
			form.cform {
			padding: 0;
			margin: 0;
		}
			form.cform ol {
				padding: 0;
				margin: 0;
				list-style-type: none;
			}
			form.cform li {
				display: block;
				padding: 10px 30px;
				border-bottom: 1px solid #d9e4ee;
			}
				form.cform li.cf-box-title {
					border-bottom: none;
					font-size: 14px;
					padding-bottom: 0;
					font-weight: bold;
					color: #EE3724;
					padding-left: 35px;
				}
					form.cform li.cf-box-group label { color: #333; width: 160px; }
				form.cform li label {
					display: block;
					width: 120px;
					float: left;
					padding-right: 10px;
					color: #ee3724;
					font-weight: bold;
				}
				form.cform li input {
					display: block;
					width: 180px;
					float: left;
				}
				form.cform li .cf-box-b { width: auto; }
				form.cform li span { display: block; float: left; padding-left: 5px; }
				form.cform li span.reqtxt, form.cform li span.emailreqtxt { color: #ee3724 !important; }
				form.cform li .area { width: 280px; float: left; display: block; }
				form.cform p.cf-sb { display: block; padding-left: 120px !important; padding-top: 20px; }
				
				p.req-notice { color: #ee3724 !important; }
				p.linklove {display: none;}
				
			form.cform legend {
				display: block ;
				font-family: Georgia;
				color: #303030;
				font-weight: bold;
				font-size: 16px;
				padding-bottom: 20px;
				margin-bottom: 0;
				padding-top: 15px;
			}
			form.cform textarea {
				width: 350px !important;
				height: 200px;
			}
			form.cform fieldset.cf_hidden { display: none; }
		
			form.cform li.cf_li_err {
				background: #FFE2DF;
			}
			form.cform li.cf_li_err span.reqtxt, form.cform li.cf_li_err span.emailreqtxt { color: #ee3724 !important; }
		
		form.cform li:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}
		
		.success,
		.failure {
			padding: 10px !important;
			font-size: 16px !important;
			background: #FFE2DF;
			color: #ee3724;
			margin-bottom: 10px;
		}
		
		form.cform li {display: inline-block;}
		.no-background { background: none !important; }
		
		.linklove { display: none !important;}
		
		/* Hides from IE-mac \*/
		* html form.cform li {height: 1%;}
		form.cform li {display: block;}
		/* End hide from IE-mac */
		
		form#compare {
			display: block;
			padding: 15px;
			border: 3px solid #999;
		}
		
		input#inputer {
			padding: 5px;
			font-size: 16px;
			color: #666;
		}
		p#answerP {
			font-size: 22px;
			color: #333;
			display: block;
			padding: 25px 0 5px 0;
		}
		p#answerP span {
			color: #999;
			font-weight: normal;
		}
		
		
					
/*  ---------------------------------------
	Home
	- - - - - - - - - - - - - - - - - - - -  */	
			
			
		#content-wrap.home {
			background: none;
			padding: 0;
		}
			#content-wrap.home #content {
				background: none;
				padding: 0;
			}
			
		#home-panels {
			list-style-type: none;
			padding: 0;
			margin: 0 0 30px 0;
			background: url(../images/home-masthead.jpg) right no-repeat;
		}
			#home-panels li {
				display: block;
				height: 88px;
				position: relative;
				padding: 0;
				margin: 0;
			}
				#home-panels li a.tab {
					display: block;
					height: 88px;
					width: 265px;
					float: left;
					background: url(../images/home-panel-a-bg.gif) no-repeat;
					font-size: 22px;
					color: #a8a8a8;
					text-decoration: none;
					padding: 0;
					margin: 0;
				}
					#home-panels li.top a.tab { background-image: url(../images/home-panel-a-bg-top.gif); }
					#home-panels li.bottom a.tab { background-image: url(../images/home-panel-a-bg-bottom.gif); }
					#home-panels li a.tab strong {
						display: block;
						padding: 14px 14px 0 14px;
						font-size: 24px;
						font-weight: bold;
						color: #fff;
					}
					#home-panels li a.tab em {
						display: block;
						padding: 0 14px 14px 14px;
					}
				#home-panels li span {
					display: block;
					width: 630px;
					position: absolute;
					left: 265px;
					font-size: 12px;
				}
					#home-panels li.top span { top: 0 !important; }
						#home-panels li.top span a { -moz-border-radius-topright: 5px; }
					#home-panels li.bottom span { bottom: 0 !important; }
						#home-panels li.bottom span a { -moz-border-radius-bottomright: 5px ;}
					#home-panels li span a { 
						display: block; 
						padding: 20px; 
						line-height: 20px;
						text-decoration: none; color: #fff; 
						background: url(../images/grad-90.png);
					}
					#home-panels li span strong {
						display: block;
						font-size: 16px;
						padding-bottom: 8px;
					}




/*  ---------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - -  */
	
		#footer { 
			height: 181px;
			background: url(../images/footer-bg.gif) top repeat-x;
			position: relative;
			margin: -181px 0 0 0;
			clear: both;
		 }
			#footer-container {
				width: 865px;
				margin: 0 auto;
				padding: 48px 0 0 0;
			}
			
			#footer-info {
				width: 249px;
				float: left;
			}
				#footer-info p {
					display: block;
					color: #f1f1f1;
					font-size: 12px;
				}
					#footer-info p strong {
						display: block;
						font-size: 14px;
						font-weight: bold;
						padding-bottom: 1px;
					}
				#footer-info h3 {
					display: block;
					font-size: 23px;
					font-weight: bold;
					color: #fff;
					margin-top: 4px;
					padding-left: 25px;
					background: url(../images/ico-phone-red.gif) left center no-repeat;
				}
				#footer-info p#email a {
					display: block;
					font-size: 12px;
					margin-top: 12px;
					padding-left: 25px;
					background: url(../images/ico-email-red.gif) left center no-repeat;
				}
				
		#footer-nav {
			display: block;
			width: 422px;
			float: left;
		}
	
		#footer ul {
			display: block;
			float: left;
			list-style-type: none;
			padding-right: 45px;
			width: 33%;
		}
			#footer ul li {
				display: block;
				padding: 0 0 4px 0;
				color: #f1f1f1;
				font-size: 11px;
			}
				#footer ul li strong {
					display: block;
					padding-bottom: 10px;
					text-transform: uppercase;
				}
				#footer ul li a {
					color: #f1f1f1;
				}
					#footer ul li a:hover {
						color: #797979;
					}
				
		#footer-legal {
			display: block;
			padding-top: 25px;
		}
			#footer-legal p {
				font-size: 11px;
				display: block;
				color: #f1f1f1;
				padding-bottom: 10px;
				line-height: 18px;
			}