/***********************************************************************/
/* standard styles */
/***********************************************************************/
body {position: relative; text-align: left; margin: 0; padding: 0; font:10px  arial,helvetica,sans-serif; color: #a49c87; background-color: #1b140e;}
p { font-size: 1.2em; font-weight: normal; text-decoration: none; line-height: 1.7em; color:#a49c87; margin: 0; padding: 0 0 1.2em 0; }
img {padding: 0 ;border: 0; vertical-align: middle;}
.clear {clear: both;}
.rustic {color: #9f4122;}
p.white_details {color: #ffffff;}
p.standout {color: #ddd9cc;}

.image_vert {position: relative; float: left; margin: 0 0 20px 0;}
.image_hor {position: relative; float: left; margin: 0 10px 20px 0;}

h1, h2, h3, h4 {font-weight: normal; }
h1 {font-size: 1em; padding: .4em 0 0.5em 0; margin: 0 0 10px 0; color: #fff;}
h2 {font-size: 2em; padding: 0 0 0.8em 0; margin: 0; color: #4c7189;}
h3 {font-size: 1.8em; padding: 0 0 0.6em 0; margin: 0; color: #fff;}

ul {margin: 0; padding: 0; list-style-type: none; padding: 0;}
li {color:#a49c87; margin: 0; padding: 0; font-size: 11px; line-height: 1.7em;}

/***********************************************************************/
/* Main Layout divs */
/***********************************************************************/
#wrapper {position: relative; margin: 0 auto; padding: 0; width: 974px; }
#top {position: relative; float: left; width: 974px; padding: 0; margin: 0; height: 81px;}
#main {position: relative; float: left; width: 974px;  padding: 0; margin: 0;}
#footer {position: relative; float: left; width: 974px; clear: both; margin: 20px 0 0 0; padding: 18px 0 30px 0; background-image: url("../i/footer_bg.gif"); background-position: top left; background-repeat: repeat-x;}
#footer_right {position: relative; float: right; text-align: right; width: 450px; margin: 0; padding: 0; }

#halfwidthContent { width: 48%;}
#halfwidthContent_right { float: right; padding: 30px 0 30px 0;}
.testimonials p { padding-bottom: 2.8em;}
.testimonials strong { color: #e3e2da;}

#homeleft {position: relative; float: left; width: 400px; padding: 0; margin: 0;}
#homeright {position: relative; float: right; width: 540px; padding: 0; margin: 0;}

#contentleft {position: relative; float: left; width: 610px; padding: 0; margin: 0;}
#contentright {position: relative; float: right; width: 300px; padding: 0; margin: 0;}
#contentmenu {position: relative; float: left; width: 180px; padding: 0; margin: 0;}
#contentmenu ul { margin: 0; padding: 0;}
#contentmenu ul li { background: url('../images/contentnavbg.png') no-repeat 0 7px; padding-left: 12px; float: left;}
#contentmenu ul li a { font-size: 1.2em; color:#9F4122; text-decoration: none; width: 168px; float: left;}
#contentmenu ul ul li a { width: 156px;}
#contentmenu ul li a:hover {font-size: 1.2em; color: #4c7189; text-decoration: underline;}
#contentmenuright {position: relative; float: right; width: 765px; padding: 0; margin: 0;}
#contentmenuright p {padding-right: 20px;}





#padding p {padding-right: 20px;}
#logo {position: relative; float: left; width: 311px; height: 81px; padding: 0; margin: 0;}
#logo h1 {padding: 0; margin: 0;}
#bannerimage {position: relative; float: left; width: 974px; height: 220px; padding: 0; margin: 0 0 20px 0; border-top: 6px solid #9f4122; border-bottom: 6px solid #5c4f41;}
#bannerimage_home {position: relative; float: left; width: 974px; height: 280px; padding: 0; margin: 0 0 20px 0; border-top: 6px solid #9f4122; border-bottom: 6px solid #5c4f41;}

.casestudy {position: realtive; float: left; width: 225px; padding: 0; margin: 10px 149px 8px 0;}
.casestudyend {position: realtive; float: right; width: 225px; padding: 0; margin: 10px 0 8px 0;}
.thumb_portfolio {position: relative; float: left; width: 225px; height: 149px; padding: 0; margin: 0 0 10px 0; border-top: 4px solid #9f4122; border-bottom: 4px solid #5c4f41;}
.homethumb {position: relative; float: right; width: 151px; height: 98px; padding: 0; margin: 0 0 10px 20px; border-top: 4px solid #9f4122; border-bottom: 4px solid #5c4f41;}
.portfolio_image {position: relative; margin: 0 0 8px 0; padding: 0; height: 69px; width: 69px;}
.portfolio_image_center {position: relative; margin: 0 6px 8px 6px; height: 69px; width: 69px;}
.content_image {float: left; padding: 5px 10px 5px 0;}
.content_image2 {float: left; padding: 5px 0px 5px 0;}
.home_show_banner {padding: 5px 0px 5px 0;}

/***********************************************************************/
/* Links */
/***********************************************************************/
#footer p { font-size: 1.1em; margin: 0; color: #5c4f41; padding: 0;}
#footer p.white_details {color: #ffffff;}
#footer a:link {text-decoration: none; color: #5c4f41;}
#footer a:visited {text-decoration: none; color: #5c4f41;}	
#footer a:visited:hover {text-decoration: underline; color: #fff;}
#footer a:hover, #footer a:active {text-decoration: underline; color: #fff;}
#footer p.white_details a:link {text-decoration: none; color: #fff;}
#footer p.white_details a:visited {text-decoration: none; color: #fff;}	


/***********************************************************************
	Navigation 
***********************************************************************/
#top { height: auto !important; overflow: hidden;} 

/* Main Nav */
#mainNav { float: right; position: relative; margin-top: 15px;}
#mainNav ul { list-style: none; margin: 0; padding: 0;}
#mainNav ul li { display: inline; float: left; background: url('../images/mainnavdivider.png') no-repeat center left;}
	#mainNav ul li.first { background: none;}
#mainNav ul li a { float: left; color: #a49c87; font-size: 1.2em; text-decoration: none; padding: 0 7px;}
#mainNav ul li a:hover { color: #eeead2;}

#mainNav .dropdown ul { display: none; position: absolute; top: 1.3em; line-height: 1em; padding-top: 5px; height: 25px; overflow: hidden; background: url('../images/subnavbg.png') no-repeat 0 -8px; width: 100%;}
* html #mainNav .dropdown ul { left: 0px; }
#mainNav .dropdown ul li { }
#mainNav .dropdown ul li a { color: #eeead2;}
#mainNav .dropdown ul li a:hover { color: #9f4122;}
#mainNav .navhover ul { display: block;}


/***********************************************************************
	FAQ
***********************************************************************/
dl#faq { font-size: 1.2em; background: #1b140e;}
dl#faq dt { cursor: pointer; color: #9F4122; padding-top: 10px; padding-bottom: 5px; font-size: 1.1em; background: #1b140e; width: 100%; background: url('../images/contentnavbg.png') no-repeat 0 15px;
padding-left:12px;}
dl#faq dt.hover { text-decoration: underline;}
dl#faq dt.hover, dl#faq dt.selected { color: #4c7189;}
dl#faq dd {  background: #241b13; margin: 0;}
dl#faq dd span { padding: 5px 10px 5px; display: block;}

#faqshowhide { overflow: hidden;}
h3.openall, h3.hideall { font-size: 1.3em; background: #281f17; padding: 5px 10px; float: left; cursor: pointer; color: #b9b2aa;} 
h3.openall:hover, h3.hideall:hover { background: #352a21; color: #fff;}

/***********************************************************************
	Videos
***********************************************************************/
#videos { overflow: hidden; width: 100%;}
#videos a { outline: 0; cursor: pointer;}
#videos img { vertical-align:bottom;}
#videos .vidLeft, #videos .vidRight { margin-bottom: 2.8em; position: relative;}
#videos .vidLeft { float: left;}
#videos .vidRight { float: right;}
#videos .vidLeft span, #videos .vidRight span { position: absolute; background: url('../images/video/vid_overlay.png') no-repeat; display: block; width: 350px; height: 199px; top: 0; left: 0; cursor: pointer;}
	#videos .vidLeft:hover span, #videos .vidRight:hover span { background-position: top right;}
/* Video Overlay */
#page { padding:80px; font-family:verdana; width:600px;}
div.overlay { background:url('../images/video/vidbox_white.png') #fff no-repeat; padding: 10px 10px 39px 10px; width: 600px; height:368px; display:none;}
#exposeMask { background: #000;}
div.overlay div.close { background:url('../jquery/lightbox/images/closelabel.gif') no-repeat; position:absolute; bottom:7px; right:10px; width:66px; height:22px; cursor:pointer;}
a.player { display:block; width: 600px; height:368px;}


p.view a:link {color: #5e6067; text-decoration: none; font-style: italic;}
p.view a:visited {color: #5e6067; text-decoration: none;font-style: italic; }
p.view a:visited:hover {color: #5e6067; text-decoration: underline; font-style: italic;}
p.view a:hover, p.view a:active {color: #5e6067; text-decoration: underline; font-style: italic;}


/* Links list */
.links {margin: 0; padding: 0;}
.links li a{list-style: none; text-decoration: none; color: #a49c87;}
.links li a:hover{list-style: none; text-decoration: underline; color: #5e6067;}
.singlelink {margin: 0; padding: 0;}
.singlelink  li a{list-style: none; text-decoration: none; color: white;}
.singlelink  li a:hover{list-style: none; text-decoration: underline; color: white;}

.singlelink  a{list-style: none; text-decoration: none; color: white;}
.singlelink  a:hover{list-style: none; text-decoration: underline; color: white;}

.newsimage {float: left; padding: 0 10px 10px 0;}

.staff {text-align: center; float: left; width: 220px; margin-bottom: 20px; font-size: .9em;}
.staff_small {text-align: center; float: left; width: 152px; margin-bottom: 20px; font-size: .9em;}


/* Sitemap */
ul#sitemap li { padding-bottom: 10px;}
ul#sitemap ul li { padding-bottom: 0;}

/***********************************************************************
	Contact Page
***********************************************************************/
#contactDetails { margin-top: 25px;}
#contactForm { font-size: 1.2em; margin-top: 15px;}
.formRow { width: 100%; float: left; margin-bottom: 10px;}
.formLeft { width: 120px; float: left; text-align: right; padding: 2px 20px 0 0;}
.formRight { float: left;}
.required { width: 340px; text-align: right; padding: 15px 0 0 0; float: left;}
span#lblMessage { display: block; width: 100%; text-align: center; float: left; padding: 10px 0 0 0; font-size: 1.2em;}
.formRight input, .formRight textarea { margin-right: 5px; width: 200px; padding: 2px 4px;}
input.input { border: 1px solid #9a9a9a; background: #fffffe; color: #000;}
textarea.textarea { border: 1px solid #9a9a9a; background: #fffffe; height: 100px;}
select.select { border: 1px solid #9a9a9a; background: #fffffe; color: #000;}
select.select option {background: #fffffe; color: #000;}
input.submit {  width: 75px; margin-left: 140px; padding: 5px 0 4px; border: 0; line-height: 14px; background: url('../images/submit.png') no-repeat; cursor: pointer;}
input.submit:hover { background-position: top right;}
.address .formLeft, .address .formRight { padding-bottom: 5px;}

/* Googlemap */
#map1 { height: 296px; width: 520px; border: 2px solid #CCC; margin-top: 45px;}