/* General Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}



body {
	line-height: 1;
	font: normal 62.5% 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	}
	
a {
	text-decoration: none;
	color: inherit;
}

a:hover{
	color: inherit;
	text-decoration: underline;
}

h4 {
	font-size: 1.6em;	
	color: #544727;
}

/* Unordered Lists */
ul {
	list-style: none;
	}

/* Blockquote / Quote */
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

/* Focus styles */
:focus {
	outline: 0;
	}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
/* Clearfix */
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
*+html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.box-640 {
	width: 600px;
	float: left;
	display: inline;
	padding: 0 40px 70px 0px;
	}

.box-320 {
	width: 300px;
	float: left;
	display: inline;
	padding: 0 10px;
	}
	
	
/***************************************************************************
LAYOUT STRUCTURE
***************************************************************************/
#sitemap-pulldown {
	background: #e4f0f8 url('../img/bg-sitemap.gif') repeat-x;
	color: #305268;
	height: 320px;
	}
	
	#sitemap-wrapper {
		width: 960px;
		margin: 0 auto;
		}
		
		#sitemap #links {
			width: 620px;
			padding: 0 10px;
			float: left;
			display: inline;
			}
		
		#sitemap {
			color: #54819f;	
			font-size: 1em;
		}
			
		#sitemap h6, #sitemap-pulldown .get-in-touch-box h6 {
			font-size: 1.1em;
			text-transform: uppercase;
			font-family: 'Lucida Grande', Helvetica, Arial;
			padding: 10px 0;
			color: #54819f;
			border-bottom: 1px solid #b5cad8;
			}
			
		#sitemap-pulldown input.inputbox {
			background: #F3F9FD;
			border: 1px solid #B5CAD8;
			color: #305268;
		}	
		
		#sitemap-wrapper .submit-box input.submit {
			outline: none;
		}
		
		
		

#background {
	background: #eaf3d8 url('../img/bg.gif') top left repeat-x;
	}
	
	#container {
		position: relative;
		width: 960px;
		margin: 0 auto;
		height: 0;
		}

	#top {
		width: 960px;
		margin: 0 auto;
		height: 187px;
		}
		
	#middle {
		background: url('../img/bg-content.gif') repeat-x bottom #E8F2D5;
		}
		
	div.left {
		float: left;	
		width: 210px;
		display: inline;
	}

#subnav li a {
	color: #7b9eb6;
	font-size: 1.2em;
	padding-left: 12px;
	text-decoration: none;
}

.nav li a {
	text-decoration: none;
	color: #8cbd24;
	font-size: 1.3em;	
}

.nav li{
	padding: 3px;
}

ul.nav{
	margin-top: 10px;
}

ul#subnav {
	margin-top: 5px;	
	margin-left: 10px;
}

ul#subnav li{
	padding: 3px;
	background: url(/assets/img/subnav-arrow.gif) no-repeat left center;
}
	
/***************************************************************************
	HEADER
***************************************************************************/	
	#header {
		height: 127px;
		}
		
		#logo {
			width: 320px;
			height: 127px;
			background: url('../img/logo.gif') no-repeat;
			float: left;
			display: inline;
			text-indent: -90000px;
			}
			
			#logo a {
				display: block;
				width: 320px;
				height: 127px;
			}
				
		#tagline {
			width: 640px;
			float: left;
			display: inline;
			text-align: right;
			font-size: 1.4em;
			color: #81816f;
			margin: 68px 0 0;
			}
					
		#btn-sitemap {
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			padding: 8px 20px 8px 10px;
			background: #e4f0f8 url('../img/arrow-sitemap.gif') 55px 12px no-repeat scroll;
			color: #305268;
			}
