/* Samyoul Web Design CSS */

BODY{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	z-index:-1;
}

A IMG{
	border:0px;
}

DIV.bg_btm{
	position:fixed;
	z-index:-1;
	bottom:0px;
	margin:0px;
	padding:0px;
	border:0px;
	width:100%;
	height:250px;
	background:url(../images/bg_btm.png);
	background-repeat:repeat-x;
	z-index:-1;
}

* html div.bg_btm{
	position: absolute;
	top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) 
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));
/*left: expression("73%");*/
}

DIV.uc_b{
	position:fixed;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
	background:url(../images/uc.png);
	background-repeat:no-repeat;
}

DIV.hidden_quote{
	overflow:show;
	display:none;
	position:fixed;
	margin-top:30px;
	right:-480px;
	z-index:100;
	height:100%;
	width:420px;
}

DIV.hidden_quote_bg{
	position:fixed;
	top:0px;
	right:0px;
	z-index:99;
	height:100%;
	width:470px;
	display:none;
	background:#fff;
	opacity:0.95;
	filter:alpha(opacity=95);
}

* html div.hidden_quote_bg{ /*because IE is crap and can't handle fixed positions*/
	position: absolute;
	top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) 
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));
/*left: expression("73%");*/
}

SPAN.close_quote{
	float:right;
	Font-size:30px;
	font-family: Arial, Helvetica, sans-serif;
	cursor:pointer;
	border:2px solid #a0a0a0;
	background:#f0f0f0;
}

SPAN.grants_button{
	margin: 20px auto;
	Font-size:30px;
	font-family: Arial, Helvetica, sans-serif;
	cursor:pointer;
	border:2px solid #a0a0a0;
	background:#f0f0f0;
}

SPAN.grants_button:hover{
	border:2px solid #808080;
	background:#ffffff;
}

DIV.center{
	position:absolute;
	left:50%;
	margin-left:-309px; /* I hate IE !!! */
	width:618px;
	height:100%;
	z-index:0;
}

DIV.header{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:320px;
}

IMG.logo{
	position:absolute;
	bottom:210px;
	left:0px;
	width:388px;
	height:58px;
	border:0px;
}

SPAN.hdr_txt{
	position:absolute;
	bottom:180px;
	left:76px;
	color:#404040;
	font-size:21px;
	font-family: Arial, Helvetica, sans-serif;
}

IMG.contact{
	position:absolute;
	bottom:208px;
	right:0px;
	width:199px;
	height:89px;
	border:0px;
}

DIV.nav{
	position:absolute;
	bottom:140px;
	left:0px;
	height:30px;
	width:100%;
	background:url(../images/nav_bg.png);
	background-repeat:x-repeat;
	color:#fff;
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	z-index:2;
}

DIV.nav a{
	/*color:#404040;*/
	font-size:16px;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}

ul.dropdown{
	list-style: none;
	padding: 0;
	margin:0;
	margin-left:10px;
	text-align:left;
}

ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
 text-align:left;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.dropdown li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}

ul.dropdown li {
	padding: 3px 10px;
	color: #fff;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	background-color: #c0c0c0;
	color: #fff;
}

/*ul.dropdown a:link,
ul.dropdown a:visited	{ color: #404040; text-decoration: none; }*/
ul.dropdown a:hover		{ color: #404040; }
ul.dropdown a:active	{ color: #ffa500; }

ul.dropdown ul {
	width: 200px;
	margin-top: 0px;
}

ul.dropdown ul li {
	font-weight: normal;
	background-color: #eee;
}

ul.dropdown li a{
	color:#fff;
}

ul.dropdown ul li a{
	color:#404040;
}

ul.dropdown ul:hover,
ul.dropdown li:hover	{ background-color: #c0c0c0; }

DIV.hdr_imgs{
	position:absolute;
	bottom:0px;
	left:0px;
	height:140px;
	width:618px;
	margin:0px;
	padding:0px;
}

DIV.hdr_imgs IMG{
	cursor:pointer;
	border:0px;
	padding:0px;
	margin:0px;
}

DIV.hdr_roll{
	height:140px;
	width:206px;
	margin:0px;
	padding:0px;
	position:absolute;
	left:0px;
	top:0px;
}

DIV.hdr_wall{
	height:140px;
	width:206px;
	margin:0px;
	padding:0px;
	position:absolute;
	left:206px;
	top:0px;
}

DIV.hdr_drft{
	height:140px;
	width:206px;
	margin:0px;
	padding:0px;
	position:absolute;
	left:412px;
	top:0px;
}

DIV.img_div_dtl_txt{
	position:absolute;
	top:0px;
	left:230px;
	height:140px;
	width:350px;
	color:#fff;
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	padding:5px;
}

DIV.img_div_dtl_txt a{
	position:absolute;
	bottom:20px;
	right:20px;
	color:#fff;
	font-size:22px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}

DIV.img_div_dtl_txt a:hover{
	text-decoration:underline;
}

DIV#roll_div{
	height:140px;
	width:100%;
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	background:#000;
	z-index:2;
}

DIV#roll_div img{
	position:absolute;
	top:0px;
	left:0px;	
}

DIV#wall_div{
	height:140px;
	width:100%;
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	background:#000;
	z-index:2;
}

