html * {
	margin: 0;
	padding: 0;

}

body { background: #2c2b27; }

/*-- Global ---------- */

body, textarea { 
	font: 12px/18px Lucida Grande, Lucida Sans Unicode, Verdana, Tahoma, sans-serif;
	color: #000;
	background: #2c2b27;
}

a { 
	color: #748b07;
	font-weight: bold;
	text-decoration: none;
	
}

a:hover { color: #ff0400; }

img, fieldset { border: 0; }

select option { padding: 0 10px 0 0; }

h1 { font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; }
h2 { font-size: 28px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }
h3 { font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 15px; }
h4 { font-size: 16px; line-height: 18px; padding-top: 9px; padding-bottom: 15px; }
h5 { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6 { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }

p { padding: 0 0 18px 0; }

h1, h2, h3, h4, h5, h6 { 

/* font-weight: normal; */

}

blockquote {
	
	padding: 18px;
	background: #eee;	
	margin: 0px 36px 18px 18px;
	
}

ul, ol {
	
	margin: 0px 36px 18px 18px;
	
}

ul li, ol li { margin: 9px 0 9px 0;}


/*-- Clearing Styles & Container --*/

/*.container {

width: 910px;
margin: 0 auto;
background: #fff;

}*/

.block {
	width: 994px;
	margin: 0 auto;
	display: block;
	
}

.clearfix { display: inline-block; }

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


.column {
	float: left;
	width: 240px;

}

img.left {
	border: solid 8px white;
	float: left;
	margin: 10px 10px 10px 0;
}

img.right {
	border: solid 8px white;
	float: right;
	margin: 10px 0 10px 10px;
}

/*-- Header --*/

#header-bg {
	background: url("../img/bgrepeat.jpg") 50% 0% repeat-x;
}

#header {
	height:155px;
	
}

/*-- Logo --*/

#logo { 
	float:left;
	padding:18px 0 0 0;
}

#logo a {
	display:block;
	width:340px;
	height:76px;
	background: url("../img/logo.jpg") no-repeat;
	text-decoration: none;
	text-indent: -999em;

}

/*-- Main Navigation --*/

ul#navigation { 
	margin: 0;
	padding:40px 0 0 0;
	height:115px;
	list-style: none; 
	float: right; 
}

ul#navigation li { 
	margin: 0;
	padding:0;
	list-style: none; 
	float:left;

}

ul#navigation li a {
	color:#fff;
	font-size:16px;
	font-weight:normal;
	font-family:Georgia, Times, serif;
	text-align:center;
	display: block;
	float: left;
	text-decoration: none;
	padding:80px 0 0 0;
}

ul#navigation li#strategy a {
	width:85px;

	background: url("../img/topnav_strategy.jpg") no-repeat;
}

ul#navigation li#strategy a:hover, ul#navigation li#strategy a.active {
	background: url("../img/topnav_strategy.jpg") -85px 0 no-repeat;
}

ul#navigation li#design a {
	width:82px;
	background: url("../img/topnav_design.jpg") no-repeat;
}

ul#navigation li#design a:hover, ul#navigation li#design a.active {
	background: url("../img/topnav_design.jpg") -82px 0 no-repeat;
}


ul#navigation li#build a {
	width:82px;
	background: url("../img/topnav_build.jpg") no-repeat;
}

ul#navigation li#build a:hover, ul#navigation li#build a.active {
	background: url("../img/topnav_build.jpg") -82px 0 no-repeat;
}

ul#navigation li#market a {
	width:85px;
	background: url("../img/topnav_market.jpg") no-repeat;
}

ul#navigation li#market a:hover, ul#navigation li#market a.active {
	background: url("../img/topnav_market.jpg") -85px 0 no-repeat;
}


/*-- Featured Work --*/

#feature-area {
	height:320px;
	overflow:hidden;
}

#feature-area p {
	padding:20px 0;
	margin:0 0 25px 0;
	color:#a08142;
	border-bottom:1px solid #4c4435;
}

