html 
{
	
	height:					100%;
}

body 
{
	background-color:		#393F46;
	margin:					0;
	padding:				0;
	font-family:			Tahoma, Arial, Helvetica, Verdana;
	font-size:				10px;
	color:					#565f6a;
	}

#top
{
	margin: 				auto;
	width: 					670px;
	height: 				67px;
	background-image: 		url('gfx/top_bg.gif');
	background-repeat: 		repeat-x;
	vertical-align:			middle;
	position:				relative;
}

#header 
{

	margin:					auto;
	width:					670px;
	height:					92px;
	background-image: 		url('gfx/header_bg.gif');
	background-repeat: 		repeat-x;
}

#content 
{
	margin :				auto; 
	width : 				670px;
	font-family:			Tahoma, Arial, Verdana, Helvetica;
	font-size:				12px;
	
}

#footer 
{
	margin : 				auto;
	padding:                35px 0px 0px 8px;
	width:   				670px;
	height:  				107px;
	background-image:		url('gfx/footer_bg.gif');
	clear: both;
}

/* TOP ICONS HOME AND EMAIL */
#email_icon 				{ float:right; margin: 22px 0 0 0;}
a#email_icon				{ background-image:url(gfx/email_icon_normal.gif); height: 16px; width:61px; display:block; }
a#email_icon span			{ display:none; }
a#email_icon:hover			{ background-image:url(gfx/email_icon_over.gif); }
a#email_icon:visited		{ }

#home_icon 					{ float:right; margin: 22px 0 0 0;}
a#home_icon					{ background-image:url(gfx/home_icon_normal.gif); height: 16px; width:61px; display:block; }
a#home_icon span			{ display:none; }
a#home_icon:hover			{ background-image:url(gfx/home_icon_over.gif); }

#header img 				{ margin: 24px 0 0 0;}

/* NAVIGATION */
#contact_nav				{ float: right; margin: 24px 0 0 0;}
a#contact_nav				{ background-image:url('gfx/contact_nav_normal.gif'); height: 41px; width:73px; display:block; }
a#contact_nav span 			{ display:none;}
a#contact_nav:hover			{ background-image:url('gfx/contact_nav_over.gif')}

#commercial_nav				{ float: right; margin: 24px 0 0 0;}
a#commercial_nav			{ background-image:url('gfx/commercial_nav_normal.gif'); height: 41px; width:83px; display:block; }
a#commercial_nav span 		{ display:none;}
a#commercial_nav:hover		{ background-image:url('gfx/commercial_nav_over.gif')}

#work_nav					{ float: right; margin: 24px 0 0 0;}
a#work_nav					{ background-image:url('gfx/work_nav_normal.gif'); height: 41px; width:76px; display:block; }
a#work_nav span 			{ display:none;}
a#work_nav:hover			{ background-image:url('gfx/work_nav_over.gif')}

#about_nav					{ float: right; margin: 24px 0 0 0;}
a#about_nav					{ background-image:url('gfx/about_nav_normal.gif'); height: 41px; width:78px; display:block; }
a#about_nav span 			{ display:none;}
a#about_nav:hover			{ background-image:url('gfx/about_nav_over.gif')}

#main_nav					{ float: right; margin: 24px 0 0 0;}
a#main_nav					{ background-image:url('gfx/main_nav_normal.gif'); height: 41px; width:81px; display:block; }
a#main_nav span 			{ display:none;}
a#main_nav:hover			{ background-image:url('gfx/main_nav_over.gif')}

#brandon_pic                { margin: 8px; float:left;}
#welcome 					
{
	height:					159px;
	background-image:		url('gfx/main_bg2.gif');
	background-repeat:		repeat-x;				
}

#content_bio
{
	color:					#c7c7c7;
	margin:					15px;
}

#content_bio p 				{ color: #818181;}


#content_commercial
{
	color:					#c7c7c7;
	margin:					8px;
}

#content_commercial p 		{ color: #818181;}

#contact-area 
{
	width:					350px;
	font-family:			Tahoma, Arial, Helvetica, Verdana;
	color:					#6c7683;
	font-size :				10px;
	margin 	:				15px;
	float:					left;
}


#contact-area input, #contact-area textarea
{
	padding: 				2px;
	width: 					300px;
	font-family:			Tahoma, Arial, Helvetica, Verdana;
	font-size: 				10px;
	margin: 				3px 0px 10px 0px;
	border: 				1px solid #ccc;
}

#contact-area textarea 		{height: 90px;}

#contact-area textarea:focus, #contact-area input:focus {
	border: 				1px solid #6c7683;
}

#contact-area input.submit-button {
	width: 					100px;
}

label {
	
}


#gallery {
	padding:				15px;
	width:					667px;
}

#gallery ul 				{ list-style: none; }
#gallery ul li 				{ display: inline; }
#gallery ul img 
{
	border: 				5px solid #c7c7c7;
	border-width: 			5px 5px 20px;
}

#gallery ul a:hover img {
	border:					5px solid #fff;
	border-width:			5px 5px 20px;
	color:					#fff;
}
	
#gallery ul a:hover 		{ color: #fff; }