/* -- Import the CSS Reset
----------------------------- */

@import url("/assets/css/reset.css");

/* -- Import the 960 Grid
----------------------------- */

@import url("/assets/css/layout.css");

/* -- General Body Styles
----------------------------- */

body {
	background: #b8bfbc url(../images/body-bg.png) repeat;
}

/* -- Define Hyperlink Styles
----------------------------- */

a {
	color: #b95c23;
}
	a:hover {
		color: #98481a;
		text-decoration: underline;	
}
	#logo h1 a {
		height: 100%; width: 100%;
		display: block;		
}
	#content a.button {
		padding: 10px auto 10px 24px; line-height: 24px;
		text-decoration: underline;
}
	#content a.button:hover {
		text-decoration: none;
}
	#footer a {
		text-shadow: 1px 1px 1px #484f4c;
}
/*
	#footer .g8 a {
		padding: 10px; line-height: 45px;		
}
*/
	#footer .g8 a:hover {
		color: #fff;		
}
	#twitter #content a {
		padding:0;
		margin:0;
}

/* -- Global Typography Reset
----------------------------- */

h1, h2, h3, h4, p, a, bq, li, td {
	padding: 0px; margin: 0px;
	font-family: Georgia; font-weight: normal; text-decoration: none;
}

h1, h2, h3, h4 {
	padding: 0px; margin: 15px auto 0px 15px;
	font-family: "Minion", Georgia, Times, Arial; color: #484f4c;
}
	h1 {
		margin-bottom: 10px; padding-top: 0px;
		font-size: 1.7em;
}
		#logo h1 {
			margin: 0px; padding: 0px;
			line-height: 85px; text-indent: -9999px;
			background: url(../images/logo.png) no-repeat left bottom;
}
		#content div#blog div.g8 h1 {
			margin-bottom: 10px; padding-bottom: 10px; width: 95%;
			border-bottom: 1px solid #dcdcdc;
}
	h2 {
		font-size: 1.3em;
}
		#content div#blog div.g8 h2 {
			padding-bottom: 10px;
			border-bottom: 1px solid #dcdcdc;
			font-size: 1.2em;
}
	h3 {
		font-size: 1.2em;
}
	h4 {
		font-size: 1.1em;
}
		#content div#blog div.g8 h4 {
			margin-bottom: 15px;			
}

/* -- Global Paragraph Styles
----------------------------- */

p {
	padding: 10px 15px;
	font-family: Georgia, Times New Roman; font-size: .85em; font-weight: normal; line-height: 1.7em;
	color: #484f4c;
	text-shadow: 2px 2px 2px #fff;
}
	p.note {
		margin: auto 25px 20px 25px; padding: 15px;
		font-size: .77em;
		background-color: #FCF0AD;
		border: 1px solid #CDDD73;
		-webkit-box-shadow: 1px 1px 1px #999;
		-moz-box-shadow: 1px 1px 1px #999;
}
 	#content #blog div.details.left p:first-child {
		padding: 25px; font-size: 1.0em; line-height: 1.9em;
		color: #222;	
}

	#content #blog div.details.left div.g2 p:first-child, #content #blog div.details.left div.g3 p:first-child {
		padding: 10px 15px;
		font-family: Georgia, Times New Roman; font-size: .85em; font-weight: normal; line-height: 1.7em;
		color: #484f4c;
		text-shadow: 2px 2px 2px #fff;
}
	#recent-blog-entries p, #recent-blog-entries h1, #recent-blog-entries h2 {
		margin-left: 0px; padding-left: 0px;
}
	#footer .g8 p {
		margin: 20px auto; 
		color: #fff;
		text-shadow: none;	
}
	#twitter #content p {
		margin: 0px 5px;
} 

/* -- Special Font Styles
----------------------------- */

blockquote, bq {
	margin: 20px; padding: 5px; padding-left: 40px; line-height: 1.1em;
	border-right: 3px solid #b95c23;
	background: url(../images/icons/bq.png) no-repeat 10px 10px #f9f9f9;
	overflow: hidden;
	-webkit-box-shadow: 1px 1px 2px #333;
	-moz-box-shadow: 1px 1px 2px #333;
}
table {
	margin-left: 15px;
}
	table td {
		font-family: Georgia, Times New Roman; font-size: .85em; font-weight: normal; line-height: 1.7em;
		color: #484f4c;
		text-shadow: 2px 2px 2px #fff;
}

/* -- Global List Styles
----------------------------- */

#content ul, #content ol {
	margin: 25px 10px;
	font-family: Georgia, Times New Roman; font-size: .95em; font-weight: normal; line-height: 1.7em;
	color: #484f4c;
	text-shadow: 2px 2px 2px #fff;
}
	#content li {
		margin: 5px; padding-left: 25px;
		line-height: 22px;
		background: url(../images/icons/plus.png) no-repeat 4px 4px;
}
	#comment_form ul.none li {
		list-style: none;
		background: none;		
}
#footer li {
	height: ; width: ;
}

