/* -----------------------------------------------
	Body / General Styles
----------------------------------------------- */

header, footer, section, article {display:block}

body {background:url(../images/body.jpg) 0 0 repeat; font-family:"Trebuchet MS", Georgia, Arial, sans-serif; color:#51500f; font-size:14px; line-height:20px;}

#wrapAll {background:url(../images/wrap.jpg) center top no-repeat; float:left; width:100%; height:100%}

#container {width:842px; margin:0 auto}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
    
.visible {display:block !important;}

.hidden {display:none;}

.first {margin-top:5px;}
.last {margin-bottom:5px;}

/* -----------------------------------------------
	Font Styles
----------------------------------------------- */

a {color:#fff; text-decoration:none;}
a:hover {color:#51500f}

p {padding:0 0 10px 0; font-weight:100;}

h1 {font-family:Georgia; font-size:34px; font-weight:100; margin-bottom:15px; line-height:36px;}
h2 {font-family:Georgia; font-size:22px; font-weight:100; color:#fff; margin-bottom:10px;}
h3 {font-family:Georgia; font-size:20px; font-weight:100; color:#fff; margin-bottom:10px; display:block; clear:both;}
h4 {font-family:Georgia; font-size:16px; font-weight:100; color:#fff; margin-bottom:10px;}

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

header {width:100%}

#logo {display:block; width:304px; height:81px; background:url(../images/logo.png) 0 0 no-repeat; margin:10px 0 0 22px; float:left}

nav#mainNav {float:left; padding:50px 0 0 30px;}
nav#mainNav ul {display:block;}
nav#mainNav ul li {display:block; float:left; position:relative}
nav#mainNav ul li a {color:#fff; text-decoration:none; float:left; font-family:"Trebuchet MS"; font-size:14px; padding:5px 20px; margin-left:5px;}
nav#mainNav ul li:hover a, nav#mainNav ul li.current_page_item a {background:#d48601; padding:3px 18px; border:2px solid #fff;}
nav#mainNav ul li:hover ul li a {background:none; border:none;}
nav#mainNav ul li ul {position:absolute; border:2px solid #fff; top:28px; left:5px; background:#000; display:none; margin:0; padding:0;}
nav#mainNav ul li ul li {clear:both;}
nav#mainNav ul li ul li a {font-size:14px; padding:0; border:none; margin:0}
nav#mainNav ul li ul li a:hover {text-decoration: underline}
nav#mainNav ul li ul li:hover a {background:none; border:none; }


nav#mainNav ul li.page-item-18 ul {width:88px;}
nav#mainNav ul li.page-item-11 ul {width:107px;}

body.parent-pageid-18 nav#mainNav ul li.page-item-18 a,
body.parent-pageid-11 nav#mainNav ul li.page-item-11 a {
	background:#d48601; padding:3px 18px; border:2px solid #fff;
}

body.parent-pageid-18 nav#mainNav ul li.page-item-18:hover ul li a,
body.parent-pageid-11 nav#mainNav ul li.page-item-11:hover ul li a {
	background:none; border:none;
}

nav#socialMedia {width:68px; padding:50px 0 0 10px; float:right}
nav#socialMedia ul {display:block}
nav#socialMedia ul li {display:block;}
nav#socialMedia ul li a {display:block; text-indent:-9999px; width:30px; height:30px; background-image:url(../images/socialMedia.png)}
nav#socialMedia ul li a#twitterNav {background-position:left top; float:left;}
nav#socialMedia ul li a#linkedInNav {background-position:right top; float:right;}

section#banner {height:217px; margin-top:10px;}

/* -----------------------------------------------
	Sidebar Layout
----------------------------------------------- */

article#twitterFeed ul li a, article#twitterFeed ul li {font-size:11px; line-height:14px;}
article#twitterFeed ul li {color:#fff; margin-top:10px;}
article#twitterFeed ul li a {color:#51500f;}

#sideNavContain {width:149px; padding-bottom:18px; background:url(../images/sideNav.png) bottom center no-repeat; margin:25px 0 0 -18px; float:left;}

nav#sideNav {width:133px; border:3px solid #fff; border-bottom:none; padding:5px; background-color:#b9b707; height:100%; display:block;}
nav#sideNav a {text-decoration:none; color:#fff;}
nav#sideNav ul li a {padding:5px 0 5px 15px; display:block; font-weight:bold;}
nav#sideNav ul li a:hover {color:#5B5A0F;}
nav#sideNav ul li.current_page_item a, nav#sideNav ul li.current_page_parent a {color:#5B5A0F}

/* -----------------------------------------------
	Content Layouts 
----------------------------------------------- */

/* -------- Shortcodes  -------- */

.leftcolumn, .rightcolumn {width: 48%; }

.leftcolumn {float: left;  }

.rightcolumn {float: right; }

/* -------- Template 1 = content left, sidebar right  -------- */

#template1 {background:url(../images/template1.png) 0 0 repeat-y; border-bottom:3px solid #fff;}

#content1 {width:470px; padding:30px 50px; float:left;}

#sidebar1 {width:235px; float:right; padding:30px 15px;}

/* -------- Template 2 = full width content, left side navigation  -------- */

#template2 {background:url(../images/template2.png) 0 0 repeat-y; border-bottom:3px solid #fff;}

#content2 {width:650px; padding:30px; float:left;}

.post ul {padding-bottom:10px; padding-left:10px;}

.post ul li {list-style:inside; padding:5px; list-style-type:disc;}

.clientName {padding-top:38px; padding-left:10px; display:block; float:left;}

ul.caseStudies {margin-top:10px;}
ul.caseStudies li a {font-family:Georgia; font-size:20px; font-weight:100; color:#fff; margin-bottom:10px; display:block; clear:both;}
ul.caseStudies li a:hover {color:#51500f}
ul.caseStudies .current_page_item {display:none;}

/* -----------------------------------------------
	Footer
----------------------------------------------- */

footer {background:url(../images/shadow.png) center top no-repeat;}

span.copyright {display:block; color:#fff; font-size:12px; padding:10px 50px;}

/* -----------------------------------------------
	WP Align Styles
----------------------------------------------- */

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* optional rounded corners for browsers that support it */
	margin: 10px;
	padding-top: 4px;
	text-align: center;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}