/***************************************************************************
	NAVIGATION
***************************************************************************/			
	#navigation {
		height: 60px;
		position: relative;
		z-index: 9;
		}
		
		#navigation { position: relative; z-index: 3; }
		
		#navigation ul {
			
			}
			
			#navigation ul li {
				display: inline;
				}
				
				#navigation ul li a {
					display: block;
					width: 320px;
					height: 63px;
					color: #dff2ad;
					float: left;
					text-indent: -90000px;
					}
				
				#navigation ul li#work a { background: url('../img/nav-work-test.gif') 0 -126px no-repeat; }
					#navigation ul li#work a:hover { background: url('../img/nav-work-test.gif') 0 -63px no-repeat; }
					#navigation ul li#work a.active, #nav ul li#work a.active:hover { background: url('../img/nav-work-test.gif') 0 0 no-repeat; }
					
					
				#navigation ul li#about a { background: url('../img/nav-about-test.gif') 0 -126px no-repeat; }
					#navigation ul li#about a:hover { background: url('../img/nav-about-test.gif') 0 -63px no-repeat; }
					#navigation ul li#about a.active, #nav ul li#about a.active:hover { background: url('../img/nav-about-test.gif') 0 0 no-repeat; }
					
					
				#navigation ul li#blog a { background: url('../img/nav-blog-test.gif') 0 -126px no-repeat; }
					#navigation ul li#blog a:hover { background: url('../img/nav-blog-test.gif') 0 -63px no-repeat; }
					#navigation ul li#blog a.active, #nav ul li#blog a.active:hover { background: url('../img/nav-blog-test.gif') 0 0 no-repeat; }
				
				
/***************************************************************************
	SUB-NAVIGATION
***************************************************************************/				
#subnavigation-wrapper {
	background: url('/assets/img/bg-subnav.gif') repeat-x;
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	}
	
	* html #subnavigation-wrapper { margin-top: -3px; }
	#subnavigation-wrapper { position: relative; z-index: 2; }
	*+html > body #subnavigation ul li a { height: 49px; } /* ie7*/
	* html #subnavigation ul li a { height: 49px; } /* ie6*/		
	#subnavigation-wrapper, #background{ min-height: 0 }
	* html #subnavigation-wrapper, * html #background { height:1% }
	
	#subnavigation {
		width: 960px;
		margin: 0 auto;
		height: 45px;
		display: block;
		}
				
		#subnavigation ul {
			}
			
			#subnavigation ul li {
				display: inline;
				width: 190px;
				height: 45px;
				background: url('../img/bg-subnav-seperator.gif') bottom right no-repeat
				}
				
				#subnavigation ul li a {
					color: #dee8d2;
					font-size: 1.2em;
					text-decoration: none;
					width: 190px;
					height: 45px;
					line-height: 40px;
					float: left;
					display: block;
					text-align: center;
					}
					
					#subnavigation ul li a:hover { color: #fff; }
					#subnavigation ul li a.active, #subnav ul li a.active:hover { color: #fff; background: url('../img/bg-subnav-arrow.gif') bottom center no-repeat }

				
				