a.left-arrow {
	display:block;
	float:left;
	height:320px;
	width:22px;
	background: url("../img/arrow_left.jpg") 0 50% no-repeat;
	text-decoration:none;
	text-indent:-999em;
}

a.right-arrow {
	display:block;
	float:left;
	height:320px;
	width:22px;
	background: url("../img/arrow_right.jpg") 0 50% no-repeat;
	text-decoration:none;
	text-indent:-999em;
}

#feature-content {
	width:524px;
	display:block;
	float:left;
	padding:20px 20px 0 20px;
}

h2.featured-title {
	color:#fff;
	padding:0 0 10px 0;
	margin:0;
	font-family:Georgia, Times, serif;
	font-weight:normal;
	border-bottom:1px solid #4c4435;
}

p.feature-text {
	padding:20px 0;
	margin:0 0 25px 0;
	color:#a08142;
	border-bottom:1px solid #4c4435;
}

a img.featured-work {
	width:410px;
	float:left;
	padding:0 0 0 10px;
}

ul#top-buttons {
	list-style:none;
	margin:0;
	padding:0;
	margin:0;
}

ul#top-buttons li {
	padding:0 15px 0 0;
	margin:0;
	display:block;
	float:left;
	width:108px;
	height:32px;
}


ul#top-buttons li.button-project a {
	display:block;
	float:left;
	width:108px;
	height:32px;
	text-indent:-999em;
	background: url("../img/button_viewproject.jpg") no-repeat;
}

ul#top-buttons li.button-portfolio a {
	display:block;
	float:left;
	width:108px;
	height:32px;
	text-indent:-999em;
	background: url("../img/button_viewportfolio.jpg") no-repeat;
}




/*-- Content Area --*/

#middle-bg {
	background: url("../img/bgrepeat-middle.jpg") 50% 0%;
}

#content-area {
	padding:32px 48px 20px 48px;
	width:898px;

}

#homecol1 {
	width:569px;
	padding:0 20px 0 0;
	float:left;
	border-right: 1px solid #dddddd;
}

#homecol2 {
	width:288px;
	padding:0 0 0 20px;
	float:left;
	
}

#intro-area {
	padding:0 0 20px 0;
	border-bottom:1px solid #dddddd;
}

#intro-area p {
	padding:0;
}



/*-- Recent Work --*/

#recent-work-area {
	padding:10px 0 0 0;
}

#recent-work-area h3 a {
	color:#000;
	font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 15px;
}

ul#recent-work-list {
	margin:0;
	padding:0;
	width:569px;
}

ul#recent-work-list li {
	list-style:none;
	width:569px;
}

ul#recent-work-list li a img {
	float:right;
	width:287px;
}

ul#recent-work-list li p {
	padding:0; margin:0;
}

ul#recent-work-list li #recent-work-description {
	float:left;
	padding:5px 0 20px 0;
	margin:0;
	width:250px;
	background: url("../img/dottedline.jpg") 100% 0 repeat-x;
}

h5.recent-work-title a {
	color:#c3511a;
	line-height:22px;
	font-size:18px;
	font-weight:normal;
	font-family:Georgia, Times, serif;
	padding:0 0 5px 0;
	margin:0;
}

img.recent-work-thmb {
	border:solid 1px #dddddd;
	width:287px;
	padding:5px;
	margin:0 0 10px 10px;
	background:#fff;
	float:right;
}

p.date {
	font-size:10px;
	color:#828079;
	padding:0 0 5px 0;
}



/*-- News & Events --*/

#news-and-events {
	border-bottom:1px solid #dddddd;
}

h4 a.news-events-title {
font-size: 16px; line-height: 18px; padding-top: 9px; padding-bottom: 15px; color:#000; }

ul#news-list {
	padding:0 0 20px 0;
	margin:0;
}

ul#news-list li {
	list-style:none;
	padding:0;
	margin:0;
}

