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

img, div, p, li, a { behavior: url(iepngfix.htc) }

* {
		margin: 0;
		padding: 0;
		
}
.clearfloat {
	
	clear:both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
	
}
img {
	
	border: 0;
	padding: 0;
	margin: 0;

}
body {
	
	background-color: #222222;

}
#container {

        width: 870px;
		margin: 0 auto;
		padding: 50px 0 0 0;
}

/*header*****/

#top {
	
	width: 870px;
	height: 101px;
	margin: 0 0 20px 0;
}

#logo {
	
	width: 642px;
	height: 101px;
	background-image: url(logo.gif);
	margin: 0;
	padding: 0;
	float: left;

}
#topnav {

    width: 128px;
	float: left;
	padding: 0;
	margin: 0;

}
#topnav ul {

    list-style: none;
	margin: 0;
	padding: 0 0 0 0;

}
#topnav li {
	
	margin: 0;
	padding: 0;

}
#topnav1 a {

    position: absolute;
	margin: 0 0 0 0;
	padding: 0;
	width: 108px;
	height: 101px;
	background-image: url(btn_portfolio.gif);
	background-repeat: no-repeat;
	text-indent: -9000px;  

}
#topnav2 a {
	
	position: absolute;
	margin: 0 0 0 101px;
	padding: 0;
	width: 120px;
	height: 101px;
	background-image: url(btn_about.gif);
	background-repeat: no-repeat;
	text-indent: -9000px;

}
#topnav1 a:hover ,
#topnav2 a:hover ,
#topnav3 a:hover ,
#topnav4 a:hover ,
#topnav5 a:hover ,
#topnav6 a:hover ,
#topnav7 a:hover ,
#topnav8 a:hover {
	
	background-position: 0 -101px;

}

.active {
	
	background-position: 0 -202px;

/*content*****/

}
#content {
	
	width: 870px;
	height: 500px;
	margin: 10px 0 0 0;
	
}
#footer {
	
	width: 870px;
	height: 20px;
	padding: 40px 0 0 10px;
}
#footer p {
	
	margin: 0;
	font-size: 11px;
	color: #5c5c5c;
	font-family: Arial, Helvetica, sans-serif;
}
#about {
	
	width: 870px;
	padding: 0 0 0 0;
}
#about p {
	margin: 0;
	padding: 10px 20px 10px 10px;
	font-size: 17px;
	line-height: 1.7em;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	
}
#about .subhead {
	font-size: 33px;
	color: #ff7e10;
	font-style: normal;
}