/***************************************************************************
	CONTENT
***************************************************************************/
	#content {
		width: 960px;
		clear: both;
		margin: 0 auto;
		padding: 30px 0;
		z-index: 0;
		position: relative;
		}
		
		#portfolio-clients, #featured-website {
			width: 960px;
			position: relative;
			padding: 25px 0 40px 0;
			overflow: hidden;
			background: url('../img/bg-slider.png') repeat-x;
			border: 1px solid #ddebc2;
			z-index: 9;
			}
			* html #portfolio-clients { background: #eaf3d8; }
			
			#portfolio-clients ul, 	#featured-website ul {
				width: 960px;
				}
			
				#portfolio-clients li, #featured-website li {
					width: 950px;
					height: 310px;
					}
				
				#portfolio-clients .left, #featured-website .left {
					float: left;
					display: inline;
					width: 410px;
					height: 302px;
					margin: 0 20px 0 35px;
					background: url('../img/bg-portfolio.png') top left no-repeat;
					padding: 5px;
					}
				
				#portfolio-clients .right, #featured-website .right {
					float: left;
					display: inline;
					width: 430px;
					margin: 0;
					}
					
					#portfolio-clients .right h3, #featured-website .right h3 {
						font-size: 1.8em;
						margin: 0 0 10px;
						}
					
					#portfolio-clients .right .description p, #featured-website .right .description p  {
						font-size: 1.2em;
						line-height: 1.5em;
						padding: 0 0 10px;
						text-align: justify;
						}
				
				#prevBtn, #nextBtn {
					position: absolute;
					top: 160px;
					left: -18px;
					display: block;
					width: 110px;
					height: 50px;
					float: left;
					z-index: 99;
					}
				
				#nextBtn { left: 930px; }
																		
				#prevBtn a, #nextBtn a {  
					display:block;
					width: 40px;
					height: 40px;
					text-indent: -90000px;
					outline: none;
					}
				
				#prevBtn a { background: url('../img/arrow-left1.gif') top left no-repeat !important; }
					#prevBtn a:hover { background: url('../img/arrow-left1.gif') 0 -40px no-repeat !important; }
					
				#nextBtn a { background: url('../img/arrow-right1.gif') 0 0 no-repeat !important; }
					#nextBtn a:hover { background: url('../img/arrow-right1.gif') 0 -40px no-repeat !important; }
					
					
				a.visit {
					margin: 0 5px 5px 0;
					width: 99px;
					height: 29px;
					background: url('../img/btn-visit.gif') top left no-repeat;
					text-indent: -90000px;
					display: block;
					float: left;
					}
					
					a.visit:hover { background: url('../img/btn-visit.gif') 0 -29px no-repeat; }
					
					a.more-images {
					width: 112px;
					height: 29px;
					background: url('../img/btn-readmore.gif') top left no-repeat;
					text-indent: -90000px;
					display: block;
					float: left;
					}
					
					a.more-images:hover { background: url('../img/btn-readmore.gif') 0 -29px no-repeat; }	
					
					#content h3 {
						font-size: 2.5em;
						color: #544727;
						}

					
					#content p {
						color: #544727;
						font-size: 1.1em;
						line-height: 1.8em;
						margin: 12px 0;
					}

					#content blockquote {
						margin: 30px;
						font-size: 0.9em;
					}
					
					#sidebar{
						background: #eef6df;
						margin-top: 35px;
						padding-bottom: 100px;
					}
					
					#sidebar.box-320 {
						padding: 0 !important;
						margin: 0 0 100px 20px !important;
						}
					
					* html #static-content {
						width: 600px;
						padding: 0 39px 70px 0;
						float: left;
						display: inline;
						}
					
					* html #sidebar {
						width: 300px;
						float: left;
						display: inline;
						margin: 35px 0 100px;
						}
					
					#sidebar h4 {
						color: #544727;
						text-transform: uppercase;
						font-size: 1.2em;
						border-top: 2px solid #C3CEA3;
						border-bottom: 1px dashed #C3CEA3;
						padding: 10px;
					}
					
					
					#sidebar h4 a{
						color: #544727;
						text-decoration: none;
					}
					
					#sidebar h5 {
						color: #8eb242;
						text-transform: uppercase;
						font-weight: normal;
						padding-top: 10px;
						font-size: 1.1em;
					}
					
					#sidebar h5 a{
						color: #8eb242;
						text-decoration: none;
					}
					
					#sidebar div.employee {
						margin-bottom: 20px;
						padding: 0 10px;			
					}
					
					#sidebar p{
						margin: 8px 0;
						line-height: 1.8em;
						color: #a19a8a;
						text-align: justify;
					}
					
					#sidebar img{
						float: right;
						display: inline;
						padding: 2px;
						background: #ffffff;
						border: 1px solid #E4E8D8;
						margin-top: 25px;
						margin-left: 10px;
					}
					
					#sidebar div.entry{
						padding: 10px;
						margin-bottom: 10px;
					}				
			
