body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/* base */
body { font-size: 100%; font-family: Georgia, 'Times New Roman', Times, serif; color: white; background-color: #12185C; text-align: center;}
h1, h2, h3, h4 {
	font-family:  Impact, Haettenschweiler, 'NewsGoth BdXCn BT', 'News Gothic Condensed', 'Arial Narrow', sans-serif;
	color: #990001;
}
h1 { font-size: 125%; color: black; }
h2 { font-size: 125%; border-bottom: 2px solid black; margin-bottom: .25em; }
h3, h4 { font-family: 'Dejavu Sans', 'Bitstream Vera Sans', Helvetica, Arial, sans-serif; font-weight: bold;}
h4 { color: black; font-weight: bold; font-size: .9em; padding-top: .5em; padding-bottom: .25em;}
p, ul { font-size: .9em; color: black; }
p { margin-bottom: 1em;}
div.content ul { list-style: disc; padding-left: 1.25em;}
a { font-weight: bold; color: #043396; }
strong { font-weight: bold; color: #990001;}
sup { font-size: .6em; font-family: 'Dejavu Sans', 'Bitstream Vera Sans', Verdana, Tahoma, Helvetica, Arial, sans-serif; }
h2 sup { font-weight: bold; }
em { font-style: italic; }
ul ul { font-size: inherit !important; }
li li { font-size: inherit !important; }


table { font-size: .8em; margin-bottom: 1em; }
td, th { padding: 4px; border-collapse: collapse; border: 1px solid #dadada;}
th { font-weight: bold; }
td { text-align: center; font-family: 'Dejavu Sans', 'Bitstream Vera Sans', Verdana, Tahoma, Helvetica, Arial, sans-serif; }





div.sidebar { float: right; margin: 5px 0 5px 5px; clear: right; text-align: center; width: 250px; }
div.sidebar h3 { text-align: center; }
div.sidebar table { width: 100%; }

img.left-image { float: left; clear: left; padding-right: 6px; }
img.right-image { float: right; clear: right; padding-left: 6px; }


div.image-caption, div.image-caption-right, ul.images li { margin: 6px 0 6px 6px; float: right; border: 1px solid #dadada; font-size: 70%; font-family: 'Dejavu Sans', 'Bitstream Vera Sans', Verdana, Tahoma, Arial, sans-serif; color: #dadada; padding: 4px; text-align: center; }
div.image-caption img, div.image-caption-right img, ul.images li img { padding-bottom: 4px; }
div.iamge-caption, div.image-caption-right p, ul.images li p { margin-bottom: 0; }
div.image-caption { margin: 0; padding: 5px; }

ul.images { clear: both; margin: 0 auto 0 auto !important; padding: 0 !important; width: 412px;}
ul.images li { float: left; margin: 0 6px 6px 0; list-style-type: none; padding: 0; font-size: 80%; border: none; width: 200px;}

	

/* header styles */
div.header h1 {
	height: 150px;
	background-image: url('images/header.jpg');
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
}
div.header h1 img { padding-top: 16px; } /* 27 with old logo, 16 with new */
.header ul.nav {
	width: 100%;
	background-color: #990001;
	text-align: center;
	font-family: 'Dejavu Sans', 'Bitstream Vera Sans', Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: .7em;
	padding: 4px 0 4px 0;
}
.header ul.nav li {
	display: inline;
	padding: 10px;
}
.header ul.nav a {
	color: white;
	text-decoration: none;
}
.header ul.nav a:hover {
	text-decoration: underline;
}

/* page/body */
div#body {
	width: 600px;
	background-color: white;
	color: black;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
div#content {
padding-left: 15px; padding-right: 15px;
}




/* front page styles */
#frontpage div#about, #frontpage div#photo {
	width: 292px;
	/* 241 */
	float: left;
}
#frontpage div#services, #frontpage div#contact {
	width: 239px; /* 190 */
	float: right;
}
#frontpage div#services {
	width: 336px;
}
#frontpage div#about {
	width: 195px;
}
#frontpage div#about, #frontpage div#services {
	height: 10.5em;
	background-image: url('images/bluegradient.gif');
	background-position: bottom;
	background-repeat: repeat-x;
}

#frontpage div#photo img {
	display: block;
}
#frontpage div.content div.box {
	border: 1px solid #DADADA;
	padding: 5px;
	font-size: .85em;
	margin-top: 15px;
	line-height: 1.5em;
}

#frontpage #seasons h2 { float: right; width: 50%; text-align: center; margin-top: 2.25em; color: #089300;}
#frontpage #seasons h2 em {
	font-size: 200%;
	display: block;
	line-height: 125%;
}
#frontpage #seasons h3 { text-align: center; }

