/* Chris Scheufele */
/* 2009  johnromang.com      */
/* Afterhoursdevelopment.com */

/* Global 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, images, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
	
	
	ol, ul {
		list-style: none;
	}
	
	table {
		border-collapse: separate; 
		border-spacing: 0;
	}

	caption, th, td {
		text-align: left; 
		font-weight: normal;
	}
	h1, h2, h3, h4, h5, h6 {
		font-weight:normal;
	}
	
/* End Global Reset */

* {margin:0;padding:0;} 

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

body{
	background: url(images/top_bg_image.jpg) center top no-repeat #000000;
	font: Normal 13px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;

}

a{
	color:#FFFFFF;
	text-decoration:none;
}

a:hover{
	text-decoration:line-through;
}

p{
	margin:5px;
}

.smalltext{
	font-size:10px;
}

.grey{
	color:#999999;
}

.allcaps{
	text-transform:uppercase;
}

.error{
	color:#FF0000;
}

.bold{
	font-weight:bold;
}

.button{
	margin-top:10px;
	background:#000000;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
	width:100px;
	text-align:center;
	cursor:pointer;
}

.button:hover{
	margin-top:10px;
	background:#FFFFFF;
	color:#000000;
	border:1px solid #FFFFFF;
}

h2{
	font-size:14px;
	padding-bottom:10px;
	margin-bottom:10px;
	text-transform:uppercase;
	border-bottom: 1px dotted #FFFFFF;
}




#main{
	width:100%;
	height:100%;
	padding-bottom:150px;
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

#upper{

	overflow:auto;
}

#header{
	padding-top:30px;
}

#header a{
	border:0;
}

#logo{
	width:300px;
	float:left;
}

#logo a img{
	border:0;
	text-decoration:none;
}

#nav {
	width:300px;
	padding-top:100px;
	float:right;
}

#nav a{
	color:#CCCCCC;
	text-decoration:none;
}

#nav a:hover{
	color:#FFFFFF;
	text-decoration:line-through;
}

#nav ul{
	list-style:none;
	list-style-type:none;
}

#nav ul li{
	display: inline;
	list-style-type: none;
}

#content{
	margin:25px 10px 0 50px;
}

#gallery_nav{
	width:100%;
}

#gallery_nav ul li{
	display:inline;
	list-style-type:none;
}

#profile{
	width:300px;
	float:left;
}

#fp_image{
	float:left;
	margin-left:40px;
}

#fp_image img{
	padding:3px;
	border:1px solid #FFFFFF;
}

#contact_icons{
	background:#000000;
	width:250px;
	float:left;
	padding:3px;
	border:1px solid #FFFFFF;
}

#contact_icons li{
	margin:0 0 5px 5px;
}

#contact_form{
	float:left;
	margin-left:20px;
	width:500px;
	text-align:left;
}

#contact_form li{
	list-style:none;
	list-style-type:none;
}

#message{
	width:300px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#contact_form textarea{
	width:400px;
	height:200px;
}

#profile h2{
	font-size:14px;
	padding-bottom:10px;
	margin-bottom:10px;
	text-transform:uppercase;
	border-bottom: 1px dotted #FFFFFF;
}


#footerwrap{
	position:relative;
	margin-top:-120px;
	height:119px;
	clear:both;
	width:100%;
	border-top: 1px solid #CCCCCC;
}

#footerwrap a{
	color:#000000;
}

/* 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 */

#footer{
	width:100%;
	height:115px;
	background: url(images/bottom_bg_image.png) #FFFFFF;
	margin-top: 4px;

}

#footercap{
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

#footerinfo{
	width:440px;
	padding-top:20px;
	float:right;
	color:#666666;
	overflow:auto;
}

#footerinfo img{
	float:left;
	margin-right:10px;
}

.gallery_images{
	width:250px;
	float:left;
}

#gallery_collection img{
	border: solid 1px #FFFFFF;
}

.gallery_images img{
	border: solid 3px #FFFFFF;
	height:160px;
}

.gallery_info{
	width:650px;
	float:right;
}

.gallery_info h1{
	font-size:18px;
}

.item{
	overflow:auto;
	margin:10px 0 10px;
	height:180px;
}

.item a{
	color:#999999;
}

.back{ 
	margin-bottom:10px;
	float:left;
	width:100%;
}
.back a{ color:#999999; }

.gallery_title{
	float:right;
	margin-right:65px;
	font-size:18px;
}
.gallery_summary{
	visibility:hidden;
	display:none;
}