/* CSS Document */

body{
	font-family: 'Open Sans', sans-serif;
	background-color:#8d8b87;	
	background-image:url(images/bg_image.png);
	background-repeat:repeat-x;
}
#wrapper{
	width: 960px; 
	margin: 0 auto;
	background-color:#8c8574;	
}

.bar{
	min-height:15px;
	background-color:#000;	
}
#header{
	min-height: 250px;
	background-image:url(images/logo.png);
	background-repeat: no-repeat;
	margin-left: 30px;
	margin-top: 55px;
}
#header h1{
	text-indent: -9999px;	
}
.bar_nav{
	min-height: 5px;
	background-color:#000;
	opacity:.65;
}
.bar_bottom_small{
	min-height:5px;
	background-color:#000;
	opacity:.65;	
}
.bar_bottom_large{
	margin-top:3px;
	min-height:20px;
	background-color:#000;	
	opacity:.65;
}
#nav_about{
	float: right;
	width: 453px;
		
}


.test_nav{
	float:left;
}
.test_nav li{
	float:left;
	height: 30px;
	border-right:solid 2px #000;
	padding:10px 20px 5px 20px;
}

.test_nav li:last-child{
	border-right:none;
}

.test_nav li a{
	display: block;
	height: 35px; 
	font-size:20px;
	color:#000;
	text-decoration:none;
}
.test_nav li a:hover{
	text-decoration:none;
	color:#d9ab3c;	
}

.aboutme{
	padding-right:20px;	
}
.aboutme h2{
	margin-top: 10px;
	font-size:30px;
	font-weight:600;	
}
.aboutme p{
	font-size:25px;
	margin-top:15px;
	line-height:27px;
}

.bar_bottom_small_line{
	min-height:5px;
	background-color:#000;
	opacity:.65;
}
.bar_bottom_large_line{
	min-height:20px;
	background-color:#000;
	margin:10px 0 3px 0;
	opacity:.65;			
}
#content{
	margin-top:35px;
}
.portfolio a:visited, .portfolio a:active{
		outline:none;
}
#content h2{
	font-size:40px;
	font-weight:600;
	margin:10px 20px 0 20px;
}
.lines{
	float: right;
	width: 670px;
	margin-right: 17px;	
	margin-top:10px;
}

.digital_publishing{
	width: 560px;		
}

.graphic_design{
	width: 620px;		
}

.photography{
	width: 650px;		
}
.video{
	width: 800px;	
	border:2px solid #ccccc;
	border-radius: 25px;
	background:#000;	
}
.contact{
	width: 750px;	
}
.clear{
	clear:both;	
}
.screenshot{
	float:right;
	margin:55px 70px 55px 15px;
}

.sites h3{
	font-size: 22px;
	color:#d9ab3c;
	margin:20px 0 10px 20px;
	text-shadow:#000 0px 1px 1px;
}
.sites p, .sites li{
	font-size:20px;
	margin:20px 0 10px 20px;
	line-height: 24px;
	width: 350px;
}

.bump{
	margin-left:20px;
	margin-right: 20px;	
}
.sites a{
	margin-left: 20px;
	text-decoration:none;
	color:#000;
}	
.sites a:hover{
	text-decoration:underline;	
	color:#5c5440;
}
.portfolio ul{
	margin-left: 30px;	
	list-style-type:circle;
	margin-bottom: 20px;
}
.portfolio li{
	line-height: 12px;		
}

#photo{
	width: 900px;
	height: 375px;
	margin-top: 20px;
	margin-left: 30px;
	margin-bottom: 20px;	
}
#video{
	width: 900px;
	/*height: 175px;
	margin-top: 20px;
	margin-left: 30px;
	margin-bottom: 20px;*/	
}
#gallery {
	width: 900px;
	margin-left: 30px;
}
#gallery img{
	margin-right: 5px;
	margin-bottom: 5px;
		
}
#footer{
	min-height:200px;	
}
.form{
	float:right;
	margin:20px 30px 20px;
	
}	
#formtable {
	width: 400px;
}
.formleft {
	width: 150px;
	text-align: right;
}
.formlefttop {
	width: 100px;
	text-align: right;
	vertical-align: top;
}
.formright {
	width: 100px;
	text-align: left;
}
td {
	padding: 5px;
}
#footer p{
	color:#d9ac3c;
	margin:50px 70px 20px 70px;	
	font-size:30px;
	line-height:38px;
	opacity:.85;
	text-shadow:#000 0px 1px 1px;
	
}
.php{
	margin:70px 70px 20px 70px;	
}
.input{
	background-color:#d9ac3c;
	border:none;
}
.red{
	font-size:25px;
	line-height:33px;
	/*opacity:.5;	*/
}
.success{
	margin-top: 20px;	
}



#imageThumb{
	float: left;
	width: 350px;
	height: 660px;
	margin-top: 20px;
	margin-left: 15px;
	
}
#workDisplay{
	float: left;
	width: 530px;
	height: 660px;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.hide{
	text-indent: -99999px;
}

.work{
	padding: 10px 0 0 10px;
}	
.work li{
	width: 332px;
	height: 80px;
}
.work li a{
	display: block;
	background-image:url(images/myWork.png);
	height: 80px; 
}
.work a span{
	display: none;
}
/*begin spry navbar*/
.work .ka a{
	background-position: 0px 0px;	
}
.work .cAc a{
	background-position: 0px -80px;	
}
.work .oakley a{
	background-position: 0px -160px;	
}
.work .ready a{
	background-position: 0px -240px;	
}
.work .di a{
	background-position: 0px -320px;	
}
.work .memorial a{
	background-position: 0px -400px;	
}
.work .four a{
	background-position: 0px -480px;	
}
.work .recSchool a{
	background-position: 0px -560px;	
}
/*navbar hover spry*/
.work .ka a:hover, .work .ka a:focus{
	background-position: -332px 0px;	
}
.work .cAc a:hover, .work .cAc a:focus{
	background-position: -332px -80px;	
}
.work .oakley a:hover, .work .oakley a:focus{
	background-position: -332px -160px;	
}
.work .ready a:hover, .work .ready a:focus{
	background-position: -332px -240px;	
}
.work .di a:hover, .work .di a:focus{
	background-position: -332px -320px;	
}
.work .memorial a:hover, .work .memorial a:focus{
	background-position: -332px -400px;	
}
.work .four a:hover, .work .four a:focus{
	background-position: -332px -480px;	
}
.work .recSchool a:hover, .work .recSchool a:focus{
	background-position: -332px -560px;	
}
.back_to_top{
	margin: 10px 0 0 30px;	
}
.back_to_top a{
	font-size: 20px;
	text-decoration: none;
	color:#d9ab3c;
	
}

.back_to_top a:hover{
	text-decoration:none;
	color:#302E28;	
}

.video_display_indent{
	display:none;
}	
.solo_button{
	margin-left: 20px;	
}