/* CSS Document */
		body
		{
	margin: 0;
	padding: 0;
	font-size: 95%;
	font-family: arial, helvetica, sans-serif; color:#FFF;
	background-color: #135d04;
	background-image: url(../images/bg1.png);
	background-repeat: repeat-x;
}
/*************links******************** */
a,a:link,a:link,a:link,a:hover {background:transparent;cursor:pointer} 
a:link {
	color: #FFFF00;
	text-decoration: none;
} 
a:visited {
	color: #000000;
	text-decoration: none;
} 
a:hover,a:active { background:#999999;color:#069} 

.pad1 {height:10px; clear:both;}
/*************text************************/
p, ul, ol { padding: 3px; margin: 0 1.5em 1.5em}
h1{ font-size:120%; color: #00FFFF; font-style:italic; border-bottom:solid 1px #000000; margin-top: 0 ;padding-top: 7px;}
h2{ font-size:115%; color: #FFCC66; font-style:italic; border-bottom:solid 1px #000000; margin-top: 0;padding-top: 7px;}
h3{ font-size:105%; color: #CC99FF; font-style:italic; border-bottom:solid 1px #000000; border-top:dashed 1px #FFFF00;padding-top: 7px;}
 p
{
margin-left: 7px;
margin-right: 7px;
}
strong { color:#FF3366; font-weight:bold; font-style:italic}
.highlight {color:#E17000; font-size:11px;}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.name {font-style:italic; color: #FFFF33; letter-spacing:1px;}
.small {font-size:11px}
.question {font-style:italic; color: #CC00FF}
.form_spacer { overflow:hidden; height:10px;}
.online {text-align:center; letter-spacing:3px;}
.pad2 {display:block; height:10px;}
.pad3 {display:block; height:20px;}
/*************head***********************/
#header
{height: 145px; background:transparent;
}
#logo {
	position: relative;
	width: 70px;
	height: 80px;
	background-image: url(../images/cool.png);
	background-repeat: no-repeat;
 }

 #logo h1 {
    position: absolute;
    left: 50px;
    top: 70px;
    width: 300px;
    height: auto;
 font-style:italic; color: #FF0033; font-size:24px; border:none
 }

 #quote {
	position: absolute;
	left: 500px;
	top: 20px;
	width: 200px;
	height: 50px;
	background: url(../images/shipping.png) no-repeat;
	z-index: 1000;
 }

 #banner {
	position: absolute;
	right: -220px;
	top: 10px;
	width: 160px;
	height:40px;
	background: url(../images/places.png) no-repeat left top;
}
/*********************end head region, begin top nav******************/
#nav_top{ margin:0;
height: 25px;
}
#navcontainer
{
margin: 0 0 5px 200px;
padding: 0;
height: 20px; background-color:transparent;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
width: 90px;
height: 18px;
border-right: none;
padding: 0;
color: #f5d7b4;
text-decoration: none;
display: block;
text-align: center;
font: normal 11px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover
{
color: #930;
background: #f5d7b4;
}

#navcontainer a:active
{
background: #c60;
color: #fff;
}

#navcontainer li#active a
{
background: #c60;
border: 1px solid #c60;
color: #fff;
}
.clear {clear:both;}
/*******************End head begin body********************/
#box {width:100%; background-color: transparent}
.gutter
		{
			float: left;
			width: 3%;
			height: 1px;
		}
#wrapper{
	margin:auto;
	margin-top:25px;
	width:97%;
	max-width:950px;
	background: transparent url(../images/logo3.png) no-repeat left top;
}

		#col1
		{ margin-top:20px;
			float: left;
			width: 58%;
			background-color: transparent;
			margin-bottom: 10px;
			margin-left: 3%;
		}
#col1 ul {list-style: disc; font-style:italic; margin-left:50px}
.images_l { float:left; padding:5px; margin:10px 10px 0 10px; height: auto; width: auto; border: 1px solid #000;}
.images_r { float:right; padding:5px; margin:10px 0 0 0; height: auto; width: auto; border: 1px solid #000;}
.images_r p {font-size:10px; color:#000; margin:0px 5px;}
.images_l p {font-size:10px; color:#000; margin:0px 5px;}
.click {
	height: 34px;
	width: 50px;
}
/***************begin left nav*********************/
#nav, #nav ul {
		padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 11em;
	background-image: url(../images/nav_grad.jpg);
	background-repeat: repeat-x;
	}
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 11em;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 11.05em;
		margin-top : -1.35em;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a { height:2em;
width: 11em;
w\idth : 10em;
display : block;
color : black;
font-weight : bold;
text-decoration : none;
padding : 0 0.5em;
	}
	
	#nav li a:hover {
		color : white;
		background-color : black;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
/***************end nav****************************/
		#col2
		{margin-top:80px;
			float: left;
			width: 15%;
			background-color: transaparent;
			margin-bottom: 10px;
		}

/***********************feature box's******************/
	.featurebox { background-color:transparent;padding: 15px 20px 20px;border: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #135d04 url("../images/feature1.jpg") no-repeat 100% 100%}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid  #000000;color: #66FF00}
	.featurebox p {border:none;margin: 0 0 1em;color: #FFF}
	.featurebox a {font-weight:bold}
	.newsbox { padding: 15px 20px 20px;border: 1px solid #000;margin: 0 0 1.5em;background: #125C04 url(../images/news1.jpg) no-repeat 100% 100%}
	.newsbox p, .newsbox h1, .newsbox h2, .newsbox h3, .newsbox h4, .newsbox h5, .newsbox h6 {margin: 0 0 .3em;border-bottom: 1px solid ;color: #000000}
	.newsbox p {border:none;margin: 0 0 1em;color: #CCCCCC}
	.newsbox a {font-weight:bold}
/*********************end box area**********************/
		#col3
		{margin-top:80px;
			float: left;
			width: 15%;
			margin-left: 3%;
			background-color: transparent;
			margin-bottom: 10px;
		}
		
		#footer
		{
	margin-bottom:10px;
	text-align:center;
	clear: both;
	height: 50px;
	background: url(../images/foot1.jpg) repeat-x;
		}