body {
	font:small "Trebuchet MS", Tahoma, Verdana,Sans-serif;
	color:#fff;
	background:#1D2419;
	margin:	0;
	padding:0;
	text-align:center;
}

#anti-mold {

	clear:both;
	margin:0 auto;padding-top:50px;
}

#header {
	height:264px; 
}

#header {
	background:					url(/images/head_bg.jpg) repeat-x 0 64px;
}

#logo {
	background:					url(/images/logo.gif) no-repeat 0 0;
}

#navbox,  #footer, #greenBox {
	width:						900px;
	margin:						0 auto;
}
#body{
	width:						900px; background-color:#32382F;
	margin:						0 auto;
}

#logo {
	display:					block;
	float:						left;
	width:						190px;
	height:						60px;
	margin:						0 0 0 10px;

}

#nav {
	float:						right;
	width:						450px;
	height:						18px; margin-top:30px;
}


#nav a span, #validation a span,  #body #contactThanks {
	display:					none;
}

#greenBox {
	clear:						both; padding-top:12px;
}

#headLeft {
	float:						left;
	width:						410px;
	height:						199px;
}

#headLeft div#homeText {
width:						270px!important; /* IE7+FF */
	width:						250px;
		margin:						75px 0 0 155px!important; /* IE7+FF */
	margin:						45px 0 0 145px;
	text-align:					justify!important; /* IE7+FF */
		text-align: left;
	font-size:					11px;
	line-height:				18px;
	color:#FFFFFF;
}

#headSplit {
	float:						left;
	width:						35px;
	height:						198px;
	margin:						0 16px 0 30px;
}

#headRight {
	float:						left;
	width:						390px;
		margin:					55px 0 0 0;
}

#headLeft h1 {
	display:					none;
}

#headRight h2 {
	display:					none;
}

#folioStrip {
	width:						390px;
	height:						100px;
}

#folioStrip a {
	display:					block;
	float:						left;

	width:						390px;
	height:						80px;
	margin:						0px 14px 0 0;
}



#body {
	text-align:					left;
}

#body h1 {
	display:					block;
	width:						388px;
	height:						42px;
	margin:						0 0 0 50px;
	padding:					0;
}

#body h1 span {
	display:					none;
}

#body .bodyWrap {
	width:						810px;
	margin:						10px auto 0 auto;
	background:					url(/images/abtit-1.gif) no-repeat 0 0;
	color:						#ccc; background-color:#1D2419;
	padding:32px 10px 10px 10px;
	font-size:					11px;
}

#body .bodyWrap .project {
	clear:						both;
	width:						794px;
	height:						144px;
	background:					url(/images/project_bg.gif) no-repeat 0 0;
}
#body .abofoot{
	margin:						0px auto;
	width:						810px;
	padding:12px 10px 10px 10px;
	height:						15px;
	background:					url(/images/abfoot.gif) no-repeat 0 0;
}

#body .bodyWrap .details {
	float:						left;
	width:						312px;
	height:						128px;
	font-size:					10px;
	margin:						8px 0 0 8px;
}

#body .bodyWrap .preview {
	display:					block;
	float:						right;
	width:						440px;
	height:						120px;
	border:						4px solid #fff !important;
	margin:						8px 8px 0 0;
	text-decoration:			none;
}
.contleft {
	float:						left;
	width:						312px;
	font-size:					12px;
	margin:						8px 0 0 8px;
}
.contleft1 {
	width:						300px;
background:					url(/images/cont.jpg) no-repeat 0 0;
height:160px;

}
.contleft2 {
	width:						300px;

}
.contright {
float:left;
	width:						400px;
	padding-left:30px;

}

#body .bodyWrap .previewLink {
	display:					block;
	width:						440px;
	height:						120px;
	text-decoration:			none;
}

#body .bodyWrap .previewLaunch {
	width:						440px;
	height:						120px;
	background:					url(/images/preview_over.png) no-repeat 0 0;
}

#body .bodyWrap .previewGrey {
	width:						440px;
	height:						120px;
}

#body .bodyWrap .project .title {
	font-family: 				Arial, Helvetica, sans-serif;
	font-size:					12px;
	font-weight:				bold;
	border-bottom:				1px solid #666;
	padding:					0 0 3px 0;
	margin:						0 0 3px 0;
}

#body .bodyWrap .project a {
	color:						#B5E06B;
	text-decoration:			none;
}

.orange {
	color:						#F39B18;
}

#body .bodyWrap .project .left {
	float:						left;
	width:						65px;
}

#body .bodyWrap .project .right {
	float:						left;
	text-align:					right;
	width:						244px;
}

