/* 
   CSS Styles 
   Author: Chris Fay   
*/
body{background:#000;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:20px;color:#f6edb3;}
div{position:relative;}
ul{}
ul li{}

a{text-decoration:none;color:#42c0ad;}
a:hover{}
a:active {}
a:visited{text-decoration:none;}
img{}
p{padding:5px 0;}
.floatLeft{float:left;}
h1{font-size:24px;line-height:28px;padding:15px 0px;font-weight:bold;color:#ee9f27;}
h2{font-size:20px;line-height:20px;padding:0;color:#42c0ad;display:inline;}
h2.orangeAccent{color:#b12e0d;font-style:italic;line-height:26px;}
h3{font-size:16px;line-height:18px;padding:0;color:#d1491b;font-weight:normal;}
h3.padding{padding-bottom:5px;}
h4{font-size:14px;line-height:16px;font-weight:normal;color:#d1491b;font-style:italic;}
h5{font-size:12px;line-height:14px;}
h6{font-size:10px;line-height:12px;}
.accent{font-size:20px;line-height:20px;padding:0;color:#42c0ad;display:inline;}
.clear{clear:both;}
	
	/* Custom element styling */
	h3.element{display:block;margin:30px 0 15px 0;color:#42c0ad;font-size:16px;font-style:italic;}
	/*blockquote*/
	blockquote {margin: 15px 15px 0 50px;padding-right: 30px;background: url('../images/closeQuote.jpg') no-repeat bottom right;}
	blockquote p {background: url('../images/openQuote.jpg') no-repeat top left;padding-left: 50px;}
			
	/*table styling*/
	thead th {background-color:#42c0ad;border-bottom:1px solid #585043;color:#23140B;}
	table th, table td {padding:6px 10px;text-align:left;vertical-align:top;}
	tr.accentRecord{background:#1B120B;}
	tr:hover td {background:#23140B;border-bottom:1px solid #000;color:#f6edb3;}	
	
	.input{background:#000;border:5px solid #23140b;width:400px;padding:7px;display:block;color:#f6edb3;}
	input.inputError{border: 5px solid #d1491b;}	/*for form validation*/
	.textarea{background:#000;border:5px solid #23140b;width:400px;padding:7px;display:block;}
	textarea{background:#000;border:5px solid #23140b;width:400px;padding:7px;display:block;color:#f6edb3;overflow:auto;}
	.submit{background:none;border:none;padding:0;margin:0;color:#d1491b;font-style:italic;font-size:18px;font-weight:bold;cursor:pointer;line-height:18px;}
	fieldset{border:none;padding:0;margin:0;}
	label{padding-bottom:10px;display:block;}
	.star{font-size:22px;color:#d1491b;}
	
	/*messages*/
	.infoMessage{display:block;min-height:31px;padding-left:40px;padding-top:12px;width:450px;color:#42c0ad;font-size:16px;margin-bottom:5px;border-left:5px solid #2c1c10;background-position:5px 8px;}
	.infoMessage span{font-weight:bold;}
	.infoMessage.error{background:#1b120b url('../images/errorIcon.jpg') no-repeat;background-position:5px 8px;}	
	.warning{background:#1b120b url('../images/warningIcon.jpg') no-repeat top left;background-position:5px 8px;}	
	.message{background:#1b120b url('../images/messageIcon.jpg') no-repeat top left;background-position:5px 8px;}
	
	/*text styling*/
	.yellow{color:#f5b904;font-weight:bold;font-size:14px;}
	.superAccent{display:block;font-size:24px;line-height:28px;margin-top:30px;margin-bottom:30px;}
	.superAccent span{font-size:24px;line-height:28px;}
	
	/*content dividers*/	
	.separator{display:block;height:4px;background:url('../images/separator.jpg') repeat-x;margin:15px 0;}
		

#container{width:1026px;height:653px;background:url('../images/headerBG.jpg') repeat-x;margin:0 auto;}
#wrapper{width:1026px;min-height:225px;background:url('../images/wrapperBG.jpg') no-repeat;margin: 0 auto;}
#contentWrapper{width:960px;margin:0 auto;min-height:210px;}

/* header */
#header{margin-bottom:50px;}
#header #logo a{display:block;width:349px;height:89px;background:url('../images/logo.jpg') no-repeat;position:absolute;top:10px;left:-33px;z-index:10;}

/* navigation */
#mainNav{padding-top:114px;}	
#navigation{list-style: none;}
#navigation a{color:#f6edb3;font-size:20px;line-height:21px;display:block;height:62px;padding-top:20px;}
#navigation li{display:block;float:left;margin-right:55px;min-width:15px;}	
#navigation span{font-size:12px;color:#ee9f27;padding:0;display:block;padding-top:2px;}
	/*navigation background states*/
	#navigation li a.home{padding-left:37px;background:url('../images/menuHomeIconGray.png') no-repeat;background-position:0 20px;}
	#navigation li a.home.homeActive{padding-left:37px;background:url('../images/menuHomeIconColor.png') no-repeat;background-position:0 20px;}
	#navigation li a:hover.home{background:url('../images/menuHomeIconColor.png') no-repeat;background-position:0 20px;}
	#navigation li a.portfolio{padding-left:45px;background:url('../images/menuPortfolioIconGray.png') no-repeat;background-position:0 20px;}
	#navigation li a.portfolio.portfolioActive{padding-left:45px;background:url('../images/menuPortfolioIconColor.png') no-repeat;background-position:0 20px;}
	#navigation li a:hover.portfolio{background:url('../images/menuPortfolioIconColor.png') no-repeat;background-position:0 20px;}
	#navigation li a.about{padding-left:47px;background:url('../images/menuAboutIconGray.png') no-repeat;background-position:0 20px;}
	#navigation li a.about.aboutActive{padding-left:47px;background:url('../images/menuAboutIconColor.png') no-repeat;background-position:0 20px;}
	#navigation li a:hover.about{background:url('../images/menuAboutIconColor.png') no-repeat;background-position:0 20px;}
	#navigation li a.contact{padding-left:46px;background:url('../images/menuContactIconGray.png') no-repeat;background-position:0 20px;}
	#navigation li a.contact.contactActive{padding-left:46px;background:url('../images/menuContactIconColor.png') no-repeat;background-position:0 20px;}
	#navigation li a:hover.contact{background:url('../images/menuContactIconColor.png') no-repeat;background-position:0 20px;}
	
	
/* body */
#mainContent{}
#tagline{background:#1b140c;font-size:20px;margin-bottom:25px;padding:25px 0;}
#leftCol{width:557px;margin-right:25px;float:left;}
#leftCol .innerContent{width:507px;margin:0 auto;}
#leftCol li{display:block;padding-left:25px;min-height:10px;background:url('../images/listItem.jpg') no-repeat left;margin-top:3px;}
#leftCol #recentWorks li{padding:0;background:url('../images/portfolioImageBg.jpg') no-repeat;width:265px;height:175px;float:left;text-align:center;padding-top:5px;margin-right:25px;line-height:18px;}
#leftCol #recentWorks li.last{margin-right:0;}
#leftCol .description{padding-left:10px;text-align:left;}
#rightCol{width:377px;float:left;background:#000;}
#rightCol .innerContent{width:327px;margin:0 auto;}
#rightColBottom h1{padding-bottom:0;}
#featuredWorks{margin-top:15px;}
#featuredWorks li{background:url('../images/featureImageBG.jpg') no-repeat;margin-top:5px;text-align:center;padding-top:5px;width:363px;}

/*portfolio image tooltip/fade styling*/
#preview{position:absolute;border:1px solid #000;background:#2c1816;padding:5px;display:none;color:#f6edb3;}

/*pagination*/
#pagination{width:250px;float:right;border-bottom:1px solid #2c1c10;}
#leftCol #pagination li{background:none;padding:0;margin:0;width:30px;height:25px;float:left;margin-right:5px;text-align:center;}
#leftCol #pagination li a{display:block;width:30px;height:25px;background:url('../images/paginationBG.jpg') no-repeat;padding-top:3px;color:#d1491b;}
#leftCol #pagination li a.current{color:#f6edb3;border-bottom:3px solid #db8620;}

/*contact form styling*/
#contactForm{margin-top:25px;line-height:18px;}
#contactForm .lCol{width:263px;float:left;}
#contactForm .rCol{width:263px;float:left;}
#contactForm .input{width:233px;float:left;display:block;margin-bottom:10px;}
#contactForm label{display:block;}
#contactForm label.textArea{margin-top:5px;}
#contactForm textarea{width:495px;}
#contactForm .submit{margin-top:10px;float:right;margin-right:43px;}
#contactForm .requiredFields{margin-top:10px;display:block;}


/* footer */
#footer{margin-top:45px;color:#463428;font-size:14px;}
#footer a:hover{text-decoration:underline;}
/*footer trail*/
#footer #footerTrail{height:71px;background:url('../images/footerTopBG.jpg') repeat-x;}
#footer #footerTrail .left{width:6px;height:71px;position:absolute;left:-2px;top:0;background:url('../images/footerTopBGLeft.jpg') no-repeat;}
#footer #footerTrail .right{width:6px;height:71px;position:absolute;right:-2px;top:0;background:url('../images/footerTopBGRight.jpg') no-repeat;}
#footer #footerTrail #trailContent{padding:15px;}
#footer #footerTrail #trailContent .title{font-weight:bold;}
.trailText{padding-left:15px;}
/*footer content*/
#footerLogo a{width:165px;height:32px;background:url('../images/footerLogo.jpg') no-repeat;margin-left:3px;float:left;margin-right:50px;}
#footerContent{margin-bottom:30px;}
#footerLinks{width:300px;float:left;margin-right:50px;}
#footerLinks #col1{width:150px;float:left;margin-right:5px;}
#footerLinks #col2{width:145px;float:left;margin-top:28px;}
#footerSocial{width:200px;float:left;}
#footerLinks a{display:block;}
#footerSocial a{display:block;}
#socialIcons{float:left;width:180px;margin-top:28px;}
/*footer copyright*/
#copyright{height:59px;background:url('../images/footerBottomBg.jpg') repeat-x;font-size:12px;}
#copyright #copyrightContent{padding:10px;padding-left:15px;}
#copyright .left{width:3px;height:54px;position:absolute;left:0;top:0;background:url('../images/footerBottomBGLeft.jpg') no-repeat;}
#copyright .right{width:5px;height:59px;position:absolute;right:0;top:0;background:url('../images/footerBottomBGRight.jpg') no-repeat;}