



* { padding: 0; margin: 0; }







body {

	margin: 0;



	padding: 0;



	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;



	color: #666666; 



	background-color: #000;



	text-align: center;



}







/* links */







a { 







	color: #C93;



	background-color: inherit;



	text-decoration: none;



}







a:hover {



	color: #4284B0;



	background-color: inherit;



}







/* headers */







h1, h2, h3, h4 {



	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;



	color: #333;



	margin: 0;



	padding: 0;



}







h1 { font-size: 2.1em; color: #F90    ; text-transform: capitalize; } 



h2 { font-size: 1.4em; color: #9cc; padding-top: 5px;}



h3 { font-size: 1.3em; color: #699; text-transform: capitalize; }



h4 { font-size: 1.25em; color: #9cc; margin-top: 10px; margin-bottom: 3px;}



h5 { font-size: 0.90em; color: #B7BAB1; }







p, h1, h2, h3 {



	margin: 10px 15px;



}







h4 a {



	color: #000;



}







h4 a:hover {



	color: #9EC068;



}







/* images */







img {



	border: 0px;



}







img.no-border {



	border: none;



}







img.float-right {



  	margin: 5px 0px 5px 15px;  



}







img.float-left {



  	margin: 5px 15px 5px 0px;



}







code {



  	margin: 5px 0;



  	padding: 10px;



  	text-align: left;



  	display: block;



  	overflow: auto;  



  	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;



  	/* white-space: pre; */



  	background: #FAFAFA;



  	border: 1px solid #f2f2f2;  



  	border-left: 4px solid #4284B0; 



}







acronym {



  	cursor: help;



  	border-bottom: 1px solid #777;



}







blockquote {



	margin: 15px;



 	padding: 0 0 0 20px;  	



  	background: #FAFAFA;



	border: 1px solid #f2f2f2; 



	border-left: 4px solid #4284B0;   



	color: #4284B0;



	font: bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif; 



}







/* form elements */







form {



	margin:10px; padding: 0;





}







label {



	display:block;



	font-weight:bold;



	margin:5px 0;



}







input {



	padding: 5px;



	font: normal 1em Verdana, sans-serif;



	margin-top: 2px;



	color:#777;



}

input.textbox {
	width: 340px;	
}

input.button {
	background-color: #9cc;
	color: #000;
	border: 0px;
	font-weight: bold;
	font-size: 16px;
}




textarea {




	padding:2px;



	font: normal 1em Verdana, sans-serif;



	border:1px solid #eee;



	height:100px;



	display:block;



	color:#777;



}







ul {



	margin-left: 45px;



}







/* MAIN BODY */







#wrap {



	width: 950px;



	margin: 0 auto;



	margin-top: 20px;



}







#header {



	width: 895px;


	height: 336px;



	margin: 0 auto;



}


#main {



	width: 840px;



	text-align: left;



	margin: 0 auto;



	color: #EEE;



	font-size: 12px;



	margin-bottom: 15px;



}







#footer {



	margin-bottom: 20px;



}







#player {



	text-align: center;



	margin-top: 15px;



}







.job { font-size: 14px; font-weight: bold; color: #699; }







.right { float: right; }







.logo-list { 
	float: right; 
	margin-top: 30px;
	margin-bottom: 30px;
	width: 300px;
}

.logo {
	border: 2px solid #666;
	margin-bottom: 10px;
}


.photogallery {



	float: left;



	width: 245px;



	height: 200px;



	text-align: center;



	padding: 10px;



	margin-bottom: 20px;



	position: relative;



}







.photogallery .photogallery-guts {



	position: absolute;



	text-align: center;



	bottom: 0;



	left: 0;



	right: 0;



}







.photogallery .photogallery-guts .photogallery-title {



	font-size: 18px;



	font-weight: bold;



	text-transform: capitalize;



	margin-top: 10px;

	

	color: #9CC



}







.photogallery img {

	

	

	border: 4px solid #CCC;



}







#gallery-list,



#photo-list {



	margin-left: 25px;



}