ul#news-list li h6.news-title a {
	font-family:Georgia, Times, serif;
	color:#c3511a;
	font-size:14px;
	font-weight:normal;
	padding:0 0 5px 0;
}

ul#news-list li p.news-story {
	padding:0 0 30px 0;
}


/*-- News Page --*/


ul#newslist {
	list-style:none;
	margin:0;
	padding:0;
}

ul#newslist li {
	border-bottom:1px solid #dddddd;
	padding:0 0 30px 0;
	margin:0;
	display:block;
}

ul#newslist li h6 a {
	font-family:Georgia, Times, serif;
	color:#c3511a;
	font-size:14px;
	font-weight:normal;
	padding:0 0 5px 0;
}

ul#newslist li img {
	border:solid 1px #dddddd;
	padding:5px;
	margin:0 0 10px 10px;
	background:#fff;
	text-align:right;
}

ul#newslist li p.news-story {
	padding:0 10px 0 0;
}



/*-- Testimonial --*/

p.testimonial {
	padding:0 0 10px 0;
}

p.testimonial-name {
	color:#778d0d;
	font-weight:bold;
	font-size:10px;
	padding:0;
}



/*-- Subpage --*/

#subpage-header {
	width:936px;
	height:70px;
	padding:0 10px 0 48px;
}

#subcol1 {
	width:645px;
	padding:0 20px 0 0;
	float:left;
	border-right: 1px solid #dddddd;

}

#subcol2 {
	float:left;
	width:212px;
	padding:0 0 0 20px;

}

ul#subnav {
	margin:0;
	padding:0;
}

ul#subnav li {
	padding:0 0 15px 0;
	margin:0;
	text-align:right;
	list-style:none;
	font-family:Georgia, Times, serif;
}

ul#subnav li a {
	padding:0;
	margin:0;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#c04b12;
}

ul#subnav li a:hover, ul#subnav li ul li a:hover {
	color: #ff0400;
}


ul#subnav li ul, ul#subnav li ul li {
	padding:0;
	margin:0;
	text-align:right;
}

ul#subnav li ul li a {
	font-size:12px;
	color:#2c2b27;
}

/*-- Footer --*/

#footer {
	background: #2c2b27;

}

p.footer {
	text-align:center;
	font-size:10px;
	font-weight:bold;
	padding:10px 0 10px 0;
	color:#7e7e7d;
}


/* Form Styles
-------------------------------*/

form {
	width: 550px;
	padding: 20px 0 20px 0;
}

form p,  form .formr {
	font-weight: bold;
}

form p.formcol1 {
	width: 225px;
	float: left;
	clear: both;
}

form p.formcol2 {
	margin: 0 0 0 225px;
}

#highlight {
	background: #F7C91E;
	padding: 5px;
}

form p.formrow {
	width: 450px;
	clear: both;
}

form p input.forminput {
	padding: 3px;
	font-size: 1.1em;
	width: 200px;
	background:#dfdfdf;
	border: 1px solid #bfbfbf; 
}

form textarea {
	width: 400px;
	height: 150px;
	padding: 3px;
	font-style: font: Lucida Grande, Verdana, Tahoma, Arial, sans-serif;
	margin: 0 0 10px 0;
	background:#dfdfdf;
	border: 1px solid #bfbfbf; 
}

form .formr,  form .formwrapper {
	clear: both;
	margin: 0 0 10px 0;
	padding:0;	
}

form .submit {
	padding: 3px;
	font-weight: bold;
	width:114px;
	height:38px;
	text-indent:-999em;
	border:none;
	background: url("../img/button_sendmessage.jpg") no-repeat;
}

p.error {
	color: #cc0000;
	font-size: .9em;

}

span.error, span.required {
	color: #cc0000;
	font-size: .9em;
	font-weight: bold;

}

span.error { display: block; }

form p label {
	display: block;
}

form fieldset label {
display: block;
float: left;
margin: 0 6px 0 0;
width: 26px;

}

form fieldset {
border: none;
padding: 8px 0 10px 0;

}

