/* 
   CSS Styles 
   Author: Chris Fay   
*/
body{font-family:Georgia,Arial,Helvetica,sans-serif;font-size:12px;line-height:22px;background:#292A24;}
div{position:relative;}
ul{}


a{text-decoration:none;color:#efbf18;}
a:hover{}
a:active {}
a:visited{text-decoration:none;}
img{}
p{padding:5px;padding-left:0;}
.floatLeft{float:left;}
h1{font-size:26px;line-height:28px;padding-bottom:5px;}
h2{font-size:18px;line-height:20px;padding-bottom:5px;}
h3{
	font-size:16px;
	line-height:18px;
	padding-bottom:5px;
}
h4{font-size:14px;line-height:16px;}
h5{font-size:12px;line-height:14px;}
h6{font-size:10px;line-height:12px;}
.clear{display:block;clear:both;}


	/*---element styling*/
	.element{padding-top:45px;}	
	em{font-size:16px;background:#595c4c;padding:5px;font-weight:bold;}
	dt{font-weight:bold;font-size:16px;line-height:18px;color:#efbf18;}
	ol li{list-style-type:square;}
	ul li{list-style-type:disc;}
	legend{display:block;padding:7px;border:1px solid #505245;}
	
	/*blockquote*/
	blockquote {background: url('../images/openQuote.jpg') no-repeat top left;padding-top:25px;display:block;}	
	
	/*table styling*/
	thead th {background-color:#443355;border-bottom:1px solid #000;color:#fff;}
	table th, table td {padding:6px 10px;text-align:left;vertical-align:top;}
	tr{border:1px solid #292A24;}
	tr.accentRecord{background:#313329;color:#F9F2DA;}
	tr:hover td {
	background:#505245;
	border-bottom:1px solid #443355;
	color:#000;
}
	
	/*dividers*/
	.blockDividerWide{display:block;width:956px;height:9px;background:url('../images/taglineBorder.png') no-repeat;clear:both;margin:15px auto 15px auto;}
	.separator{display:block;height:2px;background:url('../images/divider.jpg') repeat-x;margin:35px 0;clear:both;}
	
		
	/*input styling*/
	label{padding-bottom:5px;display:block;color:#fff;}
	input{border:none;padding:0;margin:0;}
	.input{padding:10px;background:#292a24;display:block;color:#C2C5AD;width:218px;border:1px solid #292a24;}	
	#blogPage .input,#contactPage .input{float:left;}
	.submit{width:80px;background:#505245;cursor:pointer;border:none;float:left;padding:10px;color:#C2C5AD;}
	textarea{background:#292a24;color:#C2C5AD;border:none;padding:7px;width:590px;border:1px solid #000;}
	fieldset{border:none;padding:0;margin:0;}
	input.inputError{border: 1px solid #EFBF18 !important;}	/*for form validation*/
	label.inputError{float:none;margin:0 !important;padding:0 !important;border:none;}
	.select{padding:10px;background:#292a24;color:#D8DACB;width:300px;margin-bottom:15px;border:1px solid #000;}
	option{padding:2px 0 0 5px;}	


/*Main page */
#page{}
#wrapper{background:url('../images/headerBG.jpg') repeat-x;height:394px;}
.mainWrap{background:url('../images/repeatBG.jpg') repeat;margin-top:2px;padding:0 0 35px 0;}
.short #wrapper{background:url('../images/headerBGshort.jpg') repeat-x;height:225px;}

/* header */
#header{width:960px;margin:0 auto;font-family:trebuchet MS;font-size:14px;}
.mainNav{display:block;padding-top:10px;margin-bottom:32px;}
.mainNav li{display:block;float:left;}
.mainNav li a{display:block;float:left;margin-right:35px;color:#373831;}
.mainNav li a:hover{color:#f9f2da;}
.mainNav li a:active{color:#efbf18;}
.mainNav li.active a{color:#f9f2da;font-weight:bold;border-bottom:2px solid #EFBF18;}
.grungeBorder{height:27px;background:url('../images/grungeBorder.png') repeat-x center bottom;margin:-27px auto 0 auto;}
.short .grungeBorder{height:27px;background:url('../images/grungeBorder.png') repeat-x center bottom;margin:-27px auto 0 auto;}
.twitter{display:block;z-index:100;padding: 0 40px 0 0;background:url('../images/twitterIcon.png') no-repeat right center;font-size:12px;position:absolute;right:15px;top:5px;color:#b9c483;font-style:italic;}


/* main content */
#middlePanel{height:350px;background:url('../images/panelBG.jpg') no-repeat -15px 0;width:960px;margin:0 auto;}
.short #middlePanel{height:155px;background:url('../images/panelBGcopy.jpg') no-repeat -15px 0;width:960px;margin:0 auto;}
.short #middlePanel .tagline{padding:40px 0 0 240px;color:#f9f2da;font-size:24px;line-height:30px;}
.short #middlePanel .tagline span{font-weight:bold;}
.navButtons{display:block;position:absolute;right:15px;top:130px;width:280px;z-index:200;}
.navButtons li{display:block;float:left;}
.navButtons li a{display:block;width:138px;height:52px;float:left;}
.navButtons li a.quote{background:url('../images/navButtonsSprite.png') no-repeat -3px -4px;}
.navButtons li a.quote:hover{background:url('../images/navButtonsSprite.png') no-repeat -3px -115px;}
.navButtons li a.contact{background:url('../images/navButtonsSprite.png') no-repeat -3px -59px;}
.navButtons li a.contact:hover{background:url('../images/navButtonsSprite.png') no-repeat -3px -174px;}
.navButtons li a span{margin-left:-9999px;}

#logo a{
	display:block;
	height:184px;
	width:300px;
	background:url('../images/logoLG.png') no-repeat;
	position:absolute;
	top:77px;
	z-index:25;
	left: -8px;
}
.short #logo a{top:30px;}
#logo a span{margin-left:-9999px;}
.panelImage{width:685px;height:304px;display:block;padding-left:295px;padding-top:23px;}
#mainContent{padding-top:55px;width:960px;margin: 0 auto;color:#d8dacb;}
#mainContent h2.tagline{
	text-align:center;
	display:block;
	color:#f9f2da;
	line-height:22px;
	font-weight:normal;
	font-family:trebuchet MS;
	font-size: 30px;
}
#mainContent h2.tagline span{color:#efbf18;}
.taglineText{text-align:center;font-size:17px;line-height:25px;font-style:italic;letter-spacing: 1px;padding-bottom:75px;}
.taglineText span{background:#595c4c;padding:5px;}

	/*blog slider tabs */
	#fromBlog{width:960px;background:url('../images/fromBlogBG.jpg') no-repeat 0 12px;min-height:62px;}
	.fromBlogLogo{padding:25px 15px 15px 15px;width:84px;float:left;height:16px;display:block;}		
	.blogItems{display:block;width:825px;float:right;height:60px;padding-bottom:25px;}	
	.ui-tabs { padding: .2em;}	
	.ui-tabs .ui-tabs-nav li {width:199px;height:59px;float:left;list-style-type:none;}
	.ui-tabs .ui-tabs-nav li a {text-align:center;width:199px;padding:20px 0 0 0;display:block;color:#4f5049;font-size:14px;font-weight:bold;height:59px;}
	.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
	.ui-tabs .ui-tabs-nav li a:hover{background:url('../images/fromBlogTabBG.jpg') no-repeat;color:#f9f2da;font-weight:bold;}		
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {}
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {background:url('../images/fromBlogTabBG.jpg') no-repeat;height:59px;width:199px;font-size:16px;color:#f9f2da;font-weight:bold;}	
	.ui-tabs .ui-tabs-panel {padding-top:15px;} /*content panel*/
	.ui-tabs .ui-tabs-hide { display: none !important; }
	
	.blogPreviewImage{display:block;padding:10px;background:#31332a;float:left;}
	#fromBlog .description{float:left;width:550px;padding-left:35px;}
	#fromBlog .description p{font-size:14px;}
	#fromBlog .description h3{font-size:24px;font-weight:bold;padding:25px 0 15px 0;}
	.meta{display:block;padding:10px 0 0 0;}
	
	/* portfolio feature */
	#portfolioFeature{}
	#portfolioFeature .featureImage{width:210px;float:left;padding:10px;background:#31332a;margin-right:35px;}
	#portfolioFeature .description{width:675px;float:left;display:block;font-size:14px;}
	#portfolioFeature h3 {padding:15px 0;}
	.featuredProject{width:121px;height:124px;position:absolute;top:-1px;left:-9px;}
	
	/*testimonials*/	
	.testimonialItems{width:300px;float:left;display:block;}
	.tesimonialContainer{width:610px;float:left;margin-left:40px;display:block;}
	.tesimonialContainer .description p span{display:block;padding: 10px 0;}
	.tesimonialContainer .description .title{display:block;font-size:24px;padding:0 0 20px 0;}
	#testimonials.ui-tabs .ui-tabs-nav li {height:82px;width:289px;display:block;margin-bottom:3px;}
	#testimonials.ui-tabs .ui-tabs-nav li a {text-align:left;height:82px;width:289px;padding:20px 0 0 0;display:block;color:#efbf18;font-size:14px;font-weight:bold;}
	#testimonials.ui-tabs .ui-tabs-nav li a span{display:block;color:#f9f2da;font-style:italic;font-weight:normal;}
	#testimonials.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
	#testimonials.ui-tabs .ui-tabs-nav li a:hover{background:url('../images/testimonialActiveBG.jpg') no-repeat;color:#f9f2da;font-weight:bold;}		
	#testimonials.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {}
	#testimonials.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {background:url('../images/testimonialActiveBG.jpg') no-repeat !important;}	
	#testimonials.ui-tabs .ui-tabs-panel {padding-top:15px;font-style:italic;font-size:14px;} /*content panel*/
	#testimonials.ui-tabs .ui-tabs-hide { display: none !important; }
	
	/*portfolio page*/
	.portfolioItem{font-size:14px;width:960px;margin-bottom:50px;}
	.portfolioItem.last{margin-bottom:0;}
	.portfolioItem.feature{background:#484a3f;padding:15px;width:930px;}
	.portfolioItem h3{font-size:30px;padding-bottom:15px;line-height:35px;}
	.portfolioItem h4{font-size:20px;line-height:25px;color:#efbf18;}
	.portfolioItem .leftCol{width:290px;float:left;margin-right:20px;}
	.portfolioItem.feature .leftCol{width:255px;padding-left:5px;margin-right:25px;}
	.portfolioItem .rightCol{width:650px;float:left;}
	.portfolioItem.feature .rightCol{width:645px;float:left;}
	.portfolioItem .portfolioImage{padding:10px;background:#31332a;float:right;display:block;}
	.portfolioItem .meta{padding-bottom:15px;}
	.readMoreButton{display:block;width:129px;height:39px;background:url('../images/readMoreButton.png') no-repeat;margin:25px 0 45px 0;}
	.readMoreButton span{display:block;margin-left:-9999px;}
	.portfolioItem .banner{width:127px;height:127px;position:absolute;top:-1px;left:-7px;}
	.portfolioItem.feature .banner{left:-12px;}
	
/* Blog Page */
.col1{display:block;width:540px;float:left;margin-right:20px;min-height:500px;}
.col2{display:block;width:190px;float:left;margin-right:20px;}
.col3{display:block;width:190px;float:left;}
.col3 li,.col2 li{font-size:10px;line-height:14px;border-bottom:1px dotted #505245;display:block;padding:0 0 10px 0;margin:0 0 15px 0;width:190px;}
.col3 li a:hover,.col2 li a:hover{color:#C2C5AD;}
.col3 h3,.col2 h3{padding:15px 0 15px 0;font-size:17px;}
.search{width:400px;float:left;margin:20px 0 15px 0;}
.blogItemPreview{}
.blogItemPreview.featurePost{}
.blogItemPreview a{color:#cdc8b7;}
.blogItemPreview a:hover{color:#fff;border-bottom:1px dotted;}
.blogItemPreview .title{padding:10px 0;margin:0 0 25px 0;border-bottom:1px dotted #505245;display:block;width:540px;}
.blogItemPreview .meta{padding:3px 0 0 0;color:#beb8a2;font-style:italic;}
.blogItemPreview .title h2{padding-bottom:0;}
.blogItemPreview .title h2 a{color:#f9f2da;font-size:26px;line-height:28px;padding-bottom:0;}
.blogItemPreview .title h2 a:hover{border:none;color:#D8DACB;}
.blogItemPreview .title p{padding:0;margin:0;}
.blogItemPreview .content{padding-left:10px;color:#c2c5ad;font-size:14px;}
.blogItemPreview .blogPreviewImage{padding:5px;margin:10px 0;display:block;}
.blogItemPreview .metaBottom{padding:5px 0;margin:15px 0 25px 0;border-bottom:1px dotted #505245;border-top:1px dotted #505245;display:block;width:540px;font-size:14px;font-style:italic;}
.blogItemPreview .metaBottom .comments{width:150px;float:left;}
.blogItemPreview .metaBottom .download{float:right;padding-right:40px;background:url('../images/downloadIcon.png') no-repeat right 3px;}
.blogItemPreview .readMore{font-size:10px;font-style:italic;font-weight:normal;padding-left:5px;padding-bottom:0;}
.advertise li{border:none!important;margin-bottom:5px!important;padding:0!important;}


/* Contact Page */
.contact{}
.contact h3{font-size:22px;font-weight:normal;border-bottom:1px dotted #505245;padding-bottom:15px;margin-bottom:15px;}
.contact h4{color:#efbf18;font-size:17px;font-weight:normal;padding-bottom:15px;}
#contactForm{margin-top:25px;}
#contactForm .input{float:none;width:280px;background:url('../images/inputBG.jpg') no-repeat center center;border:1px solid #0c0c09;}
#contactForm textarea{width:430px;height:180px;margin-top:15px;border:1px solid #0c0c09;overflow:auto;background:url('../images/textareaBG.jpg') no-repeat center center;}
#contactForm label{padding-left:5px;padding-bottom:2px;color:#D8DACB;}
#contactForm .submit{float:none;margin-top:10px;width:130px;background:none;text-align:left;padding:10px 0 0 0;font-size:18px;font-weight:bold;font-family:Georgia;}
#contactForm label.divide{border-top:1px dotted #505245;padding-top:10px;margin-top:25px;}
#contactForm label.divide.top{padding-top:25px;}

/* footer */
#footer{min-height:100px;background:#292a24 url('../images/footerTopBorder.jpg') repeat-x;}
#footer .content{width:960px;margin:0 auto;padding-top:45px;color:#777a6a;}