/***************************************************************************
	FOOTER
***************************************************************************/
	#footer{
		clear: both;
		border-top: 3px solid #332B13;
		background: url(../img/bg-footer.gif) repeat-x #655836;
		color: #ffffff;
	}

	#footer-content {
		width: 960px;
		margin: 0 auto;
		min-height: 350px;
		padding: 20px 0;
	}
	
		#footer-content h6{
			font-size: 1.3em;
			text-transform: uppercase;
			font-family: Myriad Pro, Lucida Grande, Helvetica, Arial;
			font-weight: normal;
			padding-bottom: 17px;
			border-bottom: 1px solid #736543;

		}
		
		#footer-content h6.follow{
			border: none;
			float: right;
		}
		
		#footer-content h6.follow a{
			background: url('../img/logo-twitter.gif') no-repeat;		
			padding-left: 35px;
			display: block;
			line-height: 20px;
		}

		
		#footer-content a{
			color: #ffffff;
		}
		
		#footer-content a:hover{
			color: #c5db7a;
		}
		
		#footer-content .newsitem a{
			font-size: 1.2em;
		}
		
		
		/*Blog */
		div.newsitem {
			padding: 10px 0;
			border-top: 1px solid #736543;
		}
		
		p.date{
			color: #b1a381;
			text-transform: uppercase;
			padding: 3px 0;
			font-size: 0.9em;
			font-weight: bold;
		}
		
		/*Twitter*/		
		#twitter-box div.tweet {
			padding:8px 0 8px 0;
			border-top: 1px solid #736543;
		}	

		/* Contact From */
		#footer-content .msg{
			border-top: 1px solid #736543;
		}
		
		#footer-content input.inputbox {
			background: #EAF3D8;
			border: 1px solid #948359;
			color: #332B13;
		}
		
		/*Copyright*/
		
		#details{
		
			width: 940px;
		}
		#copyright{
			float: left;
			margin: 10px 0 0 10px;
			padding: 10px 0;
			display: inline;
			width: 620px;
			border-top: 1px solid #736543;
		}
		
		.privacy {
			float: left;
			display: inline;
			margin: 10px 10px 0 0px;
			padding: 10px 0;
			width: 280px;
			text-align: right;
			border-top: 1px solid #736543;
		}

/***************************************************************************
	CONTACT FORMS
***************************************************************************/
		form fieldset {
			padding-top: 10px;	
			border-top: 1px solid #736543;
		}	
		
		#getintouch div.formelement {
			height: 60px;
		}
		
		label {
			display: block;
			width: 40px;
			float: left;
			margin-top: 20px;
		}

		input.inputbox{
			width: 230px;
			margin: 10px 0 10px 2px;
			padding: 8px 10px 8px 10px;
		}

		.submit-box {
			margin-top: 5px;
			float: right;
			display: inline;
			width: 300px;
		}

			.submit-box input.submit {
				width: 148px;
				height: 44px;	
				text-indent: -9999px;
				border: 0;
				margin: 0 7px 0 8px;
				float: right;
				display: inline;
				outline: none;
			}

			.submit-box label.checkbox {
				width: 110px;
				margin-top: 3px;	
			}

			div.checkbox {
				float: left;
				display: inline;
				margin-top: 13px;
			}
		
		.msg, .newsletter {
			padding: 10px;
			line-height: 1.8em;
		}
		
		label.error {
			width: 100%;
			float: right;
			display: inline;
			margin: 0;
			margin-right: 5px;
			text-align: right;	
		}

/***************************************************************************
	BLOG
***************************************************************************/
	#content h3 {
		margin: 0;
		padding: 0;
		}
		
	#content .date {
		font-size: 1em;
		color: #8eb242;
		text-transform: uppercase;
	}
	
	.blog-archive p span.date{
		display: block;
		width: 150px;
		float: left;
		clear: left;
	}

	#static-content.box-640.blog-archive p a {
		color: #655836;
	}
	
	#static-content.box-640 p img {
		margin: 10px 0;
		border: 1px solid #cccccc !important;
	}

	#content p.intro {
		font-family: Georgia, serif;
		font-size: 1.6em;
		font-style: italic;
		font-weight: normal;
		text-transform: none;
		letter-spacing: normal;
		line-height: 1.4em;
		margin-top: 30px;
		}
		
	#content a.readmore {
		color: #8eb242;
		font-weight: bold;
		float: right;
		}
	
/***************************************************************************
	PRODUCTS
***************************************************************************/

