/* CSS Document */

body{
	background: #202020 url('images/bg_wood2_sm.png') repeat-x;
/* */	font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #404040;
	margin: 0;
	padding-top: 2px;
	background-color: #e7e7e7;
/* #4C4B49; */
}

#main_body{
margin: auto;
width:820px;
height:599px;
}
p{
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	text-align: left;color:#202020; text-shadow: 0 1px 1px rgba(64,64,64,0.3);
}

p.top{
font-size:16px;
padding:0;
margin:0;color:#202020;
margin: 0px 0 0 0;
padding:0 0 0 0;text-align: right; text-shadow: 0 2px 2px rgba(64,64,64,0.3);
}

a{
	text-decoration: none;
	color: #0786DF;; text-shadow: 0 1px 1px rgba(64,64,64,0.5);
}
a:hover{
	text-decoration: none;
	color: #03436D; text-shadow: 0 1px 1px rgba(64,64,64,0.5);
}





img{
border:none;
}

#top{
width:820px;
height:170px;
background:url('images/face_sm2.png') no-repeat left center; /*images/af_name.png*/
}

#top_navi{
width:451px;
float:right;
margin-top:170px; text-shadow: 0 2px 2px rgba(64,64,64,0.9);
}

#top_navi ul{
margin:0;
padding:0;
list-style:none; text-shadow: 0 2px 2px rgba(64,64,64,0.9);
}

#top_navi ul li{
margin:0;
padding:0;
float:left; text-shadow: 0 2px 2px rgba(64,64,64,0.9);
}

#top_navi ul li a{
display:block;
width:68px;
height:22px;
line-height:22px;
text-decoration:none;
font-size:12px;
color:#999999;
text-align:center;border-bottom:3px solid transparent; text-shadow: 0 2px 2px rgba(64,64,64,0.9);
}

#top_navi ul li a:hover{
text-decoration:none;
color:#FFFFFF;
background:transparent;border-bottom:3px solid #D8E4EC; text-shadow: 0 2px 2px rgba(64,64,64,0.9);
}
#top_navi ul li .chosen{
background:transparent;
color:#FFFFFF;border-bottom:3px solid #0786DF; text-shadow: 0 2px 2px rgba(64,64,64,0.9); /*#D3E600;*/
}

#banner{
	width: 810px;
	height: 180px;
	background: transparent;
	padding: 0;
}

#content{
	width: 820px;
	height: 330px;
	margin-top: 60px;
	border: 0px solid #e7e7e7 /*#125A8C*/;
	background-color: transparent; /* filter:alpha(opacity=30);-moz-opacity:.3;opacity:.3; */
}
#left_side{
	float: left;
	width: 400px;
	padding: 10px 15px 0 15px;
	border-right: 0px #0786DF solid;
	border-right-color: #03436D;
}
#right_side{
	float: right;
	width: 330px;height:330px;
	padding: 0px 10px 10px 10px;
	background-color: transparent;
	border-left-color: #CC0000;
}


#topleftcolumn{
text-indent:10000px;
overflow:hidden;
width: 320px; /*Width of left column*/
height:320px;
background: url('images/pic_portfolio3.png') top left no-repeat; display:block;border: 0px solid #303030; /*filter:alpha(opacity=100);-moz-opacity:1;opacity:1;*/

}
#topleftcolumn:hover{
	background-position: bottom left;
	border: 0px #E2E2E2 solid;
	/*filter:alpha(opacity=100);-moz-opacity:1;opacity:1;*/
}

h1{
color:#101010;
font-size:18px;
padding:0;
margin:0; text-shadow: 0 2px 2px rgba(64,64,64,0.3);
}
h2{
font-size:16px;
margin:0;
color:#909090; padding-top:4px; text-shadow: 0 2px 2px rgba(64,64,64,0.3);
}
h3{
color:#505050;
font-size:18px;
padding:0;
margin:0; text-shadow: 0 2px 2px rgba(64,64,64,0.3);
}

h4{
	font-size: 14px;
	padding-top: 0px;
	margin: 0;
	color: #0786DF;
	font-family: "Lucida Sans Unicode";
	font-style: normal; text-shadow: 0 2px 2px rgba(64,64,64,0.3);
}


em{
color: #0786DF;
}

#bottom{
	width: 820px;
	height: 30px;
	background: transparent;
	border-top: 0px solid black;
	border-bottom: 1px solid #505050;
	margin-top: 20px;
	text-align: inherit;
	vertical-align: text-bottom;
	color: #999999;
	padding: 0px 0px 0px 0px;
	/*background-image:url('images/footer_img2.jpg');*/
}

p.bottom{text-align: center; padding-top: 1px; text-shadow: 0 2px 2px rgba(64,64,64,0.3);}


#foot{
	width:820px;height:81px;
	color:#404040;
	padding: 0px 0px 0px 0px;; text-shadow: 0 1px 1px rgba(64,64,64,0.5);
	
}

.btm_navi{
text-decoration:none;
color:#404040;
font-size:12px;
}
.btm_navi:hover{
text-decoration:none;
color:#808080;
}
.chosen_btm{
color:#808080;
}