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

* { padding: 0; margin: 0; }

a {text-decoration: none;}
a:link, a:visited { color: #666; }
a:hover, a:active { color: #fff; }


body, html {
margin: 0;
padding:0;
border: 0;
width:100%;
height:100%;
margin-top: -10px;
/*   background-image: url(images/snowfall.gif)    */
} 

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 1024px;
	min-height:3000px;
	position: relative;
	background-color: #FFFFFF;
}



/* HEADER */

#header { height:160px; background-image: url(images/header2.jpg); background-repeat:no-repeat; background-position:center; margin: 20px 0px 0px 0px;}


/* NAVIGATION */

.phonenumber {margin: -33px 0px 0px 740px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:19px; position:absolute; font-weight:900;}

ul#navlist
{
margin: -28px 0px 0px 20px;
white-space: nowrap;
position:absolute;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 30px; }

#navlist a:link, #navlist a:visited
{
color: #FFF;
font-weight:bold;
text-decoration: none;
}

#navlist a:hover
{
color: #333;
font-weight:bold;
text-decoration: none;
}


/* CONTENT */

#maincontent { width: 1024px; padding-bottom: 200px;}

#left {width: 708px;float:left;margin: 20px 0px 0px 12px;} 
.leftbanner {border:#000 thin solid; clear:both;}
.headertext {font-family:Arial, Helvetica, sans-serif; color:#cccc00; margin: 25px 0px 0px 0px; font-weight: bolder; font-size:large;}
.openingtext {font-family:Arial, Helvetica, sans-serif; color:#000; width: 705px; clear:both; margin: 25px 0px 0px 0px; font-size:12px; text-align:justify;}

#servicewrapper { width: 708px; margin: 0px 0px 0px 0px; background-color:#f8f8e7;}
.servicetext {width: 680px; padding: 0px 5px 0px 10px; text-align: justify; font-family:Arial, Helvetica, sans-serif; font-size:12px; clear: both;}
.contentheader {margin-left:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:19px; font-weight:900; }
.servicesimg { margin: 10px 0px 0px 0px; width: 706; background-color:#CCCC00; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; clear: both;}
#services {margin: 10px 0px 20px 25px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:small;}
#services2 {margin: 10px 0px 0px 0px; width:400px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:small;}


#right {width: 280px; height: 100%; float:right; margin: 20px 20px 0px 0px;} 
.outdoorlogo {margin: 20px 0px 0px 30px; width: 246px; height: 82px;}
.outdoorlogotext { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 5px 0px 0px 30px;}
.stoneslogotext { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 5px 0px 0px 30px;}
#right a { font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color: #666; font-weight:bold;}
#right a:hover {font-weight:bold; color: #09F;}

/* ACCORDION */

ul.container {
	/* The topmost UL */
	width:600px;
	margin: 0px 0px 100px 0px;
}

li {
	list-style:none;
	text-align:left;
}

li.menu {
	/* The main list elements */
	padding:3px 0;
	width:706px;
}

li.button a {
	/* The section titles */
	display:block;
	font-family:BPreplay, Arial, Helvetica, sans-serif;
	font-size:13px;
	height:20px;
	padding-left: 5px;
	padding-top: 3px;
	overflow:hidden;
	width:706px;
}

li.button a:hover {
	/* Removing the inherited underline from the titles */
	text-decoration:none;
	color: #FFFFFF;
}

li.button a span {
	/* This span acts as the right part of the section's background */
	height:44px;
	position:absolute;
	right:0;
	top:0;
	width:4px;
	display:block;
}

/* Setting up different styles for each section color */

li.button a.red {
	background:url(img/red.png) repeat-x top left;
	color:#FFF;
	text-decoration:none;
}

li.button a.red span {
	background:url(img/red.png) repeat-x top right;
}

/* The hover effects */

li.button a:hover {
	background-position:bottom left;
	color:#FFFFFF;
	text-decoration:none;
}

li.button a:hover span {
	background-position:bottom right;
}

.dropdown {
	/* The expandable lists */
	display:none;
	width:706px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	margin: 15px 0px 5px -10px;
	color:#000;
	padding-bottom: 100px;
}

.dropdown li {
	/* Each element in the expandable list */
	background-color:#FFF;
	color:#000;
}



/* FOOTER */


#footer{
bottom:0;
height:200px;   /* Height of the footer */
background:#fff;
margin-top: -200px;

}