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

#home_wrapper{
	position:absolute;
    left:50%;
    top:50%;
    width:600px;
    height:550px;
    margin-left:-300px; 
    margin-top:-275px;
}
#wrapper{
	width:960px;
	margin:20px auto;
}
#html_top{
	width:960px;
	height:2px;
	float:left;
	background:url(../images/html_top.gif) top left no-repeat;
}
#html_container{
	width:954px;
	float:left;
	padding:0px 3px 0px 3px;
	background:url(../images/html_bg.gif) top left repeat-y;
}
#portfolio_container{
	width:954px;
	float:left;
	padding:0px 3px 0px 3px;
	background:url(../images/porfolio_bg.gif) top left repeat-y;
}
#html_bottom{
	width:960px;
	height:4px;
	float:left;
	background:url(../images/html_bottom.gif) no-repeat;
}
#header{
	width:954px;
	height:224px;
	float:left;
	background:url(../images/headerbg.gif) top right no-repeat;
}
#porfolio_header{
	width:954px;
	height:224px;
	float:left;
	background:url(../images/porfolio_headerbg.gif) top right no-repeat;
}
#logo{
	width:271px;
	height:205px;
	float:left;
}
#nav{
	width:372px;
	height:40px;
	float:left;
	margin:165px 0px 0px 140px;
}
#html_content{
	width:927px;
	margin-left:27px;
}
#line1{
	width:954px;
	height:2px;
	float:left;
}
#line{
	width:954px;
	height:2px;
	float:left;
}
#footer{
	width:756px;
	height:40px;
	float:left;
	font-weight:bold;
}
#copyright{
	width:300px;
	margin:10px 27px;
	font-size:11px;
	color:#ec008c;
}