form h3 {
clear: both;

}

form p span {
font-weight: normal;

}

/*---Recent Work ------*/

h2.contenttitle {	
	color: #5fc0de;
	font-size: 2.5em;
	padding: 13px 0 13px 0;
	border-bottom: solid 2px #dddddd;
	margin: 0 0 13px 0;
	font-weight: normal;
	
	}
		
ul#worklist, ul#worklist li ul { list-style: none; margin:0; padding:0; }
		
ul#worklist li {
	width: 292px;
	float: left;
	margin:0 30px 0 0;
	padding:0;
}
		
ul#worklist li ul li {
	width: 292px;
	height:200px;
	
}
		
ul#worklist li ul li h3 {
	border-top: solid 2px #dddddd;
	padding: 12px 0 6px 0;
	color: #2e281d;
	font-size: 1.2em;
		
}

ul#worklist li ul li p {

}
		
ul#worklist li ul li img { 
	float: left;
	margin: 0 10px 0 0;
	border: solid 1px #dddddd;
	padding: 3px;
		
}
		
ul#worklist li ul li p.links {	

	padding: 3px 0 0 0;
	margin: 3px 0 0 118px;
		
}
		
ul#worklist li ul li p.links a.more {	
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
		
}
		
ul#worklist li ul li p.links a.visit {
		padding: 0 14px 0 0;

}

ul#worklist li ul li p.links a:hover { color: #ff0400; }

#portfolio-container {
	width:645px;
	display:block;
}

#portcol1 {
	width: 463px;
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
}
		
#portcol1 ul, #portcol1 ul li, #portcol1 ol, #portcol1 ol li {	
	margin: 10px;
}
		
p.url {
	padding: 0 0 9px 12px;
	font-size: 12px;
			
}
			
h3#portfoliotitle {	
	color: #2e281d;
	font-size: 18px;
	border-top: solid 2px #dddddd;
	padding: 10px 0 7px 0;
			
}
			
p.url a { color: #748b07; }
p.url a:hover { color: #ff0400; }
		
#portcol2 {	
	width:162px;
	float:left;
		
}
		
html>body #portcol1 { margin: 0; }
html>body #portcol2 { margin: 0; }
		
img#placeholder, img#default_image {
	border: solid 1px #dddddd;
	padding: 5px;
	width: 451px;
		
}
		
#work-services {
	margin: 0;
	padding: 10px;
	font-size: 1.1em;
	background: #eae9e8;
	border-left: solid 3px #2c2b27;
		
}
		
#work-quote {	
	float: none;
	margin: 10px 0 10px 0;
	font-size: .9em;
	width: 162px;
	
}
		
#work-services h4 {	
	color: #c04b12;
	font-size: 13px;
	margin:0;
	padding:0;
	
}
		
#work-services ul {	
	margin: 0;
	list-style: none;
	padding: 4px 0 0 0;

}
		
#work-services ul li {	
	padding: 3px;
	border-top: solid 1px #ddd;
	font-size: 11px;
	margin: 0;
	
}	
		
#product_images img {	
	width: 50px;
	height: 50px;
	overflow: hidden;
			
}
		
#product_images a {
	margin: 0 3px 5px 0;
	display: block;
	float: left;
	border: solid 1px #dddddd;
	padding: 1px;
}
		
#product_images a:hover {
	background: #eae9e8;
	border: solid 1px #f26a21;

}

#long-description {
	width:645px;
	display:block;
	padding:20px 0 20px 0;
}

#long-description p {
	margin:0;
	padding:0 0 10px 0;
}
		
#teaser {	
	color: #fff;
	clear: both;
	margin: 0;
	width: 645px;
				
}
			
#teaser a, #teaser strong {	
	color: #748b07;
	padding: 0;
	margin: 0;	
		
}
		
#teaser a { text-decoration: underline; }
		
#teaser p {		
		padding: 16px;
		margin: 0;
		background: #2e281d;
				
}