#products, .lower-content {
	background: #ffffff;
	border-bottom: 1px solid #D9E6C7;
	margin: 0;
	padding: 20px 0 0 0;
	display: block;
}

#products, .lower-content.testimonials {
		background: url(../img/bg-products.gif) repeat-x #ffffff;
		padding: 0;
}

#whatwedo-content, #testimonials-content {
	width: 960px;
	margin: 0 auto;
}

#whatwedo-content{
	height: 350px;
}

#testimonials-content{
	height: 230px;
}

.lower-content div.box-320 {
	height: 150px;
}

.lower-content h3 {
	padding: 25px 10px;
}

.lower-content h4 {
	margin-top: 7px;
	margin-bottom: 10px;
	padding: 7px 0;
	font-weight: normal;	
	border-bottom: 1px solid #CFC4A9;
}

.lower-content p {
	color: #2f2b1b;
	line-height: 1.5em;
}

.lower-content img {
	float: right;
	display: inline;
	margin-left: 10px;
	margin-bottom: 50px;
}

/***************************************************************************
	COMMENT FORM
***************************************************************************/

#comment_form p input {
	float: left;
	display: inline;
	padding: 5px;
	border: 1px solid #ccc;
	width: 300px;
	margin-bottom: 10px;
}

#comment-submit {
	float: right;
	margin-right: 25px;	
}

#comment_form p textarea {
	width: 300px;
	border: 1px solid #ccc;
	padding: 5px;
}

#comment_form p label {
	margin: 5px 5px 0 0px;	
	width: 55px;
	float: left;
	text-align: right;
}

#comment_form p label.error {
	float: right;
	width: 100%;	
	color: #8eb242;
	margin: 0px 27px 10px 0;
}

#comment_form input.submit {
	float: right;
	margin-left: 10px;
}

#comment_form p input.checkbox {
	width: 20px;
	margin-top: 4px;
	margin-left: 60px;
}

#comment_form {
	width: 400px;	
}

#sidebar p.readmore {
	float: right;	
	display: inline;
	margin: 0;
	line-height: 1.6em;
}

#sidebar div.entry p.date{
	color: #544727;
	padding: 0;
	margin: 0;
	line-height: 1.6em;
	float: left;
}

	#sidebar.box-320 .entry p.readmore a{
		color: #544727;
	}
	
	#sidebar.box-320 .entry p.readmore a:hover{
		text-decoration: underline;
	}
	
	
/***************************************************************************
	COMMENTS
***************************************************************************/

#comments {
	margin: 30px 0;	
}	

div.comment-box {
	background-color: #EAF3D8;
	padding: 5px;
	margin: 5px;
	border: 1px solid #fff;
	width: 450px;
}

#content p.comment-name {
	text-transform: uppercase;
	color: #8eb242;
}

#comments p.comment-count {
	float: right;
	font-size: 3em;
	color: #8eb242;
	margin-top: 15px;
	margin-right: 10px;
}

div.comment-box-alt {
	background: #ffffff;
		padding: 5px;
	margin: 5px;
	border: 1px solid #fff;
	width: 450px;
}

.right{
	float: right;
}

.company{
	font-weight: bold;
}

#testimonials-content .company{
	float: right;
	margin-top: 10px;
}

#products #products-content .box-320 h4 a{
	text-decoration: none;
	color: #544727;
}

#sidebar.box-320 .entry p a, #content p a{
	color: #8eb242;
}

#homepage-content {
		background: none;
		width: 960px;
		clear: both;
		margin: 0 auto;
		padding: 0px 0;
		z-index: 0;
		position: relative;	
}

#featured-website{
	border: none;
	padding: 25px 0 90px;
}

#static-content p {
	font-size: 1.2em;
}

h5{
	font-size: 1.3em;
	color: #544727;
}

#footer-content div.clearfix div.get-in-touch-box.box-320 p {
	margin: 6px 0;	
}

#whatwedo-content div.box-320 p a {
	color: #8eb242;	
}

div#static-content.box-640 {
	padding: 20px 0;
	margin: 0 40px 80px 0;	
}