/* CSS Document */

body{
	text-align:center;
	padding:0; margin:0; 
	background:url(../images/bg.jpg) ;
	background-color:#251d16;
	color:#816f4f;
	font-weight:normal;
	font-size:0.9em;
	line-height:1.3em;
	font-family:"Trebuchet MS";
	}
div, ul, h1, h2, h3, h4, p, img, form{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
	
a:hover{
		color:#b47034;
		text-decoration:none;
		}
		
a{
		color:#adc37e;
		text-decoration:none;
		}
	
	
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

	
#wrapper{
	width:1012px;
	/*background:url(../images/header.jpg) no-repeat #251d16;*/
	text-align:left;
	padding:0;
	margin:auto;
	}
	
	
/***********************************************/
/* Header                                      */
/***********************************************/

#header_wrapper{
	padding:0;
	width:1012px;
	height:252px;
	float:left;
	background:url(../images/header.jpg) no-repeat #251d16;
	}
	
#logo{
	margin:17px 0 0 17px;
	padding:0;
	float:left;
	width:282px;
	height:74px;}
	
/*--------------navigation------------------*/

#navigation{
	float:left;
	margin:10px 0 0 65px;}
	
	#navigation ul{
		color:#251d16;
		font-size:15px;
		font-family:Verdana, Helvetica, sans-serif;}
		
	#navigation ul li{
		display:inline;
		margin:0;
		padding-right:5px;}
		
	#navigation ul li a{
		color:#251d16;
		text-decoration:none;
		padding:0 5px 0 5px;}
		
	#navigation ul li a:hover{
		color:#ffe988;
		background-color:#251d16;
		text-decoration:none;}
		

/***********************************************/
/* Main Content                                */
/***********************************************/

#content_oneCol{
	width:962px;
	padding:10px 25px;
	float:left;
	background-color:#251d16;}
	
	
#content{/* used for a 2-column layout*/
	margin-left:auto;
	margin-right:auto;
	/*position:relative;
	width:954px;*/
	background-color:#251d16;
	padding:10px 40px;
	}
	
	
	.col1{
		width:670px;
		line-height:1.4em;
		float:left; 
		display:inline;
		}
	
	.cake{
		background:url(../images/intro.gif) no-repeat; 
		height:29px;
		margin:0;
		display:block;
		color:#316d75;
		font-family:"Trebuchet MS";font-size:1.8em;
		text-indent:-2000px;}
		
	.intro{	
		width: 651px;
		float:left;
		padding-bottom:30px;
		/*color:#b69472;*/
		}
		
	.homeTagline{
		float:right;
		background:url(../images/bg_homeTagline.png) no-repeat; 
		display:block;
		width:259px;
		height:82px;
		text-indent:-2000px;}
		
	.services{
		background:url(../images/intro_services.png) no-repeat; 
		height:29px;
		margin:0;
		display:block;
		color:#316d75;
		font-family:"Trebuchet MS";font-size:1.8em;
		text-indent:-2000px;}
		
	.contact{
		background:url(../images/intro_contact.png) no-repeat; 
		height:30px;
		margin:0;
		display:block;
		color:#316d75;
		font-family:"Trebuchet MS";font-size:1.8em;
		text-indent:-2000px;
		padding-bottom:10px;}
		
	.who{
		background:url(../images/intro_who.png) no-repeat; 
		height:22px;
		margin:0;
		display:block;
		color:#316d75;
		font-family:"Trebuchet MS";font-size:1.8em;
		text-indent:-2000px;
		padding-bottom:10px;}
		
	.quote{
		background:url(../images/intro_quote.png) no-repeat; 
		height:27px;
		margin:0;
		display:block;
		color:#316d75;
		font-family:"Trebuchet MS";font-size:1.8em;
		text-indent:-2000px;
		padding-bottom:10px;}
		
	.goodies{
		background:url(../images/intro_goodies.png) no-repeat; 
		height:27px;
		margin:0;
		display:block;
		color:#316d75;
		font-family:"Trebuchet MS";font-size:1.8em;
		text-indent:-2000px;
		padding-bottom:10px;}
		
	.our_work{
		background:url(../images/intro_work.png) no-repeat; 
		height:21px;
		/*margin:0;
		display:block;
		color:#316d75;
		font-family:"Trebuchet MS";font-size:1.8em;*/
		text-indent:-2000px;
		padding-bottom:10px;}
		
	.passionTagline{
		background:url(../images/passion.png) no-repeat; 
		height:32px;
		margin:0;
		display:block;
		color:#316d75;
		font-family:"Trebuchet MS";font-size:1.8em;
		text-indent:-2000px;
		padding-bottom:3px;}
	
	#content h2{ /*------recent work---------*/
		background:url(../images/latest_work.gif) no-repeat; 
		height:19px;
		margin:0;
		display:block;
		color:#316d75;
		font-family:"Trebuchet MS";font-size:1.8em;
		text-indent:-2000px;}
		
	.work_tn_wrapper{
		width:344px;
		height:171px;
		background-color:#fff;
		display:inline;
		float:left;
		margin-top:15px;
		}
		
		.work_tn{
			margin:12px 0 0 9px !important;
			}
			
		.work{
			float:right;
			width:557px;
			height:151px;
			margin-right:20px;
			margin-top:15px;
			padding:10px;
			position:relative;
			}
			
			.launch{
				background:url(../images/bg_workLaunch.png) no-repeat;
				}
				
				.launch h4 {
					position:absolute;
					top:10px;right:10px;
					width:30px;
					}	
				
				.launch h4 a {
					display:block;
					height:153px;
					text-indent:-9999px;
					}
			
			.development{
				background:url(../images/bg_workDevelopment.png) no-repeat;
				}
				
			.logo_work{
				background:url(../images/bg_workLogo.png) no-repeat;
				}
			
			.work_h1{
				font-size:25px;
				color:#7f654e;
				font-family:"trebuchet MS";
				}
				
			.work_list{
				margin-left:25px;
				list-style-type:disc;
				margin-top:8px;
				}
				
				.work_list li{
					color:#9b7c5f;
					font-size:12px;
					line-height:13px;
					}
					
				.websiteAddress{
					color:#da873e;
					position:absolute;
					bottom:9px;
					/*left:-14px;*/
					text-decoration:none;
					font-size:12px;
					}
					
					.websiteAddress a:hover{
						text-decoration:underline;
						color:#da873e !important;
						}
		
	/*#content a{
		color:#58a245;
		text-decoration:none;
		border-bottom:1px dotted #58a245;
		}
		
	#content a:hover{
		color:#58a245;
		text-decoration:none;
		border-bottom:1px dotted #357924;
		}*/
		
		.ul{
			margin-left:50px;
			list-style:disc;}
			
		.col2{
			float:right;
			margin-top:30px; 
			position:relative;
			background-color:#403831;
			/*font-size:1.0em;
			line-height:1.3em;*/
			width:210px; 
			padding:10px;
			color:#7d6654;
			}
			
			.col2 h1{
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:1.2em;
				font-weight:normal;
				color:#51737c;
				padding-bottom:3px;
				}
				
			.col2 a{
				/*border-top:1px dashed #7d6654;*/
				color:#51737c;
				font-size:11px;
				text-decoration:none;
				float:right;
				}
				
			.col2 a:hover{
				/*border-top:1px dashed #7d6654;*/
				color:#51737c;
				font-size:11px;
				text-decoration:underline;
				text-align:right;
				}
		
		