#body .bodyWrap .project a:hover {
	color:						#f1f1f1;
	border-bottom:				1px solid #B5E06B;
}

#body .bodyWrap #contactLeft {
	float:						left;
	width:						354px;
}

#body .bodyWrap #contactRight {
	float:						right;
	width:						396px;
	height:						396px;
	padding:					8px 0 0 24px;
	font-size:					10px;
	background:					url(/images/contact_bg.gif) no-repeat 12px 0;
}

#body .bodyWrap #contactRight .title, #body .bodyWrap #contactThanks .title {
	font-family: 				Arial, Helvetica, sans-serif;
	color:						#F39B18;
	font-size:					16px;
	font-weight:				bold;
	border-bottom:				1px solid #666;
	padding:					0 0 3px 0;
	margin:						0 0 3px 0;
	width:						94%;
}

#body .bodyWrap #contactThanks .title {
	border:						0px;
}

#aboutContent div.bodyWrap, #contactContent div.bodyWrap {
	line-height:				20px;
	font-size:					12px;
}

#aboutContent b.orange {
	display:					block;
	font-size:					14px;

	padding:					0 0 3px 0;
	margin:						0 0 0 8px;
}

#aboutContent #aboutLeaf {
	background:					url(/images/about_leaf.jpg) no-repeat top right;
	height:						338px;
}

#aboutContent #products {
	background:					

}
#aboutContent div.list {
	line-height:				24px;
}

#aboutContent .topleft {
	width:						490px;
}

#aboutContent .botleft {
	width:						394px;
}


#overlay {
	display:					none;
	background-image: 			url(/images/overlay.png);
	position:					absolute;
	top:						0px;
	left:						0px;
	z-index:					90;
	width:						100%;
	height:						100%;
}

#hiddenms, #hiddenmsw, #hiddenaw, #hiddenrz, #hiddenwi {
	display:					none;
	position:					absolute;
	top:						0px;
	left:						0px;
	width:						531px;
	padding:					12px 20px 20px 20px;
	background:					#1D2419;
	border:						8px solid #fff;
	z-index:					99;
}

.hiddenBox {
	font-size:					11px;
	color:						#ccc;			
}

.hiddenBox .title {
	font-size:					22px;
	font-weight:				normal;
	color:						#F39B18;
	padding:					0 0 3px 0;
	margin:						0 0 3px 0;
}

.hiddenBox .image {
	width:						531px;
	height:						268px;
	margin:						10px 0;
}

.hiddenBox ul {
	font-size:					10px;
	margin:						0;
	padding:					0 0 0 25px;
}

.hiddenBox .left {
	float:						left;
	width:						360px;
	line-height:				16px;
}

.hiddenBox .right {
	float:						left;
	margin:						32px 0 0 0;
	text-align:					right;
	width:						60px;
}

a{
	color:						#79D518;
	text-decoration:			none;
}


a:hover {
	color:						#F39B18
}



#footer div.hline {
	display:					none;
	border-bottom:				1px solid #444;
}

#copyright {
	float:						left;
	width:						550px;
	height:						60px;color:#999999; font-size:11px;
	padding-top:5px;
}

#validation {
	float:						right;
	width:						130px;
}

#validation a {
	display:					block;
	float:						left;
	height:						29px;
}

.clear {
	font-size:					0px;
	line-height:				0px;
	height:						0px;
	width:						0px;
	clear:						both;
}

.sm {
	font-size:					9px;
}

#dark {
	display:					none;
	position:					absolute;
	overflow:					hidden;
	top:						1px;
	left:						1px;
	background:					#000;
	width:						99.9%;
	height:						99.9%;
	z-index:					1000;
}

#thanks, .cnt {
	display:					none;
	font-size:					11px;
	line-height:				16px;
}
/*-----------------------------------------------
//	PacificFrog.com Images Stylesheet
//	Author:   		Mark Pitman (mark at leafspan dot com)
//	Media Type: 	Screen
//	Version Date:  	Oct 9th, 2007
-------------------------------------------------*/





#nav a#home {
	width:						98px;
	background:					url(/images/nav.gif) no-repeat 0px 0px;
}

#nav a#home:hover {
	background:					url(/images/nav.gif) no-repeat 0px -63px;
}

#nav a#work {
	width:						99px;
	background:					url(/images/nav.gif) no-repeat -98px 0px;
}

#nav a#work:hover {
	background:					url(/images/nav.gif) no-repeat -98px -63px;
}

#nav a#about {
	width:						111px;
	background:					url(/images/nav.gif) no-repeat -197px 0px;
}

#nav a#about:hover {
	background:					url(/images/nav.gif) no-repeat -197px -63px;
}

