html,body {margin: 0; padding: 0;}
body {background: #000 url(images/bg_body.jpg) repeat-y; scrollbar-base-color:#999966; /* IE */}
body,td {
	color: #FFF;
	font-size: small;
	font-family: High Tower Text, Georgia, "Times New Roman", Times, serif;
}

p {margin: 0 0 1em 0}

/* LEGACY STYLES :( - didn't wanna mess with templates */
TD.tan {background: #CC9933}
TD.wood {background-image: url(images/menu_right_bg.jpg)}
TD.menu_left {background: #663300}
TD.credits {font-size: 12px}

/* HEADINGS */
h1 {height: 360px; margin: 0.25em 0.25em 0.25em 0;}

	h1 #logo {
		float:left;
		}

	h1 #head_links {
		float: right;
		width:400px;
		padding-left: 30px;
		}

h2 {font-size: 24px; font-weight: bold;	color: #FFCC99;}
h3 {clear: both}

/* FORMS */
legend {
	font-size: 1.25em;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
fieldset {
	border: none;
	margin: 0 0 1em 0;
	padding: 0;
}
label {display: block; margin: 0.5em 0 0 0;}
input,
textarea {
	background: #000;
	border: solid 1px #996;
	padding: 2px;
	color: #FFF;
	font-family: High Tower Text, Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	margin: 0 0.25em 0 0;
}
input.button {
	background: #FC9;
	border: none;
	color: #000;
	font-weight: bold;
	padding: 0.25em;
	width: auto !important;
}

/* LISTS */
dt {font-weight: bold; color: #999;}
dd {margin: 0}

/* LINKS */
a {font-weight: bold; color: #996;}
a:visited {color: #963}
a:hover {color: #996; text-decoration: none;}
a:active {color: #FFF}
a img {border: none}


/*** MENU ***/
table#menu {
	width: 202px;
	height: 468px;
	border: 0;
	position: absolute;
	top: 0;
	left: 12px;
}
#menu td {padding: 0; line-height: 0.5em; vertical-align: top; text-align: left;}
#menu a {margin: 0; padding: 0; text-decoration: none;}
#menu img {margin: 0}
#menu table {margin-bottom: 0}

/* GALLERY */
ul.thumbs {
	list-style: none none;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	width: 130px;
	text-align: center;
}
ul.thumbs a.img {
	display: block;
	width: 100px;
	margin: 0 auto 1em auto;
	border: 1px solid green;
}
ul.thumbs a.img:hover {border: 1px solid #FFF}

/* DETAIL */
img#installation-detail {border: 1px solid #FFF}


/* PRODUCTS */
dl.products dt {
	clear: both;
	color: #FFF;
	font-size: 1.5em;
}
dl.products img {
	float: left;
	margin: 0 1em 1em 0;
}
dl.products a {
	color: gold;
}

/* NEWS */
dl#news dt {clear: both; margin: 1.5em 0 0 0;}
dl#news img {float: left; margin: 0 1em 1em 0;}


/* HOME */
img#home {float: left; margin: 0 1em 1em 0;}


/*** FOOTER ***/
div#footer {clear: both}
#footer p {margin: 0 0 0.25em 0; line-height: 1em;}

div#footHR {
	height: 15px;
	background: url(images/bg_footer.jpg) repeat-x;
	clear: both;
}

dl#contact-info {width: 20em}
#contact-info dt {
	float: left;
	clear: left;
	width: 5em;
	font-weight: bold;
}
#contact-info dd {
	float: left;
	width: 15em;
	margin: 0;
}