/* == Global Reset
------------------------------------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, blockquote, a, a img, font, img, b, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tr, th, td, thead, tbody, tfoot, sub, sup {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: inherit; font-family: inherit; text-align: left; vertical-align: baseline;}


/* == Typography
------------------------------------------------- */

body{background: url(/img/bg.gif) #f7f7ea repeat-x top left; color: #4a3321; font-size: 0.8em; font-family: 'Georgia', 'Times New Roman', Serif; line-height: 1.5em;}
p{margin: 12px 0;}
ol, ul{list-style: none; margin: 10px 0;}
ul li{list-style: circle; margin: 0 0 0 30px;}
strong{font-weight: bold;}
h1, h2, h3{font-size: 1.8em; line-height: 24px; font-weight: normal;}
h2{font-size: 1.2em; font-weight: bold;}
a{color: #4a3321; text-decoration: underline;}
a:hover{text-decoration: none;}
.clr{clear: both;}


/* == General Layout
------------------------------------------------- */

#cont{background: url(/img/bg-wrap.gif) transparent repeat-x bottom left;}
#wrap{width: 900px; margin: 0 auto;}
#head{position: relative; height: 200px;}
#content{padding: 30px 0 40px 0; min-height: 472px; _height: 472px;}
#foot{height: 26px; padding: 13px 0; line-height: 14px; font-size: 115%;}


/* == Header Styles
------------------------------------------------- */

#wrap #head .logo{float: left; width: 193px; margin: 31px 0 0 0;}

#wrap #head #nav{float: right; width: 400px; margin: 86px 0 0 0; line-height: normal;}
#wrap #head #nav ul{margin: 0;}
#wrap #head #nav ul li{float: left; display: inline; margin: 0 10px;}
#wrap #head #nav ul li a{float: left; color: #4c4444; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, 'Sans-Serif'; letter-spacing: -1px; font-size: 1.2em; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: none; border-bottom: 2px #ECE8C5 solid; padding: 8px;}
#wrap #head #nav ul li a:hover, #wrap #head #nav ul li a.on{border-bottom: 2px #b08e74 solid;}

#wrap #head .topcontact{position: absolute; top: 35px; right: 20px; font-size: 105%; font-family: Arial; color: #000; font-weight: bold;}


/* == Content Styles
------------------------------------------------- */

#wrap #content .col{float: left; width: 360px; padding: 0 40px 0 0;}
#wrap #content .right{width: 500px; padding: 0;}

#wrap #content p.lead{font-weight: bold;}

#wrap #content .rotator{float: right; width: 475px; height: 319px; background: url(/img/bg-rotator.gif) #f7f7ea no-repeat top left; padding: 7px 0 0 7px;}
#wrap #content .rotator ul{margin: 0;}
#wrap #content .rotator ul li{display: none; margin: 0; list-style: none;}
#wrap #content .rotator img{vertical-align: top;}
#wrap #content .controls{float: right; display: inline; width: 440px; height: 30px; line-height: 26px; background: url(/img/bg-controls.gif) #4a3321 no-repeat bottom left; margin: 0 21px 0 0; color: #fff;}
#wrap #content .controls .caption{float: left; display: inline; width: 360px; font-family: Arial; font-size: 0.9em; font-weight: bold; padding: 0 0 0 12px;}
#wrap #content .controls .nums{float: right; width: 62px;}
#wrap #content .controls .nums a{font-family: Arial; font-weight: bold; text-decoration: none; margin: 0 4px 0 0; color: #BF9E83;}
#wrap #content .controls .nums a:hover{text-decoration: underline;}
#wrap #content .controls .nums a.activeSlide{color: #fff;}

#wrap #content .quote{float: right; width: 360px; min-height: 85px; _height: 85px; background: url(/img/bg-quote.gif) transparent no-repeat top right; padding: 15px 15px 0 0;}
#wrap #content .quote p{font-family: 'Arial'; font-size: 1.1em; text-align: right; line-height: 18px; margin: 0;}

#wrap #content img.inset{float: left; width: 280px; margin: 10px 15px 5px 0; padding: 2px; border: 1px #ccc solid;}

#wrap #content img.projectthumb{float: left; margin: 0px 10px 10px 0; padding: 2px; border: 1px #ccc solid;}

#TB_window{color: #333;}
#TB_secondLine{color: #666;}
#TB_window a{color: #666;}
#TB_window a:hover{color: #000;}
#TB_overlay{position: fixed; z-index: 100; top: 0; left: 0; height: 100%; width: 100%;}
.TB_overlayMacFFBGHack {background: url(/img/macFFBgHack.png) repeat;}
.TB_overlayBG{background-color: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
* html #TB_overlay{position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window{position: fixed; background: #fff; z-index: 102; color: #000; display: none; border: 4px solid #525252; text-align: left; top: 50%; left: 50%;}
* html #TB_window{position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image{display: block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666;}
#TB_caption{height: 25px; padding: 7px 30px 10px 25px; float: left;}
#TB_closeWindow{height: 25px; padding: 11px 25px 10px 0; float: right;}
#TB_closeAjaxWindow{padding: 7px 10px 5px 0; margin-bottom: 1px; text-align: right; float: right;}
#TB_ajaxWindowTitle{float: left; padding: 7px 0 5px 10px; margin-bottom: 1px;}
#TB_title{background: #e8e8e8; height: 27px;}
#TB_ajaxContent{clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em;}
#TB_ajaxContent.TB_modal{padding: 15px;}
#TB_ajaxContent p{padding: 5px 0px 5px 0px;}
#TB_load{position: fixed; display: none; height: 13px; width: 208px; z-index: 103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load{position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%;}
* html #TB_HideSelect{position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent{clear: both; border: none; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px;}

#wrap #content .errors{width: 89%; background: #ECE8C5; border: 1px #BFB777 dashed; padding: 20px;}
#wrap #content .success p{margin: 0;}
#wrap #content .errors p.title{color: #CF3348; margin: 0 0 10px 0; font-weight: bold; font-size: 110%;}
#wrap #content .errors ul li{list-style: square inside;}
#wrap #content .success p.title{color: #59BF47;}

#wrap #content form{font-size: 130%;}
#wrap #content form label{float: left; width: 120px; margin: 12px 0;}
#wrap #content form input, #wrap #content form textarea{float: left; width: 250px; border: 1px #D5D6AC solid; font-size: 120%; margin: 5px 0; padding: 5px;}
#wrap #content form textarea{width: 350px; height: 200px; font-family: Arial;}
#wrap #content form input.submit{width: 70px; background: #4A3321; color: #ECE8C5; font-size: 110%;}


/* == Footer Styles
------------------------------------------------- */

#wrap #foot .col{float: left; width: 650px; font-family: Arial; font-size: 0.9em;}
#wrap #foot .copyright{width: 250px; text-align: right;}

#wrap #foot a.cgarden{color: #eb1859;}
