body { font-family: Arial, Helvetica, sans-serif; margin: 20px; color: #743838; font-size: 14px;}
a { color: #743838; }

/*Header etc */
#headwrap {margin: auto; width: 800px; }
h1 { font-family: Times New Roman; text-align: left; font-size: 50px; color: #743838; margin: 0px 250px -30px 50px; font-style: italic; }
h2 { font-family: Times New Roman; text-align: right;  margin: 0px 50px 0px 0px; font-size: 20px; color: #743838;}
#headtop{ background-image: url(images/hbg.jpg);  height: 30px; }
#headtop h1 { font-family: Times New Roman; font-size: 20px; color: #743838; margin: 0px 280px 10px 210px; font-style: italic; padding: 10px 0 0 0;}
#headtop h2 { font-family: Times New Roman; text-align: right; font-size: 20px; color: #743838; margin: -35px 50px 10px 10px;} 

/* Begin content under the header */
#container { margin: auto; width: 800px; background-image: url(images/bg.jpg); }

/* Navigation Bar  */
#nav { padding: 20px 0px 0px 50px; }
#nav ul li { display: inline; padding: 5px; }
#nav a { padding: 5px 20px 5px 20px; text-align: center; background: #743838; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; font-family: Times New Roman; }
#nav a:hover { background-color: #ffffff; border-top: 1px solid #743838; border-bottom: 1px solid #743838; color: #743838; }
#nav a:active { background-color: #ffffff; border-top: 1px solid #743838; border-bottom: 1px solid #743838; color: #743838; }

/* Home content */
#about{ margin: 40px;}
.frontimg { float: left; border: 1px solid #743838; padding: 4px;}
#about p { margin: 0px 0 0 210px; text-indent: 3em;}
#members { margin: 0px 0px 0px 300px;}
#members p { text-indent: 3em; }
.banners { margin: 0px 0 0 100px; }

/* Services stuff */
div.wraps { margin: 30px 0 0 100px; padding:0 0 60px 0; }
div.wraps ul { width: 35em; margin: 0;}
div.wraps ul li { float: left; width: 10em; margin: 0px 0px 0px 10px;}
.imgl { float: left; margin: 0px 20px 0px 0px; border: 1px solid; border-color: #743838; padding: 4px;}
.imgr { float: right;margin: -10px 70px 0px 0px;border: 1px solid; border-color: #743838; padding: 4px;}

/*Hardware*/
div.texts { margin: 30px 0 0 80px;}
div.hard { margin: 0px 0px 0px 100px;}
div.hardware {float: left; border: 1px solid; border-top: 0; border-right: 0; text-align: center; padding: 10px; margin: 10px;}
div.hardware p { text-align: center;}
div.texts a  { color: #743838; font-weight: bold;}
div.creditc { margin: 30px 10px 0px 100px; }
div.creditc a { color: #743838; font-weight: bold; }

/*****Showroom*****/
#showroom{ border: 1px solid; margin: 40px 0px 0px 150px; font-size: small; border: 0;}
#showroom a { padding: 5px; background-color: #743838; color: #fff; border: 1px solid #fff; text-decoration: none; }
#showroom a:visited { color: #fff;}
#showroom a:hover { background-color: #fff; color: #743838; border-top: 1px solid #743838; border-bottom: 1px solid #743838; }
.showroom p { text-align: center; margin: 5px;font-size: small;}
#galleryh { padding: 0; margin: 0px 0 0 140px; list-style-type:none; overflow:hidden; width:525px; height:240px; border:1px solid #888; background: #743838 url(images/mirrors.jpg);}
#galleryh li {float:left;}
#galleryh li a {display:block; height:240px;width:28px; float:left; text-decoration:none; border-right:1px solid #fff; }
#galleryh li a img {width:28px; height:240px; border:0;}
#galleryh li a:hover {background:#eee; width:320px;}
#galleryh li a:hover img {width:320px;}

/* All footer information */
#footerbg { background-image: url(images/fbg.jpg); height: 30px;}
#footlink { margin: auto; width: 800px; text-align: center; font-size: 11px; padding: 10px;}
#footlink a { color: #743838; }
#footlink a:visited { color: #743838; }
#footer { margin: auto; width: 800px; text-align: center; padding: 10px; font-size: 14px; }