/***********************************************/
/* Services Subnav                             */
/***********************************************/
#services_subnav {
	margin: 0;
	padding: 8px 0 0 0px;
	/*position: absolute;
	top: 90px;
	left: 50px;*/
	overflow: hidden;
	list-style: none;
	float:left;
}

	#services_subnav li {
		display: inline;
	}
	
	#services_subnav a {
		margin: 0 3px 0 0;
		height: 28px;
		text-indent: -10000px;
		display: inline;
		float: left;
	}
	
	#services_subnav #creative {
		width: 155px;
		background: url(../services/images/creative.png) top left no-repeat;
	}
	
	#services_subnav #development {
		width: 187px;
		background: url(../services/images/development.png) top left no-repeat;
	}
	
	#services_subnav #other {
		width: 137px;
		background: url(../services/images/other.png) top left no-repeat;
	}
	
	
	#services_subnav #creative:hover,#services_subnav #development:hover,#services_subnav, #other:hover, .active {
		background-position: bottom left !important;
		}
		
	
/***********************************************/
/* Call-outs globally                          */
/***********************************************/
	
.block {
	float:left;
	font-size:1.0em;
	font-weight:normal;
	color:#815e26;
		/*height:204px;
		line-height:145%;*/
	margin-right:8px;
	margin-left:4px;
	position:relative;
	width:190px;
	padding:15px;
	display:inline;
	/*background-color:#18140f;*/
	}
	
	
	.block li a{
		color:#815e26;
		list-style:none;
		text-decoration:none;
		}
		
	.block li a:hover{
		color:#815e26;
		list-style:none;
		text-decoration:none;
		border-bottom:1px dashed #815e26;
		}
		
	.block img{
		margin-top:20px;
		margin-left:-8px;
		padding-bottom:8px;}
		
	.block p{
		font-size:0.85em;
		color:#5e4f3c;}
	
	
		
	#callout h3{
		color:#fff;
		font-size:15px;
		}
		
	.block a:focus{color: #666666;}
	
	.block a{
		text-decoration:none;
		}
		
	/*.block a:hover{
	text-decoration:none;
	background-color:#0D0D0D;

}*/
		
		
/***********************************************/
/* Footer                                      */
/***********************************************/		
		
#footer-wrapper {
	clear:both;
	width: 940px;
	display: block;
	/*margin:auto;
	float:left;*/
	}
	
	#footer{
		width: 940px;
		margin: auto;
		padding: 50px 0 10px 0;
		color: #bfb395;
		font-size: 12px;
	}
	
	.footer-module {
		width: 134px;
		margin-right: 20px;
		display: block;
		float: left;
		border-top: 1px solid #453722;
	}
	.footer-last {
		width: 134px;
		display: block;
		float: left;
		
	}
	.footer-module a.footer-section {
		font: 12px/18px Georgia, serif;
		color: #bfb395;
		text-transform: uppercase;
		text-decoration: none;
		padding-left: 5px;
		padding-bottom: 2px;
		padding-top: 3px;
		display: block;
	}
	.footer-module a:hover.footer-section {
		color: #dfc481;
		background: #412e1f;
	}
	.footer-module ul a {
		font-size: 11px;
		color: #81775f;
		text-decoration: none;
		width: 134px;
		display: block;
		border-top: 1px solid #3c2c1f;
		padding-top: 3px;
		text-indent: 5px;
	}
	.footer-module ul a:hover {
		background: #3b291b;
		color: #9e8d65;
	}

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

.clearfix {display: inline-block;}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */