/* CSS Document */

body{
	text-align:center;
	padding:0; margin:0; 
	background:url(../images/header.jpg) no-repeat #251d16;
	/*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:#cfe89b;
		text-decoration:none;
		}
		
a{
		color:#adc37e;
		text-decoration:none;
		}
	
	
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

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

#header_wrapper{
	padding:0;
	width:980px;
	height:257px;
	float:left;
	}
	
#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{
	width:930px;
	padding:10px 25px;
	float:left;
	background-color:#251d16;}
	
	.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;}
		
	.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;}
	
	#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;}
		
	/*#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;}
		
		

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