/* 
   CSS Styles 
   Author: Dan Camacho  
*/
body{font-family:'Arial', sans-serif;font-size:13px;line-height:20px;background:#FFFFFF;}
div{position:relative;}
ul{}


a{text-decoration:none;color:#4CA0FF;}
a:hover{}
a:active {}
a:visited{text-decoration:none;}
img{}
p{padding:5px;padding-left:0;color: #FFFFFF;font-family: arial, sans-serif;font-size: 13px}
.floatLeft{float:left;}
h0{color:#FFFFFF;font-size:21px;line-height:40px;font-family: 'Lato', sans-serif;line-height: 24px;font-weight: 300;font-style: italic;letter-spacing: 0.75px;}
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:#F9F2DA;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:162px;}

/* header */
#header{width:960px;margin:0 auto;font-family:'Lato', sans-serif;font-size:14px;color: #FFFFFF;}
.mainNav{display:block;padding-top:38px;float:right;}
.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;}
.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;-15px 0;width:960px;margin:0 auto;}
.short #middlePanel{height:118px;-15px 0;width:960px;margin:0 auto;}
.short #middlePanel .tagline{padding:42px 0 0 300px;color:#FFFFFF;}
.short #middlePanel .tagline span{font-weight:bold;}

#logo a{display:block;height:60px;width:280px;background:url('../images/logo.png') no-repeat;position:absolute;top:136px;z-index:25;}
.short #logo a{top:36px;}
#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;font-size:30px;line-height:22px;font-weight:normal;font-family:trebuchet MS;}
#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 h1{font-size:24px;padding-bottom:5px;padding-top: 5px;line-height:20px;color:#FFFFFF;font-size:21px;line-height:40px;font-family: 'Lato', sans-serif;line-height: 24px;font-weight: 700;padding-bottom: 0px;}
	.portfolioItem h2{font-size:24px;padding-bottom:5px;line-height:20px;color:#4ca0ff;font-size:16px;line-height:40px;font-family: 'Lato', sans-serif;line-height: 24px;font-weight: 400;padding-bottom:5px;}
	.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;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;}
        	

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