/* -- CSS Navigation Sprite
----------------------------- */

#navigation ul {
	height: 80px; width: 940px; margin: 0px; position: absolute;
	overflow:hidden;
}
	#navigation ul li {
		height: 80px; width: 154px; margin: 0px; top: 0px; position: absolute;
		text-indent: -9999px;
}
	#navigation ul li a {
		height: 80px; width: 154px; display: block;
		background: url(../images/navigation/sprite.png) 0px 10px no-repeat;
}

	/* -- About Nav -- */
	
	li#about {
		left: 0px;
	}	
		li#about a.about {
			background-position: 0px 0px;
	}
		li#about a.about:hover {
			background-position: 0px -80px;
	}
		li#about a.about-active {
			background-position: 0px -160px;
	}

	/* -- Blog Nav -- */
	
	li#blog {
		left: 154px;
	}
		li#blog a.blog {
			background-position: -154px 0px;
	}
		li#blog a.blog:hover {
			background-position: -154px -80px;
	}
		li#blog a.blog-active {
			background-position: -154px -160px;
	}
	
	/* -- Contact Nav -- */
	
	li#contact {
		left: 308px;
	}
		li#contact a.contact {
			background-position: -462px 0;
	}
		li#contact a.contact:hover {
			background-position: -462px -80px;
	}
		li#contact a.contact-active {
			background-position: -462px -160px;
	}
	
	/* -- Services Nav -- */
	
	li#services {
		left: 462px;
	}
		li#services a.services {
			background-position: -616px 0px;
	}
		li#services a.services:hover {
			background-position: -616px -80px;
	}
		li#services a.services-active {
			background-position: -616px -160px;
	}

/* -- Website Layout Styling
----------------------------- */

#masthead-wrap {
	background: url(../images/masthead-bg.png) repeat-x;
}
	#masthead {
		height: 84px;
}
	#logo-wrap {
		height: 85px; width: 100%;
		background: url(../images/wood-bg.png) repeat;
}
	#navigation {
		height: 85px;
}

#content-wrap {
	width: 100%;
	background: transparent url(../images/content-wrap-bg.png) 0px 0px repeat;
}
	#content {
		background: url(../images/content-bg.png) repeat-y;
}

/* -- Page Specific Styles 
----------------------------- */

.page {
	padding-bottom: 30px;
}
	#home {
		background: url(../images/bg/home-page-bg.png) repeat-y top center;
}
	#left {
		background: url(../images/bg/page-left-bg.png) repeat-y;
}
	#right {
		background: url(../images/bg/page-right-bg.png) repeat-y;
}
	div#blog {
		background: url(../images/bg/page-right-bg.png) repeat-y;
}

#twitter {
	width:290px;
	height:auto;
	margin:0 auto;
	position:relative;
	top:-20px;
}
	#twitter #top {
		height:9px;
		width:290px;
		background:url(../images/twitter-top.png) no-repeat;
}
	#twitter #content {
		height:auto;
		width:290px;
		padding:0 5px;
		background:url(../images/twitter-content.png) repeat-y;
}
	#twitter #bottom {
		height:21px;
		width:290px;
		background:url(../images/twitter-bottom.png) no-repeat;
}

#footer-wrap {
	height:auto;
	position:relative;
	bottom:0;
	background:url(../images/footer-bg.png) repeat-x;
}


/* -- Image Layout Styling
----------------------------- */

.page img {
	border: 2px solid #fff;
	-webkit-box-shadow: 1px 1px 1px #999;
	-moz-box-shadow: 1px 1px 2px #999;
}
	img.left {
		margin: 0 10px 5px 0; padding: 0;
		float: left;		
}
	img.right {
		margin: 0 0px 5px 10px; padding: 0;
		float: right;		
}
	#home div.g4 div.client {
		width: 262px; height: auto; margin: auto 19px 19px 16px; padding: 0px;
}
	#footer img {
		padding-right: 20px;
}

/* -- Special Stylings
----------------------------- */

.details {
	padding: 7px 9px;
	background: #fff;
	border: 1px solid #c4c4c4;
	-webkit-box-shadow: 1px 1px 1px #999;
	-moz-box-shadow: 1px 1px 1px #999;	
}
	.details.left {
		margin: 10px -5px auto -5px;
}
	.details.right {
		margin: 10px -5px auto -5px;
		text-align: right;
}
pre {
	margin: 10px 25px 10px 45px; padding: 0px 10px 10px 10px;
	background: #f9f9f9; border-left: 3px solid #b95c23;
	overflow: hidden;
	-webkit-box-shadow: 1px 1px 2px #333;	
}

/* -- HTML Form Stylings 
----------------------------- */

input, textarea {
	width: 95%; padding: 3px;
}

	input.button {
	 margin: auto 0px auto auto; width: 25%;	
}
	#comment_form div.g2.last input, #comment_form div.g3.first input {
		width: auto;
}