/* Resets */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;line-height:1.2em;}
body {font-size: 62.5%;font-family: "Arial",Helvetica, sans-serif;color:#fff;background:#261e17;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}
:focus {outline:none;}
ins {text-decoration:overline;}
del {text-decoration:line-through;}
table {border-spacing:0;}
.content h2, .content p, .content dl, .content ul, .content ol {
margin-bottom:10px;
}
h2 .note{font-size: .45em;}
address{
font-style: normal;
}
h1{
font-size: 1.8em;
}
h1.pageTitle{
padding-left: 25px;
font-size: 1.6em;
margin-bottom: 15px;
}
h1,h2,h3,h4,h5,h6,.h2,.h3,#mainNav li a{
font-weight: normal;
font-family: "Perpetua Titling MT",Arial;
color: #593622;
/*
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
-moz-text-shadow: 2px 2px 2px rgba(0, 0, 0 , 0.4);
-webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0 , 0.4);
*/
}
h2,.h2{
font-size: 1.4em;
}
.h2.callout{
color: #fff;
text-align: right;
font-size: 1.8em;
margin-bottom: 10px;
}
h4{
font-weight: bold;
}
#siteWrap{
background:#bfba9f url(/img/bg-haderBanner2.gif) top left repeat-x;
}
/* Centers The Page Content */
.pageframe{
width:950px;
margin: 0 auto;
font-size: 1.4em;
position: relative;
padding-top: 30px;
}
a{color: #593622;text-decoration: none;}
a:hover{text-decoration: underline;}
#logo{margin-bottom: 50px;}
/* Bread Crumb */
#breadcrumb{
margin-bottom: 15px;
float: left;
padding-left: 10px;
}
#breadcrumb li{
float: left;
list-style: none;
color: #593622;
padding-right: 5px;
}
#breadcrumb li a{
color: #8c3623;
text-decoration: underline;
}
#breadcrumb li a:hover{
text-decoration: none;
}
/* Forms */
form{
margin-top: 25px;
}
form h2{
margin-bottom: 15px;
color: #8c3623;
}
.content form li{
list-style: none;
margin-bottom: 5px;
}
form li label{
display: block;
color: #261e17;
font-size: .9em;
}
form input,form textarea,form select{
width: 100%;
}
form textarea{
font-family: "Arial",Helvetica, sans-serif;
font-size: .8em;
}
form input{
height: 25px;
}
form input.auto{
width: auto;
height: auto;
}
form input,form textarea{
border: 1px solid #745943;
}
form input.checkbox,form input.btn{
width: auto;
height: auto;
}
form input.btn{
float: right;
border: none;
margin-right: -9px;
}
#frmBuilder li{
width: 50%;
list-style: none;
}
.shortForm{
width:245px;
float: right;
margin: 0 0 15px 15px;
}
#frmBuilder.shortForm li{
list-style: none;
width: 223px;
}
/* Main Nav */
#mainNav{
background:#583622 url(/img/bg-nav2.gif) top left no-repeat;
color: #fff;
width: 632px;
margin-left: 9px;
float: left;
padding-left: 5px;
}
#mainNav li{
float: left;
list-style: none;
background: url(/img/bg-nav-bullet.gif) right 14px no-repeat;
margin-top: 5px;
}
#mainNav li a{
color: #fff;
padding: 10px 14px 10px 14px;
display: inline-block;
}
#mainNav li a:hover,#mainNav li.active a{
background: #6b584e;
}
#mainNav .last{
background:none;
}
/* Second Navigation */
#subNav li{
list-style: none;
border-bottom: 1px dashed #745943;
padding: 5px 10px;
}
#subNav li.last{
border: none;
}
#subNav li.active,#subNav li:hover{
background: #b1ac90;
}
#subNav li a{
color: #fff;
display: block;
}
#indexContent,#indexFocus{
float: left;
}
/* indexContent */
#indexContent{
padding: 0 15px;
width: 260px;
}
/* indexFocus */
#indexFocus{
width: 656px;
padding-top: 10px;
}
/* Focus */
#focusWrapper{
margin-top: -13px;
float: left;
}
#focusTop,#focusWrap{
width: 656px;
}
#focusTop{
background: url(/img/bg-home-focus-top.png) top left no-repeat;
height:18px;
margin-left:-1px;
}
#focusContent{
background: url(/img/bg-home-focus-repeat.png) -1px top repeat-y;
}
#focus{
background: url(/img/bg-home-focus-bottom.gif) bottom left no-repeat;
padding: 0 19px 24px 19px;
width: 618px;
}
/* Slideshpow */
#slideshow{
margin-bottom: 10px;
float: left;
}
#slideshow li{
float: left;
width: 88px;
height: 89px;
background: url(/img/bg-slide-small.gif) top left no-repeat;
text-align: center;
list-style-type: none;
}
#slideshow li img{
margin: 15px 0 0 3px;
width: 61px;
height: 60px;
}
.sample{
background: url(/img/bg-slide-large.gif) top left no-repeat;
width: 619px;
padding: 19px 0 0 0;
}
#noobImages span img{
width: 570px;
height: 269px;
}
.slideTitle{
background: none;
width: 619px;
height: auto;
text-align: left;
margin-top: 25px;
padding-left: 10px;
}
.slideTitle span{
font-size: .5em;
color: #898464;
}
#slideshow .large img{
margin: 19px 0 0 0;
width: 570px;
height: 269px;
}
#focus dl{
float: left;
width: 180px;
color: #8c3623;
}
#focus dl.large{
width: 390px;
margin-right: 30px;
}
#focus dl dt.h2{
font-size: 1.3em;
margin-bottom: 15px;
}
#focus dl.large dt.h2{
margin-bottom: 3px;
}
#focus dl dd{
background: url(/img/bg-bullet-truck.gif) left 7px no-repeat;
margin-bottom: 10px;
padding: 4px 0 8px 25px;
}
#focus dl dd.alt{
background: url(/img/bg-bullet-building.gif) left 3px no-repeat;
}
#focus dl.large dd{
float: left;
width: 190px;
padding: 12px 5px 0 0;
margin-bottom: 0;
background: none;
}
#focus dl.large dd img{
background: url(/img/bg-slide-xsmall.gif) top left no-repeat;
padding: 6px;
float: left;
margin-top: -11px;
}
dd.first{
clear: left;
}
/* Footer */
#footer{
background:#261e17 url(/img/bg-footer.gif) top left repeat-x;
color: #aba58d;
text-align: right;
font-size: .8em;
padding-bottom: 15px;
}
#footer ul,#footer address{
margin-right: 8px;
}
#footer ul{
width: 656px;
float: right;
text-align: right;
}
#footer li{
display: inline;
list-style: none;
}
#footer li a{
color: #fff;
display: inline-block;
background: url(/img/bg-footer-bullet.gif) right 4px no-repeat;
padding: 0 6px 0 4px;
}
#footer li.last a{
background: none;
}
#footer address{
display: block;
margin-top: 5px;
}