DIV#wall_div img{
	position:absolute;
	top:0px;
	left:0px;	
}

DIV#drft_div{
	height:140px;
	width:100%;
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	background:#000;
	z-index:1;
}

DIV.hdr_imgs_shw{
	position:absolute;
	bottom:-9px;
	left:0px;
	height:9px;
	width:100%;
	background:url(../images/hdr_img_shw.png);
	background-repeat:x-repeat;
}

DIV.body_holder{
	display:table-cell;
	position:relative;
	top:0px;
	left:0px;
	height:100px;
	width:618px;
	align:center;
	vertical-align:middle;
	color:#404040;
	font-size:42px;
	font-family: Arial, Helvetica, sans-serif;
}

DIV.body{
	margin-top:15px;
	margin-left:5px;
	width:618px;
	color:#404040;
	font-family: Arial, Helvetica, sans-serif;
	z-index:1;
}

DIV.body_main{
	float:left;
	width:410px;
	margin: 0px;
	padding: 0px;
	z-index:1;
}

DIV.body_main_cont{
	background-image:url(../images/body_top.png);
	background-repeat:no-repeat;
	margin:0px;
	padding-left:15px;
	padding-top:10px;
}

SPAN.main_title{
	font-size:26px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}

SPAN.orange{
	color:#f7991a;
}

DIV.bdy_txt{
	width:390px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
}

DIV.bdy_txt IMG{
	max-width:390px;
}

DIV.home_box_cont{
	position:relative;
	top:0px;
	left:-15px;
	width:390px;
	height:210px;
}

DIV.home_box{
	padding:5px;
	width:180px;
	height:180px;
	background:url(../images/home_box.png);
	background-repeat:no-repeat;
	overflow:hidden;
	font-size:11px;
}

DIV.home_box SPAN{
	font-size:21px;
}

#h_test_box{
	position: absolute;
	top:17px;
	left:5px;
}

#h_grnt_box{
	position: absolute;
	top:17px;
	left:220px;
}

DIV.right_column{
	float:left;
	overflow:visible;
	margin:0px;
	padding:0px;
	width:180px;
	z-index:1;
}

DIV.right_column_cont{
	overflow:visible;
	margin:0px;
	padding:0 0 0 20px;
	z-index:1;
}

#survey{
	cursor:pointer;
}

DIV.c_grnt_box{
	cursor:pointer;
	padding:5px;
	height:180px;
	width:165px;
	background:url(../images/col_box_grant.png);
	background-repeat:no-repeat;
	overflow:hidden;
	font-size:11px;
}

DIV.c_grnt_box SPAN{
	font-size:18px;
}

DIV.c_test_box{
	cursor:pointer;
	padding:5px;
	height:165px;
	width:165px;
	background:url(../images/col_box_test.png);
	background-repeat:no-repeat;
	overflow:hidden;
	font-size:12px;
	position:relative;
}

DIV.c_test_box SPAN{
	font-size:20px;
}

#test_cycle,
#test_cycle DIV{
	Background: none;
	background-color: transparent;
}

hr.cleaner {
	clear:both;
	height:1px;
	margin: -1px 0 0 0;
	padding:0;
	border:none;
	visibility: hidden;
}

