/* CSS Document */
body{background-color:#223343; text-align:center; padding:0; margin:0; color:#708390; font-family:Arial, Helvetica, sans-serif; font-size:13px}
a{color: #708390; text-decoration: none}
a:hover{text-decoration: underline}
table tr td{vertical-align:top}
h1, h2{color:#aa5e4c; font-family:Helvetica, sans-serif; font-weight:lighter; font-size:30px; letter-spacing:-3px; margin-bottom:15px; margin-top:0; text-shadow: #1b2936 1px 1px 1px; text-transform:lowercase}
.wrapper{width:960px; margin:0 auto; text-align:left; margin-bottom:50px;}
.header{clear:both; width:960px;}
.logo{margin-bottom:29px}
.leftNav{width:210px; float:left; height:500px;}
.mainContent{width:750px; float:left;}
.topLines{height:5px; border:1px solid #394d5f; border-left:none; border-right:none; margin-bottom:30px}
.aboutBox{width:400px; padding-right:60px; float:left; margin-bottom:30px}
.skillsBox{width:280px; float:left; margin-bottom:0px}
.orangeText{color:#aa5e4c;text-shadow: #1b2936 1px 1px 1px; text-transform:lowercase}
.textBG{width:237px; height:37px; background:url(images/input-bg.png) top left no-repeat; border:0; margin-right:45px; margin-top:10px; margin-bottom:25px; padding:0 10px; color:#708390; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:37px !important;}
.textareaBG{background:url(images/textarea-bg.png) top left no-repeat; width:237px; height:85px; border:0; padding:10px; margin-top:10px; color:#708390; font-family:Arial, Helvetica, sans-serif; font-size:13px}
.submitBtn{background:url(images/submit-btn.png) top left no-repeat; width:109px; height:37px; border:0; cursor: pointer; color: #1d2c3a; font-size: 14px;
	-webkit-transition: 0.2s linear all;
  	-moz-transition: 0.2s linear all;
  	transition: 0.2s linear all;}
	.submitBtn:hover{color:#aa5e4c; }
.error{color:#FFF; margin-left:7px; display:none}
#contact_form{height:240px;}
.clear-all{
	clear: both;
}
	.clear-all:after{
		content: " ";
		clear: both;
		display: block;
	}
.fa{
	display: inline-block;
	width: 20px;
}

@media screen and (max-width: 650px) {
	.wrapper{width:100%}
		.mainContent{width: 100%; clear: both}
		.header{width: 100%; clear: both}
			.logo{width: 95%;}
		.leftNav{width: 90%; height: auto}
		.aboutBox{width: 90%; clear:both}
		.skillsBox{width: 90%; clear: both; margin-bottom: 30px }
		
		.skillsBox, .aboutBox, .contactDetails{padding: 0 5%}
		
		#contact_form{display: none}
		.formID{display: none}
}