/*
	GLOBAL STYLES
*/

body{
	color:#666666;
	font-family:Helvetica;
	line-height: 18px;
	background-image: url(../resources/bg_stripe.jpg);
	background-color: #494949;
	background-attachment: fixed;
}
a {
	color:#999999;
	text-decoration: none;
}
a:hover {
	color:#66FF00;
}

/*
	HOME PAGE CSS
*/

	/* wrapper */
.home {
	width:800px;
	margin:0px auto 0px auto;
	padding-left: 0px;
	padding-right: 0px;
}

	/* header */
.home #header { height:100px; margin-bottom:20px; }
.home #header h1 { text-indent:-9999px;  position:relative; top:50px;}
.home #header h1 a {
	display:block;
	width:215px;
	height:26px;
	background: url(../images/logo.png) no-repeat;
}
.home #header h1 a:hover { background-position:left bottom;}
.home #header h5 {
	font-size:10px;
	text-align: right;
	font: arial;
	height: 10px;
	color: #999999;
	text-decoration: none;
	line-height: 4px;
}
.home #header h5 a {font-size:10px; text-align: right; font: arial; height: 10px;}
.home #header h5 a:hover {font-size:10px; text-align: right; font: arial; height: 10px;}


.home #header ul.menu { position:relative; top:37px; float:right;}
* HTML  .home #header ul.menu { top:33px; }
*:first-child+html  .home #header ul.menu { top:34px; }

.home #header ul.menu li { display:block; float:left; margin-right:5px;}
.home #header ul.menu li a{ text-decoration:none;}
	/* bio */
.home #body div.bio { margin-bottom:20px;}
.home #body div.bio h2 { text-indent:-9999px; width:622px; height:36px; background: url(../images/h2.bio_banner.gif) no-repeat; margin-bottom:10px;}
.home #body div.bio p { margin-bottom:10px; font-size:14px;}
	/* folio */
.home #body div.portfolio { margin-bottom:20px;}
.home #body div.portfolio h2 { text-indent:-9999px; width:622px; height:36px; background: url(../images/h2.folio_banner.gif) no-repeat; margin-bottom:10px; }
.home #body div.portfolio ul { display:block; padding-top:20px; }
.home #body div.portfolio ul li {
	margin-bottom:20px;
}
.home #body div.portfolio ul li h3 {font-size:10px; color:#66FF00; text-align: right;font: ARIAL;}
.home #body div.portfolio ul li p { font-size:12px;}
.home #body div.portfolio ul li a.top { float:right; text-decoration:none; font-size:12px;}
.home #body div.portfolio p { margin-bottom:5px;}
.home #body div.portfolio h1{
	font:Arial;
	font-size:34px;
	color:#333333;
	font-weight: bold;
	padding-top: 8px;
	padding-left: 10px;
}
.home #body div.portfolio h4 {
	font:Arial;
	font-size:12px;
	color:#999999;
	font-weight: normal;
	padding-top: 5px;
	padding-left: 11px;
	line-height: 11px;
}

.home #body div.portfolio h5 {
	font:Arial;
	font-size:10px;
	color:#B0B0B0;
	font-weight: normal;
	padding-top: 20px;
	padding-left: 10px;
	line-height: 12px;
	padding-right: 285px;
}

.home #body div.portfolio h6 {
	font:Arial;
	font-size:10px;
	color:#333333;
	font-weight: normal;
	padding-top: 8px;
	padding-left: 10px;
	line-height: 12px;
	padding-right: 285px;
	text-align: left;
}
.home #project {
	width:800px;
	height:515px;}
.home #flash {
	width:800px;
	height:375px;
	background-color: #FFFFFF;
}
.home #info {
	width:800px;
	height:160px;
	background-image:url(../images/info_box.png);
	background-repeat: no-repeat;
}

	/* footer */
.home #footer p { float:right; font-size:12px; color:#CCCCCC; margin-top:10px;}