@charset "UTF-8";
/* CSS Document */

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #000000; padding: 0; background-color:#8bc43f;}

a {font-weight: bold; color: #8BC443; text-decoration:none;}
a:hover {color:  #1762AD;}

#Frame {width: 760px; padding: 0; margin-left: auto; margin-right: auto; }

#TopBanner {width: 760px; height: 72px; padding:0; margin:0;}

#BannerNav {width: 760px; height: 244px; padding:0; marign:0; z-index: 1; position: relative; top:0; left:0;}

	#Navigation {width: 145px; height: 180px; padding: 15px 0 0 0; margin:0; color: #FFF; text-align:right; font-weight: bold; font-size: 0.9em; z-index: 1000; position: absolute; top:0; left:0;}
	
	#Navigation a{font-weight: bold; color: #FFFFFF; text-decoration:none;}
	#Navigation a:hover {color: #99FF33;}
	
	
	
#Content {width: 740px; padding: 5px 10px 5px 10px; margin:0; background-color: #FFFFFF; }

#Crumbs {width: 740px; padding:0 0 10px 0px; margin:0; background-color: #FFFFFF; color: #666666; font-size: 0.9em;}
#Crumbs a{text-decoration:none; font-weight: normal; color: #0066FF;}
#Crumbs a:hover {color: #666666;}


#CaseSHolder {width: 755px; padding:5px 0 0 5px; margin:0; background: #FFFFFF;}

	#CaseTitle {width: 143px; height: 82px; padding:10px 10px 0 0; background: #000033; color: #FFFFFF; font-size: 1.3em; font-weight: bold; text-align: right; float:left;}
	
	.CaseStory {width: 190px; padding: 0 0 10px 8px; margin:0; float:left;}
	
	.CaseStory a {color: #000000; font-weight: bold; text-decoration:none;}
	
	.CaseStory a:hover {color: #0066FF;}
	
	.CaseImg {width: 190px; height: 80px; padding:0 0 2px 0; margin:0; border: 0px #8BC540 solid;}
	
	.CaseName {width: 182px; height: 15px; padding:0 0 0 10px; margin:0; font-weight: 0.9em; font-weight: bold; background: #8BC540; color: #FFFFFF;}
	
	.CaseInfo {width: 180px; padding: 5px 0 0 10px; margin:0; line-height: 1.6em; font-size: 0.9em;}
	
	
	.BigCaseHolder {width:740px; padding: 10px 0 10px 0; margin:0; border-bottom: #000033 dashed 1px;}
	
	.BigCaseImg {width: 148px; padding:0; margin:0; float:left; border: 0; /*border:1px solid #8BC540;*/}
	
	.BigCaseInfo {width: 500px; padding: 0 10px 10px 20px; margin:0; float:left;}	
	
	.FAQHolder {width:740px; padding: 10px 0 10px 0; margin:0; border-bottom: #000033 dashed 1px;}
		
	.FAQInfo {width: 700px; padding: 0 10px 10px 10px; margin:0;}	
	
	#ContactForm {width: 600px; padding:0; margin-right: auto; magin-left: auto; }
	
	.ContactDetails {width: 600px; padding:5px 0 5px 0; }
	
	.ContactLeft {width: 250px; padding:5px 10px 0 0; margin:0; text-align: right; float: left;}
	
	.ContactRight {width: 300px; padding:0; margin:0; text-align: left; float:left;}
	

/* UL LI STYLES */

.Products {padding:0 0 0 30px; margin:0; width: 300px; border-bottom: 1px solid #8BC540; font-weight: bold; color: #0066CC;}
	.Products a {color: #0066CC;}
	.Products li {list-style: none; margin: 0; padding: 8px 0 5px 15px;}
	.Products li a {text-decoration: none; color:#000000;}
	.Products li a:hover {color: #0066CC;}
		
	
	

#Footer {width: 760px; height: 35px; padding:10px 0 0 0; margin:0; text-align:right; font-size: 0.9em; clear:both; }

	#Footer a {color: #000000; text-decoration:none; font-weight: normal;}
	
	#Footer a:hover {color: #FFF;}
	
#RoundB {width: 760px; height: 20px; padding:0; margin:0;}	


/* FONT STYLES */

h1 {font-size: 1.2em; font-weight: bold; color: #000000; margin:0; padding: 0 0 10px; }
h2 {font-size: 1.1em; font-weight: bold; color: #0066FF; margin:0; padding: 0 0 10px; }

.BlueBold {font-weight: bold; color: #0066FF;}
.Submit {background: #8BC540; border: 1px solid #999999; height: 30px; width: 125px; color:#FFFFFF; font-weight: bold;}
input {width: 275px; height: 18px; padding:3px; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif;}
TextArea {width: 275px; padding:3px; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif;}


/* INTRO PAGE STYLE */

#Intro {width: 760px; height: auto; padding:0; margin-right: auto; margin-left:auto; text-align: center;}


	#BigImg {width: 760px; height: 350px; padding:0; margin:0;}
		#BigL {width: 380px; height: 350px; padding:0; float:left;}
		#BigR {width: 380px; height: 350px; padding:0; float:left;}

	#IntroText {width: 760px; height: auto; padding:15px 0 0 0; margin-right: auto; margin-left: auto; text-align: left; color: #FFFFFF;}
	#LHort {width: 300px; padding:0; margin:0; float:left; text-align: left;}
	#RIrri {width: 300px; padding:0; margin:0; float:right; text-align: right;}