DIV.contact{
	background-image:url(../images/body_top.png);
	background-repeat:no-repeat;
	position:relative;
	top:0px;
	width:410px;
}
form#contact_us,
form#quote_us {
	font-size:76%;
	background:transparent;
	background-image: url(images/contact_bkgd.png);
	background-repeat: repeat-x;
	width:100%;
	padding:10px;
	margin:0 auto;
	border-top:0px solid #e1e1e1;
	border-left:0px solid #999;
	border-bottom:0px solid #999;
	border-right:0px solid #e1e1e1;
}
form#contact_us fieldset,
form#quote_us fieldset {
	width:97%;
	display:block;
	padding:5px;
	font-family:verdana,
	sans-serif;
	line-height:1.5em;
	border:0px solid #fff;
}
form#contact_us legend,
form#quote_us legend {
	border:0;
	font-family: Arial, Helvetica, sans-serif; color:#555;
	font-size:1.8em;
	font-weight:normal;
	font-style:normal;
	margin-bottom:14px;
	padding:3px;
	width:351px;
	background:none;
}
form#contact_us label,
form#quote_us label {
	float:left;
	display:inline-block;
	width:40%; 
	text-align:right;
	padding-right:10px;
	color:#555;
	margin:0 auto;
	font-size:1em;
	line-height:1.5em;
	font-style:normal;
	font-weight:bold;
}
form#contact_us input,
form#quote_us input {
	margin:0 auto;
	background:#f8bf74;
	font-size:1.2em;
	height:23px;
	line-height:23px;
	width:50%;
}
form#contact_us select,
form#quote_us select {
	margin:0 auto;
	font-size:1.2em;
	height:23px;
	line-height:23px;
	width:50%;
	background:#fff url(images/input_bkgd.png) repeat-x;
}
form#contact_us textarea,
form#quote_us textarea {
	width:50%;
	height:10em;
	background-color:#f8bf74;
	border:1px #808080 solid;
	padding:5px;
	overflow:auto;
	background:#fff url(images/textarea_bkgd.png) repeat-x;
}
form#contact_us option,
form#quote_us option {
	background:#fff;
	color:#555;
	font-weight:bold;
}
form#contact_us optgroup,
form#quote_us optgroup {
	background:#fff;
	color:#666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
form#contact_us optgroup option,
form#quote_us optgroup option {
	background:#fff;
	color:#990033;
}
form#contact_us #button1, form#contact_us #button2,
form#quote_us #button1, form#quote_us #button2 {
	background:#666;
	border-bottom:1px solid #333;
	border-left:1px solid #999;
	border-top:1px solid #999;
	border-right:1px solid #333;
	color:#fff;
	padding-right:0.5em;
	cursor:pointer;
	width:150px;
	margin-right:16px;
	float:right;
}
form#contact_us #button1:hover, form#contact_us #button2:hover,
form#quote_us #button1:hover, form#quote_us #button2:hover {
	background:#ffa943;
	border-bottom:1px solid #8f5007;
	border-right:1px solid #8f5007;
	color:#fff;
	border-top:1px solid #f8bf74;
	border-left: 1px solid #f8bf74;
}

SPAN.benefit{
 	margin-left:60px;
	cursor:pointer;
	border:2px solid #a0a0a0;
	background:#f0f0f0;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
    float:right;
    margin-right:16px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

DIV.sent_body{
	text-align:center;
	font-size:25px;
	font-family: Arial, Helvetica, sans-serif;
	color:#808080;
	margin-top: 25px;
	margin-bottom: 25px;
}

#map_canvas{
	height:200px;
	width:390px;
	border:solid #404040 1px;
}

DIV.footer{
	margin-top:10px;
	padding-bottom:15px;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#808080;
	text-align:center;
}

DIV.footer IMG{
	margin-left:10px;
	margin-right:10px;
}

DIV.footer SPAN.services{
	text-align:left;
	font-size:14px;
	color:#202020;
}

DIV.footer SPAN.links a{
	font-size:14px;
	color:#b83725;
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
}

DIV.footer SPAN.links a:hover{
	background:#b83725;
	color:#fff;
	text-decoration:none;
}

DIV.footer SPAN.lowerlinks a{
	text-decoration:none;
	color:#b83725;
	margin-left:10px;
	margin-right:10px;
}

DIV.footer SPAN.lowerlinks a.samyoul{
	margin:0px;
}

DIV.footer SPAN.lowerlinks a:hover{
	text-decoration:underline;
	color:#404040;
}