#frontpage h2.holiday {
	text-align: center;
	padding-top: .5em;
	border-bottom-color: green;
	font-family: 'Dejavu Sans', 'Bitstream Vera Sans', Helvetica, Arial, sans-serif;
	font-weight: bold;
}
#frontpage div#holidayhours {
	border: 1px solid green;
}


/* products/services pages */
ul#products { list-style: none; padding-left: 0;}
ul#products h3 a { text-decoration: none; color: #990001;}
ul#products p a {
	background-image: url('images/grad_arrow.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
}
#services ul#products p a {background-image: none; padding-right: 0}
ul#products li {
	font-size: .85em;
	background-image: url('images/gradient.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 5px;
	height: 63px;
	position: relative;
	margin-bottom: 5px;
	margin-top: 5px;
}
ul#products img { position: absolute; top: 5px; left: 5px; }
ul#products img.servicesimage2 { position: static; float: right; }
ul#products li.delivery p{  }

ul#products h3 {
	position: absolute;
	left: 68px;
	top: 5px;
}
ul#products p{ left: 68px; top: 2em; position: absolute;}
div.product-logo { float: left; padding: 5px;}


#services ul#products h3 { color: black; }
/* misc. elements */
div.diagram { float: right; }

p.footer {
	clear: both;
	color: #999;
	text-align: center;
	padding-top: 2em;
	padding-bottom: 2em;
	font-size: .75em;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; 
}
img.inlineimage1 {float: left; margin-top: 7px; margin-right: 7px; margin-bottom: 7px;}
img.inlineimage2 {float: right; margin-bottom: 7px; margin-left: 7px;}
div.section { margin-bottom: 6px; }
div.diagram { float: right; }
div.section h2, div.section h3  { text-align: center; }

#acpage #prod-para1, #furnpage #prod-para1 { float: none; width: 100%; border: 0; margin: 0 0 1em 0; padding: 0; }
#acpage #prod-para1 img { float: right; }
#acpage div.section { float: left; width: 170px; border: 1px solid #dadada; padding: 7px;}
#acpage #prod-para3, #acpage #prod-para4, #acpage #prod-para5 { margin-left: 6px; }
#acpage  #prod-para5 { width: 362px; }
#acpage div.section img { display: block; margin-left: auto; margin-right: auto; text-align: center; }
#acpage #prod-para5 img { float: right; }

#furnpage #prod-para1 { width: 285px; }
#furnpage div.section { float: left; width: 265px; border: 1px solid #dadada; padding: 7px; }
#furnpage #prod-para3, #furnpage #prod-para5 { float: right; clear: right;}
#furnpage #prod-para2, #furnpage #prod-para4 { clear: left; }

#fireplacepage div.section {
	clear: both;
}
#mmpage div.section {
	overflow: auto;
	width: 100%;
}
#mmpage #prod-para1 { overflow: visible; width: auto; }
#mmpage div.section img { margin: 6px; display: block; border: 1px solid #dadada; padding: 0; }

#fireplacepage #prod-para2 p,
#fireplacepage #prod-para3 p {
	margin-left: 102px;
	margin-right: 102px;
}
#fireplacepage #prod-para2 h4,
#fireplacepage #prod-para3 h4 {
	margin-left: 102px;
	margin-right: 102px;
	text-align: center;
}
#fireplacepage #prod-para3 p {
	margin-right: 0;
}

#fireplacepage #prod-para2,
#fireplacepage #prod-para3,
#mmpage #prod-para2, #mmpage #prod-para3,
#mmpage #prod-para4, #mmpage #prod-para5,
#wfpage #prod-para2, #wfpage #prod-para3,
#whpage #prod-para2, #whpage #prod-para3 {
	background-image: url('images/gradient.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: .1em; 
	margin-top: 1em;
}
#mmpage div.section ul, #wfpage div.section ul { margin-bottom: 1em; }
#mmpage div.section p { text-align: center; }
#mmpage #prod-para1 p { text-align: left; }
#mmpage #prod-para1 p { text-align: left; }

#cylpage div.section img, #wfpage div.section img, #skytrackerpage div.section img { float: right; margin: 0 0 5px 5px; }
#skytrackerpage #prod-para2 img { float: left; margin: 0 5px 5px 0; }
#cylpage div.section, #wfpage div.section, #whpage div.section { overflow: auto; width: 100%; }
#whpage div.section img { float: right; margin: 5px; border: 1px solid #dadada; }