#gallery-list {



	margin-bottom: 20px;



}







.photo {



	float: left; 



	padding: 5px;



	width: 175px;



	height: 175px;



	text-align: center;



	margin-right: 10px;



	margin-bottom: 10px;



	position: relative;

	

	background-color: #333;



}







.photo img {



	position: absolute;



	bottom: 0;



	top: 0;



	left: 0;



	right: 0;



	margin: auto;



}







#portfolio-desc {



	margin-left: 25px;



	margin-right: 30px;



	margin-top: 0px;



	padding: 0px;



	font-size: 14px;



	color: #EEE; 



}







#splitter {



	margin-top: 25px;



	height: 1px;



	border-bottom: 1px dashed #CCC;



	margin-bottom: 20px;



}

#contact-form {
	margin-left: 5px;
}

#contact-details {
	margin-top: 25px;
	margin-right: 10px;
	font-size: 14px;
	line-height: 20px;
	background-color: #333;
	padding: 15px;
}

#contact-details h2 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
}

.error,
.success {
	margin-left: 15px;
	font-size: 16px;
	font-weight: bold;
}
.error { color: #F00; }
.success { color: #9cc; }
.endofchain { color: #C60; }

#blogpost-list {
	width: 550px;
	margin-left: 35px;
}

#blogpost-list .blogpost {
	margin-bottom: 10px;
	background-color: #333;
	padding: 5px;
	font-size: 14px;
	position: relative;
	padding-bottom: 15px;
}

.blogpost a {
	font-weight: bold;
}

#blogpost-list .blogpost .blogpost-readmore {
	position: absolute;
	background-color: #F90;
	bottom: 0;
	right: 0;
	padding: 3px;
	font-weight: bold;
}

#blogpost-list .blogpost .blogpost-readmore a,
#blogpost-list .blogpost .blogpost-readmore a:visited {
	color: #000;
}

#blogpost-list .blogpost .blogpost-readmore a:hover {
	color: #4284B0;	
}

#blogpost-list .blogpost .blogpost-title {
	font-size: 1.5em; 
	color: #FFF; 
	text-transform: capitalize;
	margin: 0px;
	font-family: 'Trebuchet MS', Arial, Sans-serif;
	line-height: 24px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
}
#blogpost-list .blogpost .blogpost-title a,
#blogpost-list .blogpost .blogpost-title a:visited {
	color: #FFF;
}
#blogpost-list .blogpost .blogpost-title a:hover {
	color: #9cc;
}

#blogpost-list .blogpost .blogpost-details {
	font-size: 10px;
	padding-right: 5px;
	padding-top: 3px;
	margin-left: 15px;
	color: #CCC;
}

#blogpost-list .blogpost .blogpost-body {
	padding: 15px;
	margin-right: 10px;
}

#blogpost-list #blogpost-list-more {
	text-align: center;
	padding: 3px;
	background-color: #333;
	font-weight: bold;
}

#linkouts {
	float: right;
	width: 225px;
	margin-top: 7px;
}

#linkouts h1 {
	padding: 0px;
	margin: 0px;
}

#linkouts .linkbox {
	margin-top: 10px;
}

#linkouts .linkbox img {
	margin-top: 3px;
}

#front-gallery {
	margin-left: 35px;
}
#front-gallery .gallery-box {
	border: 6px solid #333;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
	background-color: #333;
}

#front-gallery .gallery-info {
	padding: 5px 3px 1px 3px;
	font-weight: bold;
}

.welcome-text {
	margin-left: 35px;
}

.welcome-text a {
	font-weight: bold;
}

.margtop {
	margin-top: 15px;
}

.highlight-orange {
	color: #F90;
}

/* CLEAR FIX */







.clearfix:after {



    content: "."; 



    display: block; 



    height: 0; 



    clear: both; 



    visibility: hidden;



}







.clearfix {display: inline-block;}







/* Hides from IE-mac \*/



* html .clearfix {height: 1%;}



.clearfix {display: block;}



/* End hide from IE-mac */









