@charset "UTF-8";
*{
	margin:0px;
	padding:0px;
	border:0px;
}

html, body{
	background-image: url(../layout/bg.gif);
	text-align:center;
	font-family: sans-serif, verdana, arial, helvetica;
}

#site
{
  	width: 800px;
  	margin: auto;
}
#head
{
  	background-color:#fff;
  	height:55px;
}
.header1
{
  	width:229px;
  	float:left;
}
#header2
{
  	height:55px;
  	width:475px;
  	float:left;
}
#header3
{
	height:55px;
	width:96px;
  	float:left;
}

#header3_a1
{
	height:17px;
	width:96px;
  	float:left;	
  	background-position:top left;
  	background-repeat:no-repeat;
  	float:left;
}
.header3_b1
{
	height:22px;
  	width:25px;
  	float:left;	
}
.header3_b2
{
	height:22px;
  	width:31px;
  	background-image: url(../layout/top_5.gif);
  	background-position:top left;
  	background-repeat:no-repeat;
  	float:left;	
}
.header3_b3
{
	height:22px;
  	width:28px;
  	float:left;	
}
#header3_b4
{
	height:22px;
  	width:12px;
  	float:left;	
}
#header3_c1
{
	height:16px;
	width:96px;
  	float:left;	
}

#buttons
{
  	height:20px;
  	width:800px;
}
#sep0
{
	width:1px;
	height:20px;
	background-color: #fff;
  	float:left;
}
#sep1
{
  	width:4px;
  	height:20px;
  	background-image: url(../layout/sep_1.gif);
  	background-position:top left;
  	background-repeat:no-repeat;
  	float:left;
}
#sep2
{
  	width:5px;
  	height:20px;
  	background-image: url(../layout/sep_2.gif);
  	background-position:top left;
  	background-repeat:no-repeat;
  	float:left;
}

#sep3
{
  	width:5px;
  	height:20px;
  	background-image: url(../layout/sep_3.gif);
  	background-position:top left;
  	background-repeat:no-repeat;
  	float:left;
}

#sep4
{
  	width:5px;
  	height:20px;
  	background-image: url(../layout/sep_4.gif);
  	background-position:top left;
  	background-repeat:no-repeat;
  	float:left;
}

#sep5
{
  	width:496px;
  	height:20px;
  	background-image: url(../layout/sep_5.gif);
  	background-position:top left;
  	background-repeat:no-repeat;
  	float:left;
}
	
.button0, .button1, .button2, .button3
{
  	width:71px;
  	float:left;
}


#logo
{
  	height:179px;
  	width:800px;
}

#logo0
{
  	width:1px;
  	height:179px;
  	background-color: #fff;
  	float:left;  
}

#logo1
{
  	width:408px;
  	height:179px;
  	background-image: url(../layout/logo_0.gif);
  	background-color: #fff;
  	background-position:top left;
  	background-repeat:no-repeat;
  	float:left;  
}

#logo2
{
  	width:391px;
  	height:179px;
  	background-image: url(../layout/logo_1.gif);
  	background-color:#fff;
  	background-position:top left;
  	background-repeat:no-repeat;
  	float:left;  
}

#middle{
  	width:800px;
  	height: auto;
  	background-color:#fff;
  	background-image: url(../layout/vertical_sep.gif);
  	background-repeat: repeat-y;
  	overflow:hidden;
}

#left_panel{
  	width:250px;
  	float:left;
  	overflow:hidden;
  	background-color:#fff;
}

#vertical_sep{
  	width: 3px;
  	height:10px;
  	float: left;
  	background-color: #fff;
  	overflow:hidden;
}

#right_panel{
  	width:546px;
  	float:right;
  	overflow:hidden;
  	background-color: #fff;
}

#bottom{
  	width:800px;
  	height:11px;
  	background-color: #fff;
}

#bottom0
{
	width:10px;
  	height:11px;
  	background-image: url(../layout/bottom_0.gif);
  	background-position:top left;
  	background-repeat:no-repeat;
  	float:left;	
}
#bottom1
{
	width:781px;
  	height:11px;
  	background-color: #fff;
  	background-position:top left;
  	background-repeat:no-repeat;
  	float:left;	
}
#bottom2
{
	width:9px;
  	height:11px;
  	background-image: url(../layout/bottom_1.gif);
  	background-position:top left;
  	background-repeat:no-repeat;
  	float:left;	
}

#bot
{
	width:800px;
	height:20px;
}
#bot_a1
{
	width:250px;
	float: left;
}
#bot_a2
{
	width:550px;
	float:left;
}

.portfolio_all
{
	width:526px;
	border:0px;
	float:left;
	padding:12px;
	float:right;
	border:0px solid black;
}

.p_left_top
{
	width:13px;
  	height:12px;
  	background-image: url(../layout/top_left.gif);
  	background-position:top left;
  	background-repeat:no-repeat;
  	float:left;			
}

.p_line_horizontal1
{
  	height:12px;
  	width:489px;;
  	background-image: url(../layout/top_line.gif);
  	background-position:top left;
  	background-repeat:repeat-x;
  	float:left;	
}

.p_right_top
{
	width:12px;
  	height:12px;
  	background-image: url(../layout/top_right.gif);
  	background-position:top left;
  	background-repeat:no-repeat;
  	float:left;			
}


.p_center
{
  	background-image: url(../layout/p_middle.gif);
  	background-position:top left;
  	background-repeat:repeat-y;
  	width:514px;
  	float:left;		
}



.p_left_bottom
{
	width:13px;
  	height:15px;
  	background-image: url(../layout/bottom_left.gif);
  	background-position:top left;
  	background-repeat:no-repeat;
  	float:left;			
}

.p_line_horizontal2
{
  	height:15px;
  	width:489px;;
  	background-image: url(../layout/bottom_line.gif);
  	background-position:top left;
  	background-repeat:repeat-x;
  	float:left;	
}

.p_right_bottom
{
	width:12px;
  	height:13px;
  	background-image: url(../layout/bottom_right.gif);
  	background-position:top left;
  	background-repeat:no-repeat;
  	float:left;			
}