body {
margin-top: 0;
background-image: url(images/woodbg.jpg);
background-repeat: repeat-x;
}

#container {
margin: auto;
background-color: white;
width: 800px;
background-color: #000000;
}

#masthead {
position: relative;
width: 800px;
height: 400px;
background-image: url(images/masthead.jpg);
background-repeat: no-repeat;
}

#masthead-top {
position: relative;
width: 800px;
height: 199px;
}

#mainnav {
float: left;
height: 35px;
margin-left: 35px;
]margin-top: 16px;
display: inline;
}

#content {
float: left;
width: 800px;
margin-top: 0px;
background-image: url(images/contentbg.jpg);
background-position: bottom;
background-repeat: no-repeat;
}

#main-content-home {
float: left;
width: 750px;
height: 475px;
margin-left: 25px;
margin-top: 0px;
background-image: url(images/homecontentbg.jpg);
background-repeat: no-repeat;
}

#main-content-home h1 {
color: #CADB2A;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .95em;
font-weight: normal;
text-align: right;
border-bottom: dotted thin #CADB2A;
}

#main-content-home a:link {color: #CADB2A; text-decoration: none; border-bottom: dotted thin #CADB2a;}
#main-content-home a:visited {color: #CADB2A; text-decoration: none; border-bottom: dotted thin #CADB2a;}
#main-content-home a:hover {color: #CADB2A; font-style: italic; text-decoration: none; border-bottom: dotted thin #CADB2a;}
#main-content-home a:active {color: #CADB2A; text-decoration: none; border-bottom: dotted thin #CADB2a;}

#main-content-contact {
width: 750px;
height: 475px;
margin-left: 25px;
margin-top: 0px;
background-image: url(images/contactcontentbg.jpg);
background-repeat: no-repeat;
}

#main-content-contact h1 {
color: #B33C1B;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .95em;
font-weight: normal;
text-align: right;
border-bottom: dotted thin #B33C1B;
}

#main-content-contact a:link {color: #B33C1B; text-decoration: none; border-bottom: dotted thin #B33C1B;}
#main-content-contact a:visited {color: #B33C1B; text-decoration: none; border-bottom: dotted thin #B33C1B;}
#main-content-contact a:hover {color: #B33C1B; font-style: italic; text-decoration: none; border-bottom: dotted thin #B33C1B;}
#main-content-contact a:active {color: #B33C1B; text-decoration: none; border-bottom: dotted thin #B33C1B;}

#main-content {
float: left;
width: 400px;
padding-top: 85px;
margin-left: 35px;
}

#main-content p {
color: #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .6em;
line-height: 2em;
margin-top: 35px;
margin-left: 25px;
}

#main-content h3 {
color: #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
line-height: 2em;
margin-top: 35px;
margin-left: 25px;
}

.clear {
clear: both;
display: inline-block;
}

/*Main Navigation Styling*/

/* Fix IE. Hide from IE Mac \*/
* html #mainnav {
position: relative;
float: left;
width: 307px;
margin-top: 16px;
margin-left: 390px;
display: inline;
}

* html #mainnav ul li {
float: left;
display: inline-block;
}

* html #mainnav ul li a {
height: 35px;
display: inline-block;
}

/* End Fix IE */

#mainnav ul li {
float: left;
margin: 0px;
}

#mainnav ul {
margin: 0px;
padding: 0px;
list-style: none;
float: left;
}

#mainnav ul a {
display: block;
height: 35px;
}

#mainnav ul a p {
visibility: hidden;
}

#mainnav .home a:link {width: 52px; height: 35px; background-image: url(images/homelink.jpg);}
#mainnav .home a:visited {width: 52px; height: 35px; background-image: url(images/homelink.jpg);}
#mainnav .home a:hover {width: 52px; height: 35px; background-image: url(images/homelinkhover.jpg);}
#mainnav .home a:active {width: 52px; height: 35px; background-image: url(images/homelinkhover.jpg);}
#mainnav .home-active a:link {width: 52px; height: 35px; background-image: url(images/homelinkhover.jpg);}
#mainnav .home-active a:visited {width: 52px; height: 35px; background-image: url(images/homelinkhover.jpg);}
#mainnav .home-active a:hover {width: 52px; height: 35px; background-image: url(images/homelinkhover.jpg);}
#mainnav .home-active a:active {width: 52px; height: 35px; background-image: url(images/homelinkhover.jpg);}

