/* Coding by Josh Craddock */

* { margin: 0; padding: 0; }
.clear { clear: both; }

body {
background: #edebe5;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
padding: 30px 0 100px 0;
}

#container {
width: 780px;
margin: 0 auto;
}

#header {
width: 780px;
height: 85px;
background: #2b2b2b;
}
	#header h1 {
	width: 90px;
	height: 31px;
	background: #2b2b2b url(../images/logo.jpg) no-repeat;
	float: left;
	margin: 26px 0 0 34px;
	display: inline;
	}
		#header h1 a { display: block; height: 31px; outline: none; }
		#header h1 span { display: none; }
	
	#headerRight {
	float: right;
	margin: 28px 34px 0 0;
	line-height: 15px;
	font-size: 12px;
	color: #FFFFFF;
	}
		#headerRight li { list-style: none; }
		#headerRight li span { font-weight: 100; color: #959595; }
		#headerRight li a { color: #FFFFFF; text-decoration: none; }
		#headerRight li a:hover { color: #959595; }

#about {
width: 724px;
padding: 28px;
background: #FFFFFF;
}
	#about h2 { 
	font-size: 26px;
	font-weight: 100;
	color: #5a677a;
	background: url(../images/greenArrow.jpg) no-repeat left center;
	padding: 0 0 0 24px;
	}
	
	#about h3 {
	font-size: 12px;
	font-weight: 300;
	color: #5a677a;
	line-height: 18px;
	margin: 10px 0 0 0;
	}
	
	#about p {
	font-size: 11px;
	color: #525252;
	line-height: 18px;
	margin: 10px 0 0 0;
	}
	
	#about ul { margin: 10px 0 0 0; }
	
	#about li {
	width: 241px;
	float: left;
	line-height: 18px;
	font-size: 11px;
	color: #525252;
	list-style: inside;
	}

#work {
width: 724px;
padding: 28px;
background: #e1dfd9;
position: relative;
}
	.workBlockL { margin-right: 28px; }
	.workBlock, .workBlockL {
	width: 348px;
	float: left;
	}
		.workBlock h4, .workBlockL h4 {
		font-size: 12px;
		font-weight: 300;
		color: #2b2b2b;
		margin: 14px 0 0 0;
		}
		
		.workBlock a, .workBlockL a { color: #2b2b2b; text-decoration: none; }
		.workBlock a:hover, .workBlockL a:hover { text-decoration: underline; }
	
	.workThumbnail {
	width: 348px;
	height: 180px;
	}
		.workThumbnail a { outline: none; }
		.workThumbnail img { border: 0; }
	
	#leftArrow,
	#work #coda-nav-left-1 {
	width: 20px;
	height: 40px;
	background: url(../images/leftArrow.jpg) no-repeat;
	position: absolute;
	top: 97px;
	left: -20px;
	}
		#leftArrow a, #work #coda-nav-left-1 a { display: block; height: 40px; outline: none; }
		#leftArrow span, #work #coda-nav-left-1 span { display: none; }
	
	#rightArrow,
	#work #coda-nav-right-1 {
	width: 20px;
	height: 40px;
	background: url(../images/rightArrow.jpg) no-repeat;
	position: absolute;
	top: 97px;
	right: -20px;
	}
		#rightArrow a, #work #coda-nav-right-1 a { display: block; height: 40px; outline: none; }
		#rightArrow span, #work #coda-nav-right-1 span { display: none; }

#contact {
width: 780px;
background: #c4c5c7;
}

	#form {
	width: 428px;
	padding: 28px;
	float: left;
	background: #d0d0d0;
	display: block;
	}
		#form h2 {
		font-size: 26px;
		font-weight: 100;
		color: #2b2b2b;
		background: url(../images/greyArrow.jpg) no-repeat left center;
		padding: 0 0 0 24px;
		}
		
		#form .sent,
		#form .error
		{
			font-size: 11px;
			font-weight: bold;
			line-height: 20px;
			margin: 10px 0px;
		}
			
			#form .sent span,
			#form .error span
			{
				font-size: 12px;
				line-height: 30px;
			}
			
			#form .sent
			{
				color: #4f6d09;
			}
			
			#form .error
			{
				color: #751c00;
			}
				
				#form p.error
				{
					margin-bottom: 0px;
				}
				
				#form ul.error
				{
					margin-top: 0px;
					margin-left: 25px;
				}
		
		.inputBlock {
		width: 214px;
		float: left;
		margin: 10px 0 0 0;
		}
			.inputBlock label, #message label {
			display: block;
			font-size: 12px;
			color: #5a677a;
			font-weight: 300;
			margin: 0 0 2px 0;
			}
			
			.inputBar {
			width: 173px;
			height: 19px;
			border: 1px solid #c1c1c1;
			padding: 4px 4px 0 4px;
			}
		
		#message { margin: 10px 0 0 0; }
		#messageArea { 
		width: 418px;
		border: 1px solid #c1c1c1;
		height: 55px;
		padding: 4px;
		}
		
		#messageArea, .inputBar {
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		color: #525252;
		font-size: 11px;
		font-weight: 500;
		}
		
		.verifySum
		{
			float: left;
			margin: 10px 0 0 0;
			height: 27px;
		}
			
			.verifySum label
			{
				float: left;
				line-height: 25px;
				color: #2a2a2a;
				font-size: 11px;
				padding: 0px 10px 0px 12px;
				background: #bbbbbb;
			}
			
			.verifyBar {
			border: 0;
			height: 19px;
			padding: 4px 4px 0 4px;
			width: 32px;
			text-align: center;
			border: 1px solid #c1c1c1;
			font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
			color: #525252;
			font-size: 11px;
			font-weight: 500;
			}
		
		#submit {
		width: 113px;
		height: 28px;
		background: url(../images/sendEmail.jpg) no-repeat;
		border: 0;
		float: right;
		margin: 10px 0 0 0;
		text-indent: -9999px;
		cursor: pointer;
		}
	
	#details {
	width: 240px;
	padding: 28px;
	background: #c4c5c7;
	float: right;
	line-height: 18px;
	}
		#details h2 {
		font-weight: normal;
		color: #798493;
		font-size: 15px;
		}
		
		#details ul { margin: 0 0 28px 0; }
		
		#details li {
		list-style: none;
		font-size: 12px;
		font-weight: 300;
		color: #2b2b2b;
		}
		
		#details li span { color: #798493; }
		#details li a { color: #2b2b2b; text-decoration: none; }
		#details li a:hover { text-decoration: underline; }
		
		#detailsTop { margin: 20px 0 0 0; }
		
		#details p {
		font-size: 12px;
		font-weight: 300;
		color: #2b2b2b;
		}
		
		#details h3 { 
		color: #2b2b2b;
		display: block;
		font-size: 12px;
		font-weight: 500;
		}

#footer {
text-align: center;
font-size: 13px;
font-weight: 300;
color: #525252;
margin: 28px 0 0 0;
}
	#footer a { color: #525252; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }