* {
margin: 0;
padding: 0;
}
body {
position: relative;
font: normal 100% Verdana, Arial, sans-serif;
color: #8b985f;
background: #3d4131 url(../images/bg-pattern.gif) repeat-y center top;
}
h1, h2, h3 {
color: #ceea70;
font-weight: normal;
margin-bottom: 15px;
}
h1 {
font-size: 1.5em;
}
h2 {
font-size: 1.2em;
}
p {
font-size: 0.86em;
margin-bottom: 1.5em;
line-height: 1.5em;
}
a {
text-decoration: none;
color: #ceea70;
}
a:hover {
text-decoration: none;
color: #fff;
}
#landscaping {
width: 760px;
background-color: #181b0f;
margin: 0 auto;
}
.topnav {
width: 735px;
color: #565736;
font-size: 12px;
text-align: right;
word-spacing: 4px;
margin: 8px auto;
}
.topnav a {
text-decoration: none;
color: #a4a668;
}
.topnav a:hover {
color: #fff;
}
#container {
width: 760px;
background: url(../images/bgcontainer2.gif) repeat-y;
margin: 0 auto;
}
#header {
width: 750px;
height: 126px;
margin: 0 auto;
overflow: hidden;
}
#logo {
float: left;
width: 115px;
height: 126px;
}
#company {
float: left;
width: 400px;
height: 114px;
font: bold 43px Arial, sans-serif;
color: #ceea70;
letter-spacing: 1px;
line-height: 40px;
text-transform: lowercase;
padding-top: 12px;
}
#slogan {
width: 398px;
color: #8b985f;
font: normal 15px Verdana, Arial, sans-serif;
letter-spacing: normal;
text-transform: none;
}
#slogan em {
font-style: normal;
}
#topimage {
float: right;
width: 216px;
height: 126px;
background: url(../images/top/t1.jpg) no-repeat;
}
#navwrap {
clear: both;
width: 750px;
margin: 0 auto;
}
#nav, #nav ul {
float: left;
width: 750px;
list-style: none;
font-size: 12px;
line-height: 1em;
font-weight: bold;
border-top: 1px solid #535435;
border-bottom: 1px solid #535435;
background-color: #232903;
margin: 0;
padding: 0;
}
#nav li {
float: left;
font-size: 1em;
line-height: 1.5em;
border-right: 1px solid #535435;
text-align: center;
padding: 0;
}
#nav li a {
display: block;
width: 8.5em;
color: #a4a668;
text-decoration: none;
padding: 0.45em 0;
}
#nav li.resources a {
display: block;
width: 10.0em;
color: #a4a668;
text-decoration: none;
padding: 0.45em 0;
}
#nav li a:hover {
color: #fff;
}
#nav li#phone {
width: 18.0em;
word-spacing: 0.25em;
border-right: none;
padding: 0.45em 0;
}
#nav li#phone:hover {
background: transparent;
}
#nav li:hover, #nav li.iehover {
background: #45462c;
}
#nav li#phone.iehover {
background: transparent;
}
.clearer {
clear: both;
}
/* Page */
#page {
clear: both;
width: 750px;
margin: 0 auto;
}
/* Content */
#content {
width: 748px;
margin: 0 auto;
}
#photos {
width: 700px;
padding: 20px 0 0 20px;
overflow: hidden;
}
#photos .title, #photos .subtitle {
padding: 0 0 5px 0;
background: url(../images/img08.gif) repeat-x left bottom;
}
#photos dfn {
display: block;
font-size: 0.9em;
font-weight : bold;
font-style: normal;
margin: -10px 0 15px 0;
}
#photos ul.topic {
list-style: none;
width: 660px;
height: auto;
position: relative;
z-index: 10;
padding: 0;
margin: 0;
}
#photos ul.topic li {
display: block;
width: 130px;
height: 31px;
float: left;
}
#photos ul.topic li a.set {
display: block;
width: 129px;
height: 30px;
text-align: center;
line-height: 30px;
color: #a4a668;
font-size: 12px;
text-decoration: none;
border: 1px solid #535435;
border-width: 1px 1px 0 0;
background-color: #232903;
}
#photos ul.topic li a.first {
width: 128px;
border: 1px solid #535435;
border-width: 1px 1px 0 1px;
}
#photos ul.topic li.active a {
color: #fff;
background: #45462c;
}
#photos ul.topic li a:hover, #photos ul.topic li:hover a {
color: #fff;
background: #45462c;
}
/* Container Div for Photo Gallery */
#gallery  {
clear: both;
width: 698px;
height: 525px;
background-color: #45462c;
border: 1px solid #535435;
border-width: 0 1px 1px 1px;
padding-top: 25px;
margin: 0 auto 25px auto;
}
/* Slideshow for Single Photo Gallery Pages */
#flashcontent {
width: 650px;
height: 500px;
background-color: #232903;
padding: 0;
margin: 0 auto;
}
#flashcontent p {
font-size: 1.0em;
line-height: 1.5em;
padding: 1.0em;
}
#flashcontent a {
color: #ceea70;
}
#flashcontent a:hover {
color: #fff;
}
/* Footer and Credits */
#footer {
width: 710px;
height: 45px;
margin: 0 auto;
background: #181b0f url(../images/img12.gif) no-repeat center top;
padding: 0 25px 12px 25px;
}
.footernav {
width: 708px;
height: 30px;
color: #565736;
font-size: 14px;
text-align: center;
padding-top: 12px;
word-spacing: 5px; 
overflow: hidden;
}
.footernav a {
text-decoration: none;
}
.footernav a:hover {
color: #fff;
}
#credits {
width: 760px;
height: 50px;
background-color: #181b0f;
color: #565736;
font-size: 12px;
text-align: center;
line-height: 16px;
margin: 0 auto;
}
#credits strong {
display: block;
}