/* Coded by Justin R Chapman */	
body {
	background-color: #cccccc;
	margin: 10px 0px 10px 0px;
}
/* centers page */	
#wrapper {
	height: auto;
	width: 750px;
	margin: auto auto;
	position: relative;
	background-image: url(images/wrapper_bg.gif);
}

#top {
	height:29px;
	width: 750px;
	position: relative;
	background-image: url(images/top_bg.gif);
	margin: auto auto;
}


#header {
	position:relative;
	height: 78px;
	width: 750px;
	position: relative;
}

#header_logo {
	position:absolute;
	height: 57px;
	width: 598px;
	left: 75px;
	top: 25px;
	background-image: url(images/header_logo2.gif);
}
/* body area */	
#body_text {
	height: auto;
	width: 620px;
	margin-left: 65px;
	marigin-right: 75px;
	padding-top: 25px;
	padding-bottom:25px;
}
/* container for menu */	
#blah-fix {
	height: auto;
	width: 730px;
	padding-top: 0px;
	padding-bottom:65px;
	margin-left: 17px;
}
/* container for four boxes on index */	
#quad_box{
	position:relative;
	height: 284px;
	width: 620px;
	padding-top: 10px;
	padding-bottom:10px;
}

#quad_box1{
	position:relative;
	height: 133px;
	width: 290px;
	margin-top:2px;
	margin-right:2px;
	padding-top: 7px;
		padding-bottom: 7px;
	padding-left: 12px;
	padding-right: 6px;
	float:left;
	background: url(images/grid_bg.gif) no-repeat;
}

#quad_box2{
	position:relative;
	height: 133px;
	width: 290px;
		margin-top:2px;
	margin-right:2px;
	padding: 7px 6px 7px 12px;
	float:left;
	background: url(images/grid_bg.gif) no-repeat;
}

#quad_box3{
	position:relative;
	height: 133px;
	width: 290px;
		margin-top:2px;
	margin-right:2px;
	padding: 7px 6px 7px 12px;
	float:left;
	background: url(images/grid_bg.gif) no-repeat;
}

#quad_box4{
	position:relative;
	height: 133px;
	width: 290px;
		margin-top:2px;
	margin-right:2px;
	padding: 7px 6px 7px 12px;
	float:left;
	background: url(images/grid_bg.gif) no-repeat;
}

#bottom {
	height:39px;
	width: 750px;
	position: relative;
	background-image: url(images/bottom_bg.gif);
	margin-right: auto;
	margin-left: auto;
}

div#footer {
	text-align:center;
	height: 80px;
	width: 600px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	background-repeat: no-repeat;
	background-position: center;
}
div#footer ul { list-style: none; background: none; display: inline; }
div#footer ul li { list-style: none; background: none; display: inline; font: normal 11px arial; padding: 0 0 0 1px;  }
div#footer ul li a { padding: 0 2px 0 0;}
div#footer p { font: normal 11px arial; text-align: center; margin: 0px; padding: 10px 0 0 0;}	

/* styles */	
.body_texts {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
.h1 {
	color: #99CC00;
	font-family:verdana;
	font-size: 18px;
}

.h2 {
	color: #99CC00;
	font-family:verdana;
	font-size: 14px;
	font-weight: bold;
}
/*Call to Quote*/
div#calltoquotesrt {float: left;height: 197px;margin: 0px 10px 10px 0px;padding: 8px 10px 10px 6px;width: 244px;background-image: url(images/bg-quote3.gif);background-repeat: no-repeat;background-position: left top;}
div#calltoquotesrt h5 {text-align: center;color:#0072A3;padding: 15px 0 0px 20px;margin: 0px 0px 10px 0px;font-family: arial;font-size: 17px;}
div#calltoquotesrt h6 { padding: 10px 0 0px 5px; margin: 0px 0px 10px 100px; }
div#calltoquotesrt select {margin: 3px 0px 3px 60px}

div#calltoquotesrt_home {float: left;height: 197px;margin: 0px 10px 10px 0px;padding: 8px 10px 10px 6px;width: 244px;background-image: url(images/bg-quote3.gif);background-repeat: no-repeat;background-position: left top;}
div#calltoquotesrt_home h5 {text-align: center;color:#0072A3;padding: 15px 0 0px 20px;margin: 0px 0px 10px 0px;font-family: arial;font-size: 17px;}
div#calltoquotesrt_home h6 { padding: 10px 0 0px 5px; margin: 7px 0px 10px 100px; }
div#calltoquotesrt_home select {margin: 10px 0px 10px 70px}


#bottom_quote {
	height: 20px;
	width:155px;
	padding-top:14px;
	padding-bottom:25px;
    float: left;
	background-image: url(images/bg-quotebt.gif);
	}
	
#bottom_quote a{ font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; color:#000000;}
#bottom_quote a:hover{font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; color:#ffffff;}

/* image container*/	
.productimagert {
	clear:both;
	float: right;
	padding: 10px 20px 15px 25px;
		background-position: 0 0;;
}