#nav a#contact {
	width:						132px;
	background:					url(/images/nav.gif) no-repeat -308px 0px;
}

#nav a#contact:hover {
	background:					url(/images/nav.gif) no-repeat -308px -63px;
}

#folioStrip a.msw {
	background:					url(/images/pf_msw.gif) no-repeat 0 0;
}

#folioStrip a.ms {
	background:					url(/images/pf_ms.gif) no-repeat 0 0;
}

#folioStrip a.rz {
	background:					url(/images/pf_zoom.gif) no-repeat 0 0;
}

#folioStrip a.aw {
	background:					url(/images/pf_aw.gif) no-repeat 0 0;
}

#folioStrip a.wi {
	background:					url(/images/pf_wi.gif) no-repeat 0 0;
}

#validation a.xhtml {
	width:						69px;
	background:					url(/images/valid.gif) no-repeat 0 0;
}

#validation a.xhtml:hover {
	background:					url(/images/valid.gif) no-repeat 0 -29px;
}

#validation a.css {
	width:						61px;
	background:					url(/images/valid.gif) no-repeat -69px 0;
}

#validation a.css:hover {
	background:					url(/images/valid.gif) no-repeat -69px -29px;
}

#headLeft {
	background:					url(/images/home_head_left.png) no-repeat 0 27px; 
}
* html #headLeft{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="/images/home_head_left.png")  no-repeat 0 27px;
background:none;
}


#headSplit {
	background:					url(/images/home_head_split.png) no-repeat 0 0;
}
* html #headSplit {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="/images/home_head_split.png")  no-repeat 0 0;
background:none;
}


#body h1.about {
	background:					url(/images/about_header.gif) no-repeat 0 0;
}

#body h1.products {
	background:					url(/images/products_header.gif) no-repeat 0 0;
}
#body h1.experiment {
	background:					url(/images/experiment_header.gif) no-repeat 0 0;
}
#body h1.faq {
	background:					url(/images/faq_header.gif) no-repeat 0 0;
}
#body h1.contact {
	background:					url(/images/contact_header.gif) no-repeat 0 0;
}

.tage00{
color:#669900;
}

#body div.bodyWrap #ms {
	background:					url(/images/pf_ms_bar.gif) no-repeat 0 0;
}

#body div.bodyWrap #msw {
	background:					url(/images/pf_msw_bar.gif) no-repeat 0 0;
}

#body div.bodyWrap #rz {
	background:					url(/images/pf_rz_bar.gif) no-repeat 0 0;
}

#body div.bodyWrap #aw {
	background:					url(/images/pf_aw_bar.gif) no-repeat 0 0;
}

#body div.bodyWrap #wi {
	background:					url(/images/pf_wi_bar.gif) no-repeat 0 0;
}

#body div.bodyWrap div#greyms {
	background:					url(/images/pf_grey_ms_bar.gif) no-repeat 0 0;
}

#body div.bodyWrap div#greymsw {
	background:					url(/images/pf_grey_msw_bar.gif) no-repeat 0 0;
}

#body div.bodyWrap div#greyrz {
	background:					url(/images/pf_grey_rz_bar.gif) no-repeat 0 0;
}

#body div.bodyWrap div#greyaw {
	background:					url(/images/pf_grey_aw_bar.gif) no-repeat 0 0;
}

#body div.bodyWrap div#greywi {
	background:					url(/images/pf_grey_wi_bar.gif) no-repeat 0 0;
}






/*-----------------------------------------------
//	PacificFrog.com Forms Stylesheet
//	Author:   		Mark Pitman (mark at leafspan dot com)
//	Media Type: 	Screen
//	Version Date:  	Oct 9th, 2007
-------------------------------------------------*/

input, select, textarea {
	font-family:				Tahoma, Verdana, Sans-serif;
	background:					#fff;
	border:						1px solid #50554D;
	font-size:					11px;
	color:						#333;
	padding:					3px;
	margin:						0 0 8px 0;
}

input.colone {
	width:						140px;
}

input.coltwo {
	width:						200px;
}

select.colone {
	width:						146px;
}

select.coltwo {
	width:						206px;
}

textarea.tarea {
	width:						368px;
	height:						90px;
}

.ast {
	color:						#F39B18;
	font-weight:				bold;
}

input.send {
	display:					block;
	width:						71px;
	height:						33px;
	border:						0;
	padding:					0;
	margin:						0 20px 0 0;
	background:					url(/images/send.gif) no-repeat 0 -45px;
}

input.send:hover {
	cursor:						pointer;
	background:					url(/images/send.gif) no-repeat 0 0;
}