#mainnav .about a:link {width: 54px; height: 35px; background-image: url(images/aboutlink.jpg);}
#mainnav .about a:visited {width: 54px; height: 35px; background-image: url(images/aboutlink.jpg);}
#mainnav .about a:hover {width: 54px; height: 35px; background-image: url(images/aboutlinkhover.jpg);}
#mainnav .about a:active {width: 54px; height: 35px; background-image: url(images/aboutlinkhover.jpg);}
#mainnav .about-active a:link {width: 54px; height: 35px; background-image: url(images/aboutlinkhover.jpg);}
#mainnav .about-active a:visited {width: 54px; height: 35px; background-image: url(images/aboutlinkhover.jpg);}
#mainnav .about-active a:hover {width: 54px; height: 35px; background-image: url(images/aboutlinkhover.jpg);}
#mainnav .about-active a:active {width: 54px; height: 35px; background-image: url(images/aboutlinkhover.jpg);}

#mainnav .services a:link {width: 67px; height: 35px; background-image: url(images/serviceslink.jpg);}
#mainnav .services a:visited {width: 67px; height: 35px; background-image: url(images/serviceslink.jpg);}
#mainnav .services a:hover {width: 67px; height: 35px; background-image: url(images/serviceslinkhover.jpg);}
#mainnav .services a:active {width: 67px; height: 35px; background-image: url(images/serviceslinkhover.jpg);}
#mainnav .services-active a:link {width: 67px; height: 35px; background-image: url(images/serviceslinkhover.jpg);}
#mainnav .services-active a:visited {width: 67px; height: 35px; background-image: url(images/serviceslinkhover.jpg);}
#mainnav .services-active a:hover {width: 67px; height: 35px; background-image: url(images/serviceslinkhover.jpg);}
#mainnav .services-active a:active {width: 67px; height: 35px; background-image: url(images/serviceslinkhover.jpg);}

#mainnav .portfolio a:link {width: 69px; height: 35px; background-image: url(images/portfoliolink.jpg);}
#mainnav .portfolio a:visited {width: 69px; height: 35px; background-image: url(images/portfoliolink.jpg);}
#mainnav .portfolio a:hover {width: 69px; height: 35px; background-image: url(images/portfoliolinkhover.jpg);}
#mainnav .portfolio a:active {width: 69px; height: 35px; background-image: url(images/portfoliolinkhover.jpg);}
#mainnav .portfolio-active a:link {width: 69px; height: 35px; background-image: url(images/portfoliolinkhover.jpg);}
#mainnav .portfolio-active a:visited {width: 69px; height: 35px; background-image: url(images/portfoliolinkhover.jpg);}
#mainnav .portfolio-active a:hover {width: 69px; height: 35px; background-image: url(images/portfoliolinkhover.jpg);}
#mainnav .portfolio-active a:active {width: 69px; height: 35px; background-image: url(images/portfoliolinkhover.jpg);}

#mainnav .contact a:link {width: 65px; height: 35px; background-image: url(images/contactlink.jpg);}
#mainnav .contact a:visited {width: 65px; height: 35px; background-image: url(images/contactlink.jpg);}
#mainnav .contact a:hover {width: 65px; height: 35px; background-image: url(images/contactlinkhover.jpg);}
#mainnav .contact a:active {width: 65px; height: 35px; background-image: url(images/contactlinkhover.jpg);}
#mainnav .contact-active a:link {width: 65px; height: 35px; background-image: url(images/contactlinkhover.jpg);}
#mainnav .contact-active a:visited {width: 65px; height: 35px; background-image: url(images/contactlinkhover.jpg);}
#mainnav .contact-active a:hover {width: 65px; height: 35px; background-image: url(images/contactlinkhover.jpg);}
#mainnav .contact-active a:active {width: 65px; height: 35px; background-image: url(images/contactlinkhover.jpg);}