/* tab sytles */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/doors_drop_line.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* for this demo only */
#nav a { color: #666666; font-family: Times New Roman;}
#nav a:link { color: #666666; }
#nav a:visited { color: #666666; }
#nav a:hover, #nav a:active { color: #000000;}
#nav { width: 750px;background: #ffffff url("images/spotlight.gif") no-repeat right top; font-family: Times New Roman;  }
/* the styling */

#nav {	position:relative;padding-left:0px; width:auto; height:auto; }
#nav .select, #nav .current {margin:2.5em 0 0 0; padding:0; list-style:none; display:block;}
#nav .sub {margin:0; padding:0; list-style:none;}
#nav li {display:block; float:left; margin:0; padding:0; position:relative; z-index:100;}
#nav .current li {z-index:50;}
#nav .select a, 
#nav .current a {display:block; height:2.5em; float:left; width:100px; background:url("images/left_both.gif") no-repeat left top; padding:0 0 0 9px; border-bottom:1px solid black; text-decoration:none; font-weight:bold; line-height:2.4em; white-space:nowrap;}

/* calculate the required widths of the top level */
#nav .one a {width:3.8em;}
#nav .two a {width:10.5em;}
#nav .three a {width:9.3em;}
#nav .four a {width:10.5em;}
#nav .five a {width:8em;}
#nav .select a b, 
#nav .current a b {height:100%; display:block; background:url("images/right_both.gif") no-repeat right top; padding:0 15px 0 6px; color:#553;}
#nav .sub {display:none;}
/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:1em;}

#nav .select a:hover b {color:#000; cursor:pointer;}

#nav .current a {background-position:0 -150px; border-color:#fff;}
#nav .current a b {background-position:100% -150px; color:#000;}

#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover { color:#000; background: url(images/small-bullet.gif) no-repeat 4px 6px; }

#nav .current .sub .current_sub a, 
#nav .current .sub a:hover {  color:#000000; background: url(images/small-bullet.gif) no-repeat 4px 6px;   }
#nav .current .sub .current_sub a { text-decoration: underline; font-weight: bold; background: url(images/small-bullet.gif) no-repeat 4px 6px; }
#nav .current .sub, 
#nav .select a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:710px; top:2.5em; background:#fff; margin-top:1px; padding:10px 0 0px 0;}

* html #nav .current .sub, * html #nav .select a:hover .sub {margin-top:0; margin-t\op:1px;}

#nav .current .sub li a, 
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:inline; background:#fff; border: none; padding:0 10px; margin:0 10px 0 0; width:auto; white-space:nowrap; font-weight:normal; font-size:0.9em; height:1.1em; line-height:1.1em;}

#nav .select a:hover, 
#nav li:hover a {background-position:0% -150px; border-color:#fff;}

#nav .select a:hover b, 
#nav .select li:hover a b {background-position:100% -150px; border-color:#fff; color:#000;}

/* calculate the left edge position of each sub level */
/* calculate the left edge position of each sub level */
#nav .one .sub {left:6px;}
#nav .two .sub {left:-4em; margin-left:0px;}
#nav .three .sub {left:-14em; margin-left:-17px;}
#nav .four .sub {left:-23em; margin-left:-31px; }
#nav .five .sub {left:-34em; margin-left:-33px;}

/* link styles for body text */	
.body_texts a:visited{text-decoration: underline;font-family: Arial;font-size:12px;color: #51678F;font-weight: bold;}	
.body_texts a:active{text-decoration: underline;font-family: Arial;font-size:12px;color:#51678F;font-weight: bold;}	
.body_texts a:link{text-decoration: underline;font-family: Arial;font-size:12px;color:#51678F;font-weight: bold;}	
.body_texts a:hover{text-decoration: underline;font-family: Arial;font-size:12px;color: #7989A7;font-weight: bold;}	
a img { border : none; }

/* link styles for heading 2 */	
.h2 a:visited{text-decoration: underline;color: #99CC00;font-family:verdana;font-size: 14px;font-weight: bold;}
.h2 a:active{text-decoration: underline;color: #99CC00;font-family:verdana;font-size: 14px;font-weight: bold;}
.h2 a:link{text-decoration: underline;color: #99CC00;font-family:verdana;font-size: 14px;font-weight: bold;}
.h2 a:hover{text-decoration: underline;color: #99CC00;font-family:verdana;font-size: 14px;font-weight: bold;}

/* link styles for footer */	
#footer a:visited{text-decoration: underline;font-family: Arial;font-size:12px;color: #51678F;font-weight: bold;}	
#footer a:active{text-decoration: underline;font-family: Arial;font-size:12px;color:#51678F;font-weight: bold;}	
#footer a:link{text-decoration: underline;font-family: Arial;font-size:12px;color:#51678F;font-weight: bold;}	
#footer a:hover{text-decoration: underline;font-family: Arial;font-size:12px;color: #7989A7;font-weight: bold;}	
a img { border : none; }