/*
Chris Shuknecht
version 1.0
*/

/* remove default formatting */
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,p {font-size: 1em;font-weight:normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
a {text-decoration: none;outline:none;}
/* end of default reformatting */


/* layout */
div#container {
	width: 800px;
	margin:  0 auto;
}
div#branding{
	width: 100%;
	height: 100px;
}
	#brandMain{
		position: relative;
		top:35px;	
	}
div#navContainer, div#footerContainer{
	width: 100%;
	height: 260px;
}
ul#navMain {
	position:relative;
	top: 30px;
	width: 800px;
	height: 200px;
	padding-top: 1px;
	margin:0 auto;
}
	ul#navMain li{
		margin-left:415px;
	}
		ul#navMain li{
			display:block;
			width: 385px;
			height: 49px;
			margin-bottom: 1px;
		}
		ul#navMain li a{
			width: 300px;
			height:49px;
			position: relative;
			left:85px;
			display:block;	
		}
		ul#navMain li div{
			position:absolute;
			top: 0px;
			left: 0px;
			padding:15px 20px;
			width: 370px;
			height:171px;
			display: none;
		}
		ul#navMain li div em{
			display:block;
			width: 100%;
			padding-bottom:.5em;	
		}
#pageHome #pageDescHome,#pageWork #pageDescWork,#pageAbout #pageDescAbout,#pageContact #pageDescContact{
	display:block;
	z-index:0;
}
div#content{
	position:relative;
	width: 100%;
	min-height:200px;
	padding: 2em .2em;
}
	div#content .workSample{
		display:block;
		padding:4px;
		border:8px solid #8D8A76;
	}
	div#content .caption{
		position:relative;
		display:block;
		height:auto;
		width: 485px;
		padding:.3em 0;
		margin-bottom:15px;
		border-bottom:1px solid #8D8A76;
	}
		.caption label{
			padding: .6em 1em;
		}
		.caption a, .inactive{
			position:absolute;
			top: 3px;
			right:10px;
			padding-right:5px;
			text-align:right;
		}
		.sampleDesc{
			padding: 1em;
			margin-bottom:2em;
		}
		.projectSection{
			position:relative;
			display:block;
			margin:2em 0 7em 0;
		}
		#pageWork .sampleDesc{
			margin-left:500px;
			position:absolute;
			top:0px;
			border-top:1px solid #8D8A76;
			background:none;
			padding: 5px 0 1em 0;
		}
	div#content_main{
		float:left;
		width: 485px;
	}
	div#content_sub{
		float: right;
		width: 290px;
	}
ul#navContent{
	width: 300px;
	float:right;
}
ul#navContent li{
	float:left;
	padding-right:1.4em;
}
#pageAbout #content_main h3{
	padding: .2em 0;
	border-bottom:1px dashed #8D8A76;
	margin:1em 0 .5em 0;
}
#pageAbout p, #pageContact p, #pageHome #content_sub p{
	padding-bottom:1em;	
}
div#footerContainer{
	position:relative;
	width: 100%;
	height:150px;
	border-top:7px solid #fffdef;
}
	div#footer{
		width:800px;
		margin: 0 auto;
		height: 100%;
	}
		div#footer ul{
			position: relative;
			top: -40px;
			width: 400px;
			float: left;
		}
		div#footer ul li{
			float: left;
			
		}
		div#footer ul li a{
			display:block;
			padding: .5em 1em;
		}
.clear{
	clear:both;	
}
.hd{ /* global class setting heading sizes */
	height:30px;
	width:100%;
	padding-bottom: 10px;
	margin-bottom:15px;
	border-bottom:1px solid #4e4c41;
}
.contentDetail{
	display:block;	
}
	div#content_sub .contentDetail{
		margin:0em 0 2em 0;
	}
#brandSecondary{
	padding: 1em 0 .2em 0;
	height:22px;
	width:179px;
	position:relative;
	left: 622px;
}

form li{
	display:block;
	padding:0 0 1.5em 0;
}
#pageContact label{
	display:block;
}
#formContact input,#formContact textarea{
	width:100%;
	padding:.5em 0;
}
#formContact #submit{
	width:auto;
	border:none;
}
div#testimonial{
	padding: 1em .5em;
}
div#testimonial q{
	display:block;
	padding-bottom:1.5em;
	margin:0 -.5em 1em 0;
}
#author{
	margin-left: -3em;
	display:block;
	padding-left:0;
}
#testimonial label{
	margin-left: -3.5em;
	display:block;
}
div#content_main dl dd{
	position:relative;
	left: -30px;
	width: 95%;
	padding-bottom:1em;
}
div#content_main dl dt{
	display:block;
	padding:.5em 0 .2em 0;
}
/* end layout */

/* color/imagery */

html{
	background: url(../graphics/body_tile2.jpg) repeat-x top left #cdc9ac;
}
body{
	color:#4e4c41;
}
#branding{
	background: url(../graphics/logo_bg.png) no-repeat 0 8px;
}
	#brandMain{
		background: url(../graphics/logo2.gif) no-repeat top left;	
	}
