@import url("resources/reset.css");
@import url("resources/typography.css");
@import url("resources/forms.css");
@import url("resources/extended_classes.css");
@import url("resources/layout.php");
/*
NOTES:
===========================================================================================
===========================================================================================
===========================================================================================
Stuff to move to extended.css:
===========================================================================================
*/
ul.menu,ul.menu li{display:inline-block}
/*
===========================================================================================
===========================================================================================
*/


/* add IE6 png transparency support */
img,div{behavior:url(public/ie/iepngfix.htc);}
/* will be ignored by non-IE6/5 browsers */
/* will make the css validator angry */


/*----------------------------------------layout------------------------------------------------------------*/
/* #wrapper1 {background:url(images/column.png) right repeat-y #a3a3a3}/* right column background colour */
/* #wrapper2 {background:url(images/content.png) top right repeat-y #c00}/* center column background colour */
/* #wrapper3 {background:url(images/column.png) 735px 0px repeat-y #a3a3a3}/* left column background colour */
#header,#footer{padding:2%;width:96%}
#header{padding-bottom:0}
#col2,#content{padding-top:20px}
/*----------------------------------------------------------------------------------------------------*/
body{background:url(gradients/black/vertical/900.png) top repeat-x fixed #991717;}
#wrapper1{background:url(images/main.png) center repeat-y #a3a3a3}
#header{background:url(images/header.png) top left;}
#nav{background:url(images/footer.png) center left #363636}
#footer{background:url(images/footer.png) bottom left}
/*----------------------------------------------------------------------------------------------------*/

body {padding-bottom:10px}
h1,h2,h3,h4,h5,h6{color:#991717}


#col1 {padding-top:1.7%}
#col2 {}

#footer {color:#bbb}
#footer a{color:#f0f0f0}

#header {}
#header h1,#header p
{float:right;display:block;
text-align:right;width:190px;clear:right;margin-right:10px}
#header h1{font:170% times;color:#444;margin-top:30px;}
#header h2{display:block;float:left;margin:70px 0 10px 190px;padding:0;text-align:center;color:#fff}
#header img{float:left;margin:40px 35px 0 10px;position:relative;top:-20px}

#content{}

.cycle{float:left;margin:0 15px 15px 0}
.cycle.home img,.cycle.home{width:450px;height:240px;background:url(../images/cycle/02.jpg) top left}



/*---------------------------------------------menu-------------------------------------------------------*/
#menu *{margin:0;padding:0}
#menu{float:left;width:100%;margin:4px 0 15px 0}
#menu ul.menu li a.active{background:url(images/bg08.gif) top repeat-x #343434;font-weight:900}/*just testing...*/
#menu a{background:url(images/bg05.gif) top repeat-x #202020;color:#ddd;text-decoration:none;font:110% arial;text-transform:uppercase}
#menu a:hover{font-weight:900;background:url(images/bg09.gif) top repeat-x #343434;color:#fff;}
#menu ul,#menu li,#menu a{float:left;clear:left;width:100%}
#menu a{text-align:center;padding:12px 0 12px 0;background:#222}
#menu ul li {border-bottom:1px solid #888;position:relative;}
/*----------------------------------------------------------------------------------------------------*/
#col2 div.content,#col1 div.content{border:1px solid #444;float:left;background:#fff;padding:7%;width:84%;margin:0 0 15px 0;}
#col1 h4,#col2  h4{font-weight:900}


/*====================================================================================================*/
#nav{float:left;width:100%;height:15px}
#nav ul li{margin:5px}
/*====================================================================================================*/
/*====================================================================================================*/
/*====================================================================================================*/
ul.list {margin:0 15px 10px 15px;padding:0 0 10px 0
}
ul.list li{
padding:3px 15px 13px 35px;
list-style:none outside;
background:url(images/check.jpg) left 5px no-repeat;
margin:0 0 10px 0;border-bottom:1px dashed #eee;
}


.halloween{
	text-align:center;
}
.halloween ul{font-size:130%}



ul.maps
{float:left;width:50%;margin:0;padding:0;clear:right}
ul.maps a{text-decoration:none}
address.address{font-size:120%;float:left;width:50%}


img.go_green{cursor:pointer}
span.green{font-weight:900;color:#339933;}

table.products{clear:both}
table.products td{
border-top:1px solid #ddd;
padding:15px;
}



.faq .question{font-weight:900;}
.faq .answer{color:#666;border-bottom:1px solid #ddd;padding-bottom:15px}

.christmas{text-align:center;color:#008000;border-color:#008000 !important;background:url(../images/seasonal/snow.gif) #ddf !important}
.christmas h4,
.christmas h3,
.christmas strong{color:#ff0000}


.ribbons{width:45%;padding:4% 27% 4% 27%;background:url(../images/seasonal/ribbons.jpg) top center no-repeat #fff;border:1px solid green;text-align:center;margin:0 0 10px 0;}



.center{text-align:center;clear:both}


#mouse{
	position:relative;
	top:-60px;
	float:right;
	margin-bottom:-50px;
	margin-right:5px;
	padding-top:80px;
	padding-left:20px;
	font:22px georgia;
	color:#555;
	width:420px;
	clear:both;
	height:60px;
	background:url(images/mouse.png) top right no-repeat;
}