/**************
Typography
***************/
body{
	background: #556971;
	color: #556971;
	font-family:  'Helvetica Neue', Helvetica, Arial, sans-serif;
}
a{
	color: #e78642;
	text-decoration: none;
}
a:hover, a:active, a:focus {	outline: none;	}
a:hover{	color: #7d8333;	}
a img{	border: none;	}

.read-more{
	background: #e78642 url('img/stripes.gif');
	display: block;
	height: 12px;
}
	* html .read-more{	display: inline-block;	} /**/
	.read-more a{
		background: #FFF;
		float: right;
		margin: -2px 10px 0px 0px;
		padding: 0px 5px;
	}

h1,h2,h3,h4,h5,h6 {		
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -1px; 
}

h2{
	border-bottom: 1px solid #668da0;
}
h3{
	color:#e78642;
}
h4{	font-size: 17px;}
	h4 a{	color: #556971;}
h5{	font-size: 16px;}
h6{	font-size: 15px;}

ul{
	list-style: none;
}

ol{	list-style-position: inside;	}
ul, ol{	margin-top: 0px; margin-left: 10px;	}

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

ul li{
	background: url("img/li-icon.png") no-repeat left center;
	padding-left: 12px;
	color: #FFF;
}

p{
	margin-bottom: 18px;
}
p+p{	text-indent: 0;	}

blockquote{
	background: #fce1ce;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-web-kit-border-radius: 10px;
	margin: 18px 0px;
	padding: 18px 32px 18px 48px;
	position: relative;
}
	blockquote span{
		color: #e78845;
		display: block;
		font-size: 112px;
		font-size: 120px;
		height: 112px;
		position: absolute;
	}
	span.bqbegin{
		top: -32px;
		left: 5px;
		_left: -45px;
	}
	span.bqend{
		bottom: -30px;
		right: 10px;
		_bottom: 200px;
		_right: 200px;
	}

.left{	float: left;	}
.right{	float: right;	}

.alignleft{
	float: left;
	margin: 18px 0px 18px 18px;
}
.alignright{
	float: left;
	margin: 18px 18px 18px 0px;
}
.aligncenter{
	margin: 18px 0px;
}
.anchtext {text-decoration:none; color:#668da0}
/**************************
Layout
**************************/

#wrap{
	background: #FFF url("img/wrap-bg.png");
	padding: 0px 10px;
	margin: 0 auto;
	width: 940px;
}

#header{
	background: #112f39 url("img/header-bg.jpg") no-repeat bottom;
	height: 180px;
	position: relative;
	padding: 0;
	width: 940px;
}
	#logo{
	background: #e78642 url("img/logo-highlight.png") no-repeat center;
	color: #FFF;
	display: inline;
	float: left;
	font-size: 32px;
	font-weight: bold;
	height: 210px;
	margin: -5px 30px 0px;
	position: absolute;
	width: 160px;
	left: 255px;
	}
		#logo a{
	color: #FFF;
	display: block;
	text-align: center;
		}
		#logo  img{
			padding: 45px 35px 0px 35px;
		}
		#logo  span{
	margin: 19px;
	text-align: center;
		}
	
	.tagline{
		margin: 0px 15px 18px 15px;
	}
	
	#nav{
		background: url("img/black-50-opacity.png");
		height: 60px;
		position: absolute;
		margin: 0;
		right: 0px;
		top: 60px;
	}
		#nav li{
			background: none;
			float: left;
			padding:0;
			position:relative;
		}
		
		#nav a{
			color: #FFF;
			display: block;
			font-size: 16px;
			padding: 0px 20px;
			line-height: 60px;
			text-shadow: 0px -1px 0px #000;
		}
			#nav a:hover{
				color: #e78642;
			}
		


#content{
	background: url("img/content-top-shade.png") no-repeat;
	padding: 46px 15px 0px;
}
	#content:after{ /* clearing the div without extra markup, for Internet Explorer 6, look in the ie6.css*/
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;	
		}
	#content .box{
		margin: 9px 15px;
		padding-bottom: 0px;
		position: relative;
		width: 425px;
	}
		#content .box h3{	margin: 0;	}
	
	.column {	width: 455px; display: inline; margin:0;	}
#main{
	display: inline;
	float: left;
	margin: 0px 15px;
	width: 570px;
}
	
