* {margin: 0; padding: 0;}

body {background-color: #000; font-size:62.5%; font-family:Arial, Helvetica, sans-serif;}
h1, h2{color:#fff; font-weight:bold;}
h1{font-size:18px;margin:1px 0px;}
h2{font-size:14px;margin:4px 0px;}
p{color: #c8c8c8;font-size:15px;}
img a { border: none; }
label{font-size:12px;color:#eee;}
#header {background-color: #000;height:32px;border-top: 2px #823d1c solid;clear:both;}
#header_inner {margin:0px auto;width:830px;text-align:center;}
#quote{float:left;display:inline;width:700px;padding: 8px 0px 0px 20px;color: #FFFFE1;font-size:11px;text-align:left;}
#banner {background-color: #273327; color:#fff;min-width: 910px;height:91px;border-top: 1px #273327 solid;
background-image: url(../images/bg_banner.png);
background-repeat: repeat-x;clear:both;}
#banner_inner {margin:0px auto;width:830px;text-align:center;}
#logo{float:left;display:inline;width:322px;color: #9a9a9a;font-size:10px;padding-top:20px;padding-left:15px;text-align:left;}
#banner_info{float:right;display:inline;width:360px;padding-top:16px;color: #d0d0d0;font-size:12px;text-align:left;margin-right:90px;}
#logo_title{font-family:Arial;font-size:25px;clear:both;color:#FFFFFF;text-transform:uppercase;margin:0;font-weight:bold;}
#logo_description{font-family:Arial;font-size:14px;clear:both;margin:0;font-weight:bold;text-transform:uppercase;color:#999999;}
span#phone{color:#fff;font-size:14px;}
#middle {margin-top:1px;background-image: url(../images/bg_content.png);min-width: 980px;
background-repeat: repeat;border-top: 1px #585858 solid;text-align:center;border-bottom:1px solid #000;min-height:490px;}
#middle_inner {margin:10px auto;width:800px;text-align:left;}
#middle_inner_content{width:700px;margin-top:90px;}
#middle_inner_content_column_left{width:460px;float:left;display:inline;}
.middle_inner_content_column_left_box{width:200px;margin: 0px 15px 0px 0px;float:left;display:inline;}
#middle_inner_content_column_right{width:240px;float:right;display:inline;}
.middle_inner_content_column_right_box{width:170px;margin: 0px 30px 0px 0px;float:left;display:inline;}
#middle_inner_content_notes{margin-top:26px;}
#middle_inner ul.info{margin: 4px 0px 4px 14px;color:#c8c8c8;font-weight:bold;font-size:11px;
display: list-item;list-style-image: url(../images/bullet_sm_white.png);
line-height: 16px;}
#middle_inner li.info{color:#c8c8c8;}

#middle a:link, a:visited{
color: #aa9b83;
text-decoration: none;}
#middle a:hover{
color: #b33b25;}

#footer{padding-top:6px;font-size:11px;min-width: 980px;
background-image: url(../images/bg_footer.png);
background-repeat: repeat-x;height:72px;text-align:center;}
#footer_inner {margin:0px auto;width:800px;text-align:center;}
#footer_menu{float:left;display:inline;width:420px;padding-top:4px;color: #6f726f;font-size:10px;text-align:left;}
#footer_menu a:link, a:visited{
color: #aa9b83;
text-decoration: none;}
#footer_menu a:hover{
color: #b33b25;border-bottom:1px dashed #ccc;}

#bottom{min-width: 980px;min-height:160px;background-color: #1b1b1b;margin-top:1px;text-align:center;border-top: thin #454545 solid;}
#bottom_inner{margin:0px auto;padding:10px 0px;width:810px;}
.bottom_inner_box{width:230px;margin: 0px 30px 0px 0px;float:left;display:inline;text-align:left;}
#bottom a:link, a:visited{
color: #aa9b83;
text-decoration: none;}
#bottom a:hover{
color: #b33b25;border-bottom:1px dashed #ccc;}
#bottom a.noline:hover{border:none;}
#bottom img{border:none;}

#bottom p{font-size:11px;color: #cdcdcd;margin:0px;}
#social_links li {display:inline;} 
#social_links li a {
	background:transparent url(../images/btn_social_links.png) no-repeat top left;
	opacity:0.3;
	float:left;
	margin-top:0px;
	height:30px;
	width:30px;
	text-align:left;
	text-indent:-9999px;
}
#social_links li a:hover {border:none;	opacity:0.8;}
#social_links li#linkedin a { background-position:0 0; }
#social_links li#facebook a { background-position:-29px 0; }

#check_box li{
	margin:2px 34px;
	list-style-image: url(../images/bullet_checkmark.png);
	line-height: 18px;}

