@charset "utf-8";
/* CSS Document */

*{
	margin: 0 auto;
	padding: 0;
}

.clear{
	clear: both;
}

.orange{
	color:#d8a250;
	font: bold 15px Arial;
}

.links{
	color: #d8a250;
	text-decoration: none;
}

.links:hover{
	color:#CCCCCC;
}

body{
	background: url(../images/bg2_straight.jpg) top #191919 no-repeat;
}

#header{
	width: 100%;
	background: url(../images/header_bg.png) repeat-x;
}

#main{
	width: 950px;
	overflow: hidden;
	_height: 115px;
}


#logo{
	width: 346px;
	float: right;
}

#content_area{
	width:950px;
	overflow: hidden;
}

#door_top{
	width:150px;
	float: left;
	padding: 88px 0 0 110px;
}

_#door_top img{
	width: 200px;
}

/* START NAV */

#nav{
	width: 123px;
	float: left;
	padding: 50px 0 0 35px; 
}


#nav div {
	float: left;
}



#nav div a {
	display: inline-block;

}

#nav div a span {
	display: none;
}


	#nav1 a { width: 123px; height: 50px; background-position: 0 0; background-image:url(../images/home.gif);}
	#nav1 a:hover { width: 123px; background-position: -123px 0; }
	
	#nav2 a { width: 123px; height: 70px; background-position: 0 0; background-image:url(../images/profile.gif);}
	#nav2 a:hover { width: 123px; background-position: -123px 0; }
	
	#nav3 a { width: 123px; height: 60px; background-position: 0 0; background-image:url(../images/projects.gif);}
	#nav3 a:hover { width: 123px; background-position: -123px 0; }
	
	#nav4 a { width: 123px; height: 60px; background-position: 0 0; background-image:url(../images/services.gif);}
	#nav4 a:hover { width: 123px; background-position: -123px 0; }
	
	#nav5 a { width: 123px; height: 60px; background-position: 0 0; background-image:url(../images/contact_nav.gif);}
	#nav5 a:hover { width: 123px; background-position: -123px 0; }
	
	#nav6 a { width: 159px; height: 60px; background-position: 0 0; background-image:url(../images/inspiration.gif);}
	#nav6 a:hover { width: 159px; background-position: -171px 0; }


/* END NAVIGATION */

#main_content{
	width:654px;
	float:right;
	padding: 10px 0 22px 0;
}

#text{
	float:left;
	width: 345px;
	font: 14px Arial;
	color:#eaeaea;
	line-height: 18px;
	text-align:justify;
	padding: 0 17px 0 0;
	margin: 23px 0 0 0;
	border-right: 1px solid #CC9966;
}

#text ul{
	padding: 0 0 0 15px;
}

#text li{
	list-style:circle;
}

#sitemap{
	float:left;
	width: 345px;
	line-height: 18px;
	text-align:justify;
	padding: 0 17px 0 0;
}

#sitemap a{
	color:#ccc;
	text-decoration:none;
	font: 14px Verdana;
}

#sitemap a:hover{
	color: #d8a250;
}

#text_projects{
	float:left;
	width: 630px;
	font: 14px Arial;
	color:#eaeaea;
	line-height: 18px;
	text-align:justify;
	padding: 0 17px 0 0;
	margin: 23px 0 0 0;
}

#contact{
	float:left;
	width: 230px;
	padding: 15px;
	margin: 28px 0 0 25px;
	color: #c5c5c4;
	font: 12px Arial;
	line-height: 18px;
	background: url(../images/footer_bg.png);
}

#inspiration{
	float:left;
	width: 590px;
	padding: 15px;
	margin: 28px 0 0 5px;
	color: #c5c5c4;
	font: 12px Arial;
	line-height: 18px;
	background: url(../images/footer_bg.png);
}

#profile_flash{
	float:left;
	width: 230px;
	padding: 15px;
	margin: 8px 0 0 25px;
}

#services_flash{
	float:left;
	width: 230px;
	padding: 15px;
	margin: 8px 0 0 25px;
}


#contact a{
	font: 12px Arial;
}

#footer_contain{
	background: url(../images/footer_bg.png);
	width: 100%;
}

#footer{
	width: 950px;
	padding: 10px;
	overflow: hidden;
}

#copyright{
	font: 11px arial;
	color:#825725;
	width: 350px;
	float: left;
	padding: 5px 0 0 0;
}

#subnav{
	float:left;
	width: 400px;
	color: #825725;
	font: 11px arial;
	padding: 5px 0 0 0;
}

#subnav a{
	color: #825725;
	text-decoration: none;
	padding: 0 5px;
}

#subnav a:hover{
	color: #eaeaea;
	text-decoration: underline;
}

#iislogo{
	width: 100px;
	float: right;
}

#pics{
	background: url(../images/footer_bg.png);
	width: 630px;
	overflow: hidden;
	padding: 10px 20px;
}

.imgs{
	width: 100px;
	float: left;
	margin: 10px 10px 10px 10px;
	border: 2px solid #CC9966;
}

.imgs_l{
	width: 75px;
	float: left;
	margin: 10px 10px 10px 10px;
	border: 2px solid #CC9966;
}


.imgs:hover{
	border: 2px solid #623909;
}

.imgs_l:hover{
	border: 2px solid #623909;
}

a:focus{
	outline: none;
}