/***************************
	Homepage
***************************/
#featured{
	border: 2px solid #e78642;
	padding: 1px;
	height: 192px;
	width: 400px;
	margin: 0 0 18px 0;
}		
	#featured li{
		background: none;
		overflow: hidden;
		margin: 1px;
		padding: 0px;
		height: 192px;
		width: 400px;
	}
#featured-titles{
	width: 425px;
	position: absolute;
	top: 45px;
	text-align: right;
	margin: 0px;
}
	#featured-titles li{
		background: none;
		font-size: 20px;
		line-height: 20px;
		font-weight: bold;
		padding: 0px;
		width: 425px;
	}
		#featured-titles li a{
			background: #e78642;
			color: #FFF;
			padding: 5px;
			float: right;
		}
		#featured-titles li a:hover{	color: #ffc296;	}


.from-blog h3{
	
	margin-bottom: 9px;
}
	.from-blog .post{
		border-bottom: 1px dashed #d3d3d3;
		margin-bottom: 8px;
		padding: 0px;	
	}
		.from-blog .post:last-child{	
			border-bottom: 0;
			margin-bottom: 0;
		}
		.from-blog .post .post-meta{
			padding-bottom: 9px;
		}
/*********************
	#sidebar
*********************/

#sidebar{
	display: inline;
	float: right;
	margin: 0 10px;
	width: 180px;
}
	#sidebar .widget{	padding: 0;	margin-bottom: 8px;}
	#sidebar li{
		background: none;
		padding-left: 0px;
		color: #668da0;
	}
	#sidebar h2{
		border: 0;
		color:	#e78642;
		font-size: 20px;
		margin-bottom: 15px;
		border-bottom: 1px solid #668da0;
	}
	
	#sidebar p{
		padding-left: 12px;
		text-indent: 0;
	}
	
	#sidebar ul{
		margin: 0;
	}	
		#sidebar ul li{
			border-bottom: 1px dashed #d3d3d3;
			padding-left: 12px;
			margin-bottom: 0px;
		}

/*********************
	#portfolio
*********************/		
#portfolio{
	margin: 0px 15px;
	width: 880px;
}
.portfolio-item{
	border-bottom: 1px dashed #d3d3d3;
	display: inline;
	float: left;
	padding: 18px 15px 18px 0px;
	position: relative;
	width: 425px;
}
	.portfolio-item.alt{
		border-left: 1px dashed #d3d3d3;
		padding: 18px 0px 18px 14px;
	}
	
	.portfolio-item h3 a{
		background: #e78642;
		color: #FFF;
		font-size: 20px;
		font-weight: bold;
		padding: 3px;
		position: absolute;
		top: 10px;
	}
	
	.portfolio-item img{
		background: #666;
		margin-left: 25px;
	}

/************************
	Blog
************************/
	.post-meta{
		color: #aaa;
	}
	img.thumb{
		background: #aaa;
		display: block;
		float: left;
		margin: 0px 18px 18px 0px;
		width: 150px;
		height: 150px;
	}
/************************
	Contact Form
************************/
	#contact-form label{	display: inline;	}
	#contact-form label.width1{
		width: 270px;
	}
		#contact-form input{
			border:1px solid #CCCCCC;
			display:block;
			height:16px;
			padding:1px 2px;
		}
		#contact-form label{	margin-left: 30px;	}
			#contact-form label.first{	margin-left: 0px;	}
		#contact-form label.width1 input{	width: 264px;	}
		
	#contact-form label.width2{	width: 570px;	}
		#contact-form label.width2 input{	width: 564px;	}
		#contact-form label.width2 textarea{	width: 564px;	}
		
	#contact-form input{ background: #fff url("img/form-bg.png") repeat-x bottom;	}
	
	#contact-form input[type="submit"]{
		background: #fff url("img/submit-bg.png") repeat-x bottom;
		border: 1px solid #CCC;
		display: block;
		padding: 1px;
		height: 32px;
	}
	#submit{	
		width: 570px;
		margin: 0;
		display: block;
		height: 32px;
	}
/*********************
	#footer
*********************/
#footer{
	background: url("img/footer.png") no-repeat;
	margin: 0 auto;
	padding: 20px 30px 40px 30px;
	width: 900px;
}
	#footer .nav{
		margin: 0;
	}
	#footer .nav li{
		background: none;
		float: left;
	}
	#footer .nav a{
		color: #FFF;
		display: block;
		font-size: 10px;
		padding: 0px 10px;
		text-transform: uppercase;
	}