body {
background: #fff;
min-height: 700px;
}
#website {
display:block;
height:100%;
margin:auto;
padding:0;
position:relative;
text-align:left;
width:870px;
}
#logo img {
margin: 100px 0 50px 315px;
border-right: 30px solid transparent;
border-left: 30px solid transparent;
z-index: 8;
}
* html #logo img{
margin: 112px 0 100px 315px;
border-right: 30px solid #fff;
border-left: 30px solid #fff;
}
*+ html #logo img{
margin: 112px 0 100px 315px;
}
#coloredContainer {width:100%; height: 4px; background: #2364a8; position:relative; }
#coloredLine {background: url("bg_sp_wk_line.png") repeat-y;position:absolute; top:0; right: 100px; width: 327px;height:4px;}
#coloredLineRight { background: #5fb6e2;position:absolute; top:0; right:0; width: 100px;height:4px;}
.areas {
background:none repeat scroll 0 0 #FFFFFF;
float:left;
font-family:Verdana,Arial;
font-size:12px;
line-height:1.4em;
margin-right:1px;
min-height:200px;
padding:40px 0 4px;
position:relative;
width:173px;
}
#areaContainer {overflow:hidden;background: url("bg_sp_wk_area_line.png") repeat-x;}
.naviheader {
position: absolute;
width: 143px;
top: 0px;
left: 0px;
color: #333333;
font-family:myriad web pro;
font-size:18px;
font-weight: normal;
padding: 3px 5px;

}



a, a:link {
	color:#333333;	
	text-decoration:none;
	display:block;
	padding:3px 5px 3px 10px;
}

a:hover {
	color:#333333; 
	font-weight: normal; 
	background-color:#efefef; 
	text-decoration:none; 	
}
a.naviheader:hover {
	background:none;
	text-decoration:underline;

}
a.naviheader {
	padding-top: 20px;

}