@charset "utf-8";
/* CSS Document */

body {
font-family: Arial;
background-color: #660000;
}

html {
overflow: -moz-scrollbars-vertical;
}


.main {
width: 900px;
height: auto;
margin: auto;
padding-top: 25px;
}

.banner {
float: left;
width: 900px;
height: 190px;
background-image: url(images/index_01.jpg);
}

.nav {
float: left;
text-align: center;
width: 900px;
height: 27px;
margin: auto;
background-image: url(images/index_02.jpg);
}

.content {
float: left;
width: 714px;
height: auto;
padding-left: 95px;
padding-right: 95px;
padding-top: 15px;
padding-bottom: 30px;
background-image: url(images/index_03.jpg);
text-align: left;
}

.footer {
float: left;
width: 900px;
height: 139px;
background-image: url(images/index_05.jpg);
background-repeat: none;
}

#footer_content {
float: left;
width: 900px;
height: 100px;
padding-top: 5px;
text-align: center;
}

a#home {
float: left;
width: 70px;
color: #fff6e6;
text-align: center;
text-decoration: none;
}

a#roof_types {
float: left;
width: 95px;
color: #fff6e6;
text-align: center;
text-decoration: none;
}

a#roof_services {
float: left;
width: 130px;
color: #fff6e6;
text-align: center;
text-decoration: none;
}

a#projects {
float: left;
width: 160px;
color: #fff6e6;
text-align: center;
text-decoration: none;
}

a#contact {
float: left;
width: 140px;
color: #fff6e6;
text-align: center;
text-decoration: none;
}

a#estimates {
float: left;
width: 105px;
color: #fff6e6;
text-align: center;
text-decoration: none;
}

a#faq {
float: left;
width: 65px;
color: #fff6e6;
text-align: center;
text-decoration: none;
}

a:hover#home, a:hover#roof_types, a:hover#roof_services, a:hover#projects, a:hover#contact, a:hover#estimates, a:hover#faq {
color: #ffffff;
font-weight: bold;
}

h1 {
font-family: Arial;
color: #660000;
text-align: center;
}

h2 {
font-family: Arial;
color: #603b0c;
}

h5 {
font-family: Arial;
color: #603b0c;
}

h5#awdgs {
font-family: Arial;
color: #ffffff;
text-align: center;
}

p {
font-family: Arial;
color: #000000;
}

a {
color: #603b0c;
}

a:hover {
color: #660000;
}

a#awdgs {
color: #ffffff;
}

ul#tabs {
font-family: Arial;
color: #fff6e6;
padding: 0;
margin: 0;
list-style: none;
}
  
li#tabs {
float: left;
position: relative;
}
