/* Reset styles all Meyer-like */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End reset */

body {
	background: #FFF url(../images/background.png) repeat-x;
	color: #000;
	text-align: center;
	font: normal 12px/18px Arial, Helvetica, sans;
}

#top {
	width: 770px;
	margin: 0 auto;
	background: transparent url(../images/shadow.png) repeat-y center top;
}

a#header {
	display: block;
	height: 115px;
}

#nav {
	height: 35px;
	width: 760px;
	margin: 0 auto;
}

#nav li {
	float: left;
	height: 35px;
}

#nav a {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

li#why a {
	width: 192px;
	background-position: left top;
}

li#why a:hover {
	background-position: 0px -35px;
}

li#products a {
	width: 96px;
	background-position: -192px top;
}

li#products a:hover {
	background-position: -192px -35px;
}

li#gallery a {
	width: 88px;
	background-position: -288px top;
}

li#gallery a:hover {
	background-position: -288px -35px;
}

li#installation a {
	width: 125px;
	background-position: -376px top;
}

li#installation a:hover {
	background-position: -376px -35px;
}

li#specs a {
	width: 134px;
	background-position: -501px top;
}

li#specs a:hover {
	background-position: -501px -35px;
}

li#contact a {
	width: 125px;
	background-position: -635px top;
}

li#contact a:hover {
	background-position: -635px -35px;
}

h1 {
	font: normal 20px/22px Georgia, Palatino, serif;
	text-transform: uppercase;
	color: #672618;
	margin-bottom: 10px;
}

h2 {
	text-transform: uppercase;
	font-size: 14px;
	color: #94391f;
	border-bottom: 1px solid #ded7c7;
}

h3 {
	font: bold 12px/13px Georgia, Palatino, serif;
	color: #672618;
	margin-bottom: 10px;
	margin-top: 6px;
}

h4, .th1 {
	font-size: 12px;
	color: #94391f;
	border-bottom: 1px solid #ded7c7;
}

h5 {
	font: bold 11px/12px Georgia, Palatino, serif;
	color: #672618;
	margin-bottom: 10px;
	margin-top: 6px;
}

#content ul {
	margin: 0 0 1em;
}

#content li {
	margin: 0 2em 1em;
	list-style: square outside;
	color: #000;
}

#content li p {
	color: #000;
}

p {
	margin: 0 0 1em;
}

#content {
	text-align: left;
	margin: 0px 5px;
	padding: 20px 30px 0px;
	background: #FFF;
}

ul#homeLinks {
	margin: 20px auto 0;
	width: 700px;
	height: 50px;
}

#homeLinks li {
	height: 50px;
	float: left;
	text-indent: -9999px;
}

#homeLinks a {
	text-decoration: none;
	display: block;
	height: 100%;
	width: 100%;
	background-image: url(../images/homeLinks.png);
	background-repeat: no-repeat;
}

#learn a {
	width: 160px;
	background-position: -20px top;
}
#learn a:hover {
	background-position: -20px -50px;
}
 
#browse a {
	width: 210px;
	background-position: -230px top;
}
#browse a:hover {
	background-position: -230px -50px;
}

#view a {
	width: 180px;
	background-position: -490px top;
}
#view a:hover {
	background-position: -490px -50px;
}

#footer {
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	margin: 0px 5px;
	padding: 360px 30px 10px;
	background: #FFF url(../images/footer.jpg) no-repeat center top;
}

#footer li {
	float: left;
	display: inline;
}

li#contactAddr {
 	width: 280px;
}

li#contactMB {
	width: 140px;
	margin-right: 120px;
}

li#contactBC {
	width: 140px;
}

hr {
	clear: both;
	visibility: hidden;
	height: 1px;
	line-height: 0;
	padding: 0;
	margin: 0;
}

div #ProductTag {
	width:136px;
	border:1px solid #797a75;
	border-top:none;
	position:relative;
	top:-6px;
	text-transform:capitalize;
	font: normal 12px/13px Arial, Helvetica, sans;
	color:#672618;
	padding-top:4px;
} 

tr {
	vertical-align:top;
}

a {
	color:#792d1c;
}

a:hover {
	color:#c85d2f;
}