* {
 margin: 0;
 padding: 0;
}

html {
 background-color: #336;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 width: 955px;
 margin: 5px auto;
}

ul {
 list-style-type: none;
}

#container {
 background-color: #d9dacb;
 border: 3px solid #d9dacb;
}

#header, 
#content,
#footer {
 border: 1px solid #000;
}

#header {
 margin-bottom: 2px;
}

.spacer {
 clear: both;
}

.nav li {
 display: inline;
}

.heading {
 color: #000066;
 font-weight: bold;
}

.caps {
 text-transform: uppercase;
}

.floatleft {
 float: left;
}

.floatright {
 float: right;
}

.red {
 color: #f00;
}

.blue {
 color: #00f;
}

.bold {
 font-weight: bold;
}

a {
 text-decoration: none;
}

a img {
 border: 0;
}

/******************************* Header *******************************/
h1 {
 background: url(../images/header.gif) 0 0 no-repeat;
 width: 100%;
 height: 113px;
 text-indent: -9999px;
}

#nav {
 padding-left: 10px;
 height: 26px;
 background-color: #000;
 font-size: 10pt;
 letter-spacing: -.15px;
 text-transform: lowercase;
}

#nav li {
 background: url(../images/nav_bg.gif) 0 3px no-repeat;
 padding-left: 20px;
 padding-right: 10px;
 font-weight: bold;
}

#nav li a {
 color: #fff;
 text-decoration: none;
}

#nav li a:hover {
 color: #e00;
}

#sub_nav {
 float: left;
 width: 590px;
 padding: 0 5px; 
 height: 28px;
 background-color: #bf0000;
 font-size: 10pt;
 text-transform: uppercase;
 font-weight: bold;
 letter-spacing: -.3px;
}

#sub_nav li {
 padding: 5px 3px;
 line-height: 26px;
 display: inline;
 color: #fff;
}

#sub_nav li a {
 color: #fff;
 text-decoration: none;
}

#sub_nav li a:hover {
 color: #fb0;
}

#company_info {
 float: left;
 width: 317px;
 background-color: #bf0000;
 height: 28px;
 color: #fb0;
 font-weight: bold;
 letter-spacing: -.3px;
 font-size: 10pt;
 line-height: 26px;
 padding-left: 30px;
 text-transform: uppercase;
}


/******************************* Content *******************************/
#content {
 clear: both;
 padding: 10px;
 border-bottom: 0;
}

h2 {
 font-size: 16px;
 margin: 5px 0;
}

h2.heading {
 font-size: 20px;
}

h3 {
 font-size: 12px;
 margin: 10px 0;
}

#content p {
 font-size: 13px;
 margin: 15px 0;
}

#wrapper {
 width: 600px;
 float: left;
}

#sidebar {
 margin-top: 10px;
 float: right;
 width: 300px;
 text-align: center;
}

#sidebar ul {
 width: 260px;
 margin: 5px auto 10px;
 border: 2px solid #fff;
 border-bottom: 0;
 text-transform: uppercase;
 font-family: Verdana, Geneva, sans-serif;
 font-size: 9pt;
 font-weight: bold;
}

#sidebar ul li {
 height: 20px;
 line-height: 20px;
 border-bottom: 2px solid #fff;
 text-align: center;
}

#sidebar ul li a {
 background-color: #926c4b;
 height: 100%;
 width: 100%;
 display: block;
 color: #eee;
 text-decoration: none;
}

#sidebar ul li a:hover {
 background-color: #999;
}

#sidebar img {
 margin: 0 auto 10px;
}

#content .estimate {
 clear: both;
 width: 900px;
 margin: 0 auto;
 border-bottom: 1px solid #000;
 padding-bottom: 20px;
 text-align: center;
 color: #d00;
 text-transform: uppercase;
 font-size: 18px;
 letter-spacing: .5px;
}

/******************************* Footer *******************************/
#footer {
 font-size: 13px;
 text-align: center;
 margin: 0 auto;
 border-top: 0;
 padding-bottom: 3px;
}

#footer a {
 text-decoration: none;
}

#footer object {
 width: 900px;
 margin-bottom: 10px;
}

#footer .nav a {
 font-size: 10px;
 text-decoration: underline;
 text-transform: uppercase;
}

#footer_nav {
 padding-top: 5px;
}

#copyright {
 background-color: #336;
 width: 100%;
 color: #fff;
 font-size: 10px;
 text-align: center;
}
