/* 

   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:22px;

	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;
	padding: 5px;
}

	dt{font-weight:bold;font-size:16px;line-height:18px;color:#efbf18;}

	ol li{list-style-type:square;}

	ul li{

	list-style-type:disc;

	padding-left: 3px;

}

	legend{display:block;padding:7px;border:1px solid #505245;}

	

	/*blockquote*/

	blockquote {

	background: url('../images/openQuote.png') 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 {

	text-align:left;

	vertical-align:top;

	padding: 0px 10px;

}

	tr{border:1px solid #292A24;}

	tr.accentRecord{background:#313329;color:#F9F2DA;}

	tr:hover td {

	color:#CCCCCC;

	background-color: #020202;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #EFBF18;

	border-top-color: #EFBF18;

	border-top-width: 1px;

}

	

	/*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{

	margin-top:2px;

	padding:0 0 35px 0;

	background-image: url(../images/repeatBG.jpg);

	background-repeat: repeat;

}

.short #wrapper{background:url('../images/headerBGshort.jpg') repeat-x;height:225px;}



/* header */

#header{

	width:960px;

	margin:0 auto;

	font-family:Georgia;

	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:16px;

	color:#DACB92;

}

.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/panelBG.jpg') no-repeat -15px 0;width:960px;margin:0 auto;}

.short #middlePanel .tagline{

	padding:40px 0 0 240px;

	color:#562E2F;

	font-size:24px;

	line-height:30px;

}

.short #middlePanel .tagline span{font-weight:bold;}

.navButtons{

	display:block;

	position:absolute;

	right:37px;

	top:130px;

	width:328px;

	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:260px;

	width:250px;

	background:url('../images/logo.png') no-repeat;

	position:absolute;

	top:40px;

	z-index:25;

}



#logosm a{

	display:block;

	height:146px;

	width:250px;

	background:url('../images/logo-small.png') no-repeat;

	position:absolute;

	top:10px;

	z-index:25;

}



.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:25px;

	width:960px;

	margin: 0 auto;

	color:#d8dacb;

}

#mainContent h2.tagline{

	text-align:center;

	display:block;

	color:#f9f2da;

	font-size:30px;

	line-height:22px;

	font-weight:normal;

	font-family:Georgia;

}

#mainContent h2.tagline span{color:#efbf18;}

.taglineText{

	text-align:center;

	font-size:17px;

	line-height:normal;

	font-style:italic;

	letter-spacing: 1px;

	padding-bottom:35px;

}

.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:280px;

	float:left;

	display:block;

}

	.tesimonialContainer{

	width:580px;

	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.png') 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.png') 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:22px;

	padding-bottom:15px;

	line-height:22px;

}

	.portfolioItem h4{font-size:20px;line-height:25px;color:#efbf18;}

	.portfolioItem .leftCol{

	width:350px;

	float:left;

	margin-right:50px;

}

	.portfolioItem.feature .leftCol{width:255px;padding-left:5px;margin-right:25px;}

	.portfolioItem .rightCol{

	width:540px;

	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:-35px;

}

	.portfolioItem.feature .banner{left:-12px;}

	

/* Blog Page */

.col1{display:block;width:540px;float:left;margin-right:20px;min-height:500px;}

.col2{

	display:block;

	width:360px;

	float:left;

	margin-right:0px;

	margin-left: 40px;

}

.col3{display:block;width:190px;float:left;}

.col3 li,.col2 li{

	font-size:12px;

	line-height:18px;

	border-bottom:1px dotted #505245;

	display:block;

	padding:0 0 10px 0;

	margin:0 0 15px 0;

	width:300px;

}

.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;

	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:0px;

	border:1px solid #0c0c09;

	overflow:auto;

	background:url('../images/textareaBG.jpg') no-repeat center center;

}

#contactForm label{

	padding-left:5px;

	color:#D8DACB;

	padding-bottom: 2px;

}

#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:50px;

	background:#292a24 url('../images/footerTopBorder.jpg') repeat-x;

}

#footer .content{

	width:960px;

	margin:0 auto;

	padding-top:15px;

	color:#777a6a;

}