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

body{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0px; }
#container{margin:auto; padding:0px; width:989px; background:#B6EAB51; }
#header{ padding:0px; margin:0px; }
#header img{width:335px; height:70px;}
.cls{clear:both;}

.pro_name{margin:auto;}
.pro_name p{text-align:center; font-size:14px; font-weight:700; line-height:15px;}
.top_border{border-bottom:1px solid #0081c5;}

.personal_website{text-align:center; font-size:14px; font-weight:700; background:#727272; padding:10px; border-radius:18px; width:300px; margin: 5px 150px 25px 350px; color:#FFFFFF;}

.btn{text-align:center; font-size:14px; font-weight:700; background:#727272; padding:10px; border-radius:18px; color:#FFFFFF;}

.module{margin:0px; padding:0px; min-height:200px;}
#personal_doc{float:left; width:500px;}
#personal_doc img{padding-left:200px; margin-top:35px;}
#horizontal_menu{float:right; width:450px;}
#horizontal_menu h2{font-size:14px; text-decoration:underline; margin-bottom:20px; padding:0px;}
#horizontal_menu nav{margin:0px; padding:0px; }
#horizontal_menu nav a{color:#000000; text-decoration:none; line-height:25px; font-weight:600; }

.content_area{margin:0px; padding:0px; background:#C6E2FF; border-radius:6px; }
.content_area p{line-height:25px; padding:5px 20px; text-align:justify;}
.content_area p:first-letter{color:#000000; font-size:14px; font-weight:700;}
#footer{margin:0px; padding:0px; background:#383838; color:#FFFFFF; padding:10px 100px; min-height:80px;}
#footer h1{text-align:center; }
#footer p{ text-align:center; padding:0px 200px; line-height:20px;}

.no-js nav li:hover ul { display:block; }  
/* base nav styles */  
#horizontal_menu nav { display:block; margin:0 auto 0px; border:1px solid #222; position:relative; background-color:#6a6a6a; font:16px Tahoma, Sans-serif; }  
#horizontal_menu nav ul { padding:0; margin:0; }  
#horizontal_menu nav li { position:relative; float:left; list-style-type:none; }  
#horizontal_menu nav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }  
#horizontal_menu nav li a { display:block; padding:10px 20px; border-left:1px solid #999; border-right:1px solid #222; color:#eee; text-decoration:none; }  
#horizontal_menu nav li a:focus { outline:none; text-decoration:underline; }  
#horizontal_menu nav li:first-child a { border-left:none; }  
#horizontal_menu nav li.last a { border-right:none; }  
#horizontal_menu nav a span { display:block; float:right; margin-left:5px; }  
#horizontal_menu nav ul ul { display:none; width:200%; position:absolute; left:-20; background:#6a6a6a; }  
#horizontal_menu nav ul ul li { float:none; }  
#horizontal_menu nav ul ul a { padding:5px 10px; border-left:none; border-right:none; font-size:14px; }  
#horizontal_menu nav ul ul a:hover { background-color:#555; }  

ul#vertical_web {
	margin: 0;
	padding: 0;
	width:375px;
	border: 1px solid #292929;
	-webkit-box-shadow: 0 0 5px #3c3c40;
	-moz-box-shadow: 0 0 5px #3c3c40;
	box-shadow: 0 0 5px #3c3c40;
}
ul#vertical_web li {
	list-style-type: none;
	background-image: -moz-linear-gradient(top, #535357, #3c3c3f);
	background-image: -ms-linear-gradient(top, #535357, #3c3c3f);
	background-image: -webkit-linear-gradient(top, #535357, #3c3c3f);
	background-image: linear-gradient(top, #535357, #3c3c3f);
	width:375px;
}
ul#vertical_web li a {
	display: block;
	padding:5px 30px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 0 #000;
	-webkit-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.2);
	-moz-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.2);
	box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid #292929;
	width:315px;
	font-size:13px;
}
ul#vertical_web li a:hover {
	text-shadow: 0 0 8px rgba(255, 255, 255, 0.2);
	background-color: #59595c;
	-webkit-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.2), 0 1px 0px #292929;
	-moz-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.2), 0 1px 0px #292929;
	box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.2), 0 1px 0px #292929;
	width:315px;
}
ul#vertical_web li a:active {
	background-color: #414142;
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
}