@charset "UTF-8";
/* CSS Document */
body{
	font-family:Verdana, Geneva, sans-serif;
	}
a {
	color:#02203e;
	text-decoration:underline;
}
img {
	border:none;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
	font-weight:600;
	background-color:#666666;
	height:16px;
	padding:10px;
}
#home {
	background-color:#222222;
	margin:auto;
	overflow:auto;
	width:962px;
	background:url(../images/bg_stripe_blog.gif) repeat-x;
}
#header_bg {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:133px;
	background:url(../images/bg_top.gif);
}
#header {
	position:relative;
	left:36px;
	top:0px;
	width:891px;
	height:126px;
	background:url(../images/header_new2.gif);
}
#top_nav {
	position:absolute;
	top:46px;
	left:470px;
	width:330px;
}
#mainStage_bg {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	width:960px;
	height:960px;
	/*
	background:url(../images/bg_mid4.gif);
	*/
	border:none;
}
#main_project {
	background:url(../images/bg_project_indie2.gif) no-repeat;
	position:relative;
	top:7px;
	left:34px;
	width:884px;
	height:936px;
}
div.inline {
	float:left;
}
.clearBoth {
	clear:both;
}
#gallery {
	position:absolute;
	top:36px;
	left:246px;
	width:600px;
	height:410px;
	color:#fff;
	font-size:12px;
}
#dashboard{
	position:relative;
	margin:0px;
	padding:0px;
	padding-top:10px;
	top:366px;
	left:40px;
	width:800px;
	color:#CCC;
	font-size:14px;
	}
#dashboard_project{
	position:relative;
	left:20px;
	width:140px;
	margin-right:10px;}
#dashboard_client{
	position:relative;
	left:20px;
	width:140px;
	margin-right:10px;}
#dashboard_date{
	position:relative;
	left:20px;
	width:100px;}
#dashboard_skill{
	position:relative;
	left:20px;
	width:180px;}
.dashboard_content{
	color:#0CF;
	font-size:12px;
	line-height:18px;
	}
.dashboard_content a{
	text-decoration:underline;
	color:#0CF;
	}
#btn_more{
	position:relative;
	top:20px;
	left:40px;
	width:120px;}
#bottom {
	position:absolute;
	top:480px;
	left:72px;
	margin:0px;
	padding:0px;
	padding-top:10px;
	width:810px;
	color:#CCC;
	font-family:Verdana, Geneva, sans-serif;
}
.description {
	position:relative;
	padding:0px;
	margin:0px;
	left:2px;
	top:0px;
	width:500px;
	height:420px;
}
#overview {
	position:absolute;
	top:46px;
	width:480px;
	height:350px;
	padding:10px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.overviewHeader {
	letter-spacing: 1px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:20px;
	color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.overviewContent {
	padding-left:36px;
	padding-bottom:20px;
	font-size:12px;
	line-height:20px;
	color:#dddddd;
	text-align:justify;
}
.overviewContent a {
	color:#FEFCDC;
	}
#right {
	position:absolute;
	left:520px;
	top:6px;
	width:290px;
	height:436px;
}
#related {
	position:relative;
	left:10px;
	top:50px;
	padding:10px;
	width:250px;
	height:140px;
}
#thumbnail_area {
	position:absolute;
	top:16px;
	left:20px;
	width:70px;
	height:140px;
}
.thumbnails {
	height:60px;
	padding-bottom:10px;
}
#title_area{
	position:relative;
	top:6px;
	left:80px;
	width:180px;
	height:140px;
	}
.relatedTitle {
	position:relative;
	top:20px;
	left:0px;
	height:60px;
	color:#0CF;
	font-size:12px;
	padding-bottom:10px;
}
.relatedTitle a{
	text-decoration:none;
	color:#0CF;
	}
.relatedTitle a:hover{
	text-decoration:underline;
	color:#fff;
	}
.share {
	position:absolute;
	left:598px;
	top:60px;
	width:260px;
	height:350px;
	padding:10px;
}
#dock{
	position:relative;
	top:146px;
	left:-10px;
	margin:0px;
	padding:0px;
	}
.dock-container{
	position:relative;
	padding-left:0px;
	margin-left:0px;
	left: 0px; 
	width: 200px;
}
#mouseover_icon{
	position:relative;
	top:76px;
	left:30px;
	width:260px;
	color:#999;
	font-size:12px;
	}
/* Footer part */
#footer {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:960px;
	height:240px;
	background:url(../images/bg_bottom_indie.gif);
	border:none;
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
	font-size:12px;
}
h5 {
	position:relative;
	font-size:24px;
	font-family:Verdana, Geneva, sans-serif;
	color:#495f78;
	font-weight:bold;
	height:30px;
	margin-top:40px;
	margin-bottom:22px;
}
#footer p {
	padding-left:6px;
	width:180px;
	padding-top:16px;
	line-height:24px;
}
#footer a:hover{
	color:#03F;
	text-decoration:underline;
}
#name {
	position:relative;
	height:80px;
	left:80px;
	top:0px;
	width:320px;
}
#roger {
	position:relative;
	top:-16px;
}
#photo {
	position:relative;
	top:0px;
}
#intro {
	position:relative;
	top:-16px;
	line-height:24px;
}
#social {
	position:relative;
	left:100px;
	top:0px;
	width:270px;
}
#webApp {
	height:52px;
}
.webApp_text {
	position:relative;
	top:-20px;
	left:6px;
}

#contact {
	position:relative;
	left:100px;
	top:0px;
	width:300px;
}
#contact p {
	line-height:24px;
}
.policy {
	background:url(../images/projectPage20090425.gif)
}
#copyright {
	color:#333333;
	float:left;
	top:350px;
	padding-left:100px;
	padding-top:7px;
	width:350px;
}