ol{line-height: 14px;}
ol li{font-size:12px;color:#FFFFFF;padding:3px 0px;}
/*Message box, positioned in dead center of browser*/  

#photobox{position:absolute; width: 370px;z-index:200;top: 10%; left: 30%; margin-top: 130px; margin-left: 50px; background-color: #212121;	opacity:0.9;
text-align:center;border-right:1px solid #404040;border-bottom: 1px #404040 solid;border-top:1px solid #303030;border-left: 1px #303030 solid}

#photoboxhandle{cursor: move;background-color: #000;height: 10px;}
#photobox a:hover{text-decoration:none;}
#dim{ position:absolute; top:0; left:0; width:100%; z-index:100; background: url('../images/dim.png'); display:none; text-align:left; }

#popup_content{margin:0px auto;width:76%;height:250px;background-color: #212121;}

#skills_box{float:right;display:inline;width:60px;
background: transparent url(../images/sprite_vert_themeforest.png) repeat-x 0px -324px;height:220px;width:200px;padding:8px;font-size:8px;color: #cccccc;}

#skills_box_tmp{float:right;display:inline;width:60px;
height:220px;width:200px;padding:8px;font-size:12px;color: #fff;
background-image: url(../images/bg_box.png);
background-repeat: no-repeat;}

.large-sidebar .section { margin-bottom: 20px; }
.large-sidebar div.inner-boundary { border: 1px solid #a8a8a8; border-bottom: none; }
.large-sidebar div.inner-boundary div.inner-border { border-top: 1px solid #f9f9f9; border-left: 1px solid #f9f9f9; border-right: 1px solid #f9f9f9; border-bottom: none; background-color: #e0e0e0; padding: 15px 25px; }

.portfolio {width:750px;border-bottom: 1px #4e4a44 dashed;}
.portfolio_left {float:left;display:inline;width:130px;margin:8px 0px;}
.portfolio_right {float:right;display:inline;width:600px;font-size:11px;color:#ACACAC;margin:8px 0px;}
.more_open{font-weight:bold;color:#6064b0;}
.more_close{display:none;font-weight:bold;color:#6064b0;}
.more_content{display:none;color:#6D6D6D;font-size:11px;}

input.contact,select {font-size:12px;color: #fff;border:1px solid #464442;background-color:black;width:150px;padding:4px;}
textarea {font-size:12px;color:#fff;background-color:black;border:1px solid #464442;padding:4px;}
.btn {color: #a6a196;padding:1px;cursor: pointer;border-bottom: thin #434343 solid;border-right: thin #434343 solid;border-left: thin #434343 solid;border-top: thin #434343 solid;
background-image: url(../images/bg_btn.png);
background-repeat: repeat-x;}

.error_pointer{width:270px;float:right;height:24px;background-image: url(../images/pointer.gif);background-repeat: no-repeat;color:#FFFFEA;padding-left:12px;padding-top:5px;}


.hint{background-image: url(../images/hint_pointer.png); background-repeat: no-repeat;background-color:#FFFFD9;padding:6px;border:1px solid #AAAA00;z-index:1000;color:#000;margin-top:12px;
position:relative; width: 370px;z-index:200;top: 10%; left: 30%; }

.ttip{ border-bottom: 1px #800000 dashed;cursor: help;}
.tooltip{background-color: #eaf1d2;border: solid 1px gray; text-align: left;padding:12px;font-size:13px;z-index:1;display:none;}

div.project{
	margin:12px 0px;
	padding:20px 0px;
	border-top:1px solid #464442;
	color:#EEEEEE; 
	font-family:Helvetica, Arial, sans-serif;
	}
div.project_stats{
	float:right;
	display:inline;
	width:200px;
	font-size:12px;
	}
.project_stats ul{
	font-weight:bold;
	margin:6px 0px;
	}	
.project_stats li{
	color:#FEFEFE;
	font-weight:normal;
	margin-left:14px;
	}
div.project_descr {
	font-size:20px;
	float:left;
	display:inline;
	width:605px;
	}
span.copyright{
	font-size:10px;
	color:#D6D6D6;
	}	
	
	
	div#main_navi{
		background: url(../images/navi.gif) no-repeat -12px; 
		margin-top: 10px;
		height: 37px;
		width: 720px;
}
	div#main_navi ul.left{
		float: left;
		list-style-type: none;
		padding: 9px 0 0 20px;
		width: 750px;
		height: 20px;
		overflow: hidden;
	}
	div#main_navi ul li{
		display: inline;
		text-transform: uppercase;
	}
	div#main_navi ul.left li a{
		float: left;
		overflow: hidden;
		color: #ccc;
		font-size: 13px;
		line-height: 18px;
		margin: 0 30px 0 0;
	}
	div#main_navi ul.left li a:hover{
		color: #ff5a00;
	}