div#navContainer{
	/* background: url(../graphics/nav_bg2.jpg) no-repeat 0px -1px; */
}
	ul#navMain {
		background: url(../graphics/navfade.jpg) repeat-y top right;
	}
		ul#navMain li{
			background: url(../graphics/nav_bg.gif) no-repeat right bottom;	
		}
		ul#navMain li:hover{
			background: url(../graphics/nav_bg.gif) no-repeat right center;	
		}
		#pageHome #navContHome,#pageWork #navContWork,#pageAbout #navContAbout,#pageContact #navContContact{
			background: url(../graphics/nav_bg.gif) no-repeat right top;	
		}
		/* navMain normal titles */
		#navItemHome{background: url(../graphics/nav_titles.gif) no-repeat 12px -196px;}
		#navItemWork{background: url(../graphics/nav_titles.gif) no-repeat 12px -247px;}
		#navItemAbout{background: url(../graphics/nav_titles.gif) no-repeat 12px -298px;}
		#navItemContact{background: url(../graphics/nav_titles.gif) no-repeat 12px -347px;}
		/* navMain specific page titles */
		#pageHome #navItemHome{background: url(../graphics/nav_titles.gif) no-repeat 12px 0px;}
		#pageWork #navItemWork{background: url(../graphics/nav_titles.gif) no-repeat 12px -49px;}
		#pageAbout #navItemAbout{background: url(../graphics/nav_titles.gif) no-repeat 12px -99px;}
		#pageContact #navItemContact{background: url(../graphics/nav_titles.gif) no-repeat 12px -149px;}
		
		ul#navMain li div{
			background: url(../graphics/nav_msg_bg.gif) no-repeat left top;
		}
		ul#navMain li div em{
			background-color:#fffdef;
			color:#353C5B;	
		}
		ul#navMain li div p{
			background-color:#fffdef;
			color:#5F6E81;	
		}

/* heading img replacement declarations */
#hdFeaturedWork{background: url(../graphics/hd_featured.png) no-repeat center left;}
#hdWhoIAm{background: url(../graphics/hd_whoiam.png) no-repeat center left;}
#hdWhatIDo{background: url(../graphics/hd_whatido.png) no-repeat center left;}
#hdAbout{background: url(../graphics/hd_about.png) no-repeat center left;}
#hdContact{background: url(../graphics/hd_contact.png) no-repeat center left;}
#hdWhatTheySay{background: url(../graphics/hd_whattheysay.png) no-repeat center left;}
#hdWhyChooseMe{background: url(../graphics/hd_whychooseme.png) no-repeat center left;}

#pageHome div#content label,#pageWork div#content label{
	background-color:#8D8A76;
	color:#fffdef;
}
#pageHome .sampleDesc{
	background: #8D8A76;
}
div#testimonial{
	background: url(../graphics/quote_open.png) no-repeat top left;
}
div#testimonial q{
	background: url(../graphics/quote_close.png) no-repeat bottom right;
	color: #8D8A76;
}
div#content_sub div#testimonial label{
	background: none;
	color: #4e4c41;
}
div#footerContainer{
	background-color:#4e4c41;
	color: #8d8a77;
}
	h3#brandSecondary{
		background: url(../graphics/logo_lt.png) no-repeat bottom right;
	}
/* main content links */
a:link,a:visited{color:#353C5B;}
a:hover,a:active{color:#fffdef;}

.inactive{
	color:#8D8A76;
}
/* footer links */
#footer a:link,#footer a:visited{color:#8D8A76;}
#footer a:hover,#footer a:active{color:#fffdef;}

#formContact input,#formContact textarea{
	background-color:#fffdef;
	border:1px solid #8D8A76;
}
#formContact #submit{
	background:none;
	color:#353C5B;
	cursor:pointer;
}

/* end color */

/* text */

body{
	font-family:"Helvetica Neue", helvetica, arial, sans-serif;	
}
ul#navMain li div p{
	line-height:1.5em;
	font-size:1.2em;
	
}
.imgReplace{
	text-indent:-9999px;	
}
	ul#navMain li div em{
		font-size:1.5em;
		font-style: normal;
		font-weight: 100;
	}
div#content{
	font-size:.9em;
	font-weight:100;
	line-height:1.6em;	
}
.sampleDesc{
	line-height:1.7em;
}
div#footer p{
	text-align:right;	
	font-size: .8em;
}
#formContact input,#formContact textarea{
	font-size:1em;
	font-family:"Helvetica Neue", helvetica, arial, sans-serif;	
}
#pageAbout h3{
	font-size:1.3em;
	font-weight:100;
}
div#testimonial{
	text-indent:3em;
}
div#testimonial q{
	font-style:italic;
	font-size:.9em;
	line-height:1.5em;
}
	#author{
		font-size:1.1em;
	}
	#testimonial label{
		font-size: .9em;
		font-style:italic;
	}
div#content_main dl dt{
	font-size:1.3em;
	font-weight:bold;
}
div#content p{
	line-height:1.4em;
}
/* end text */

.validation-failed {
  border: 1px solid #f00;
}
.validation-passed {
  border: 1px solid green;
}
.validation-advice {
  margin: 2px; 
  padding: 2px; 
  color:#fffdef; 
  background-color:#5F6E81;
}
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px;
	padding: 2px;
	color:#fff;
	background-color:#bbb;
}