body { margin: 0px; font-family: 'Open Sans', sans-serif; font-size:13px; color:#1e1b1b; }
h1 { margin-left: 15px; font-size: 48px; text-shadow:0px 0px 2px Gray;  font-weight: 300;}
h2 { margin-left: 15px; font-size: 24px; font-style: italic; text-shadow:0px 0px 2px Gray; font-weight: 300;}
h3 { font-size: 18px; font-weight: 300; }
h4 { font-size: 13px; color: #67BCEA; }
h4 span { font-weight: 200; margin-left: 30px }

ol, ul { list-style:none; }
a, a:visited { color: Black;}
a:hover { color:Red;}

input[type="text"], input[type="password"], textarea, select { 
    outline: none;
}

.menu { margin-left: 15px; overflow: hidden;font-size: 18px; font-weight: 300; }
.menu div{float:left;}


.page {  margin-left: 15px; margin-top: 15px;}

.submit{float:right;} 

.button:active { color:#fff; }
.button:hover { text-decoration:none; }
.button { display:block;border:1px solid #1C6AAD;padding:0 20px;height:35px;line-height:35px;text-align:center;font-family:"Open Sans", Arial, Verdana;font-weight:400;font-size:14px;text-shadow:1px 1px #27557D;color:#fff;border-radius:3px;box-shadow:1px 1px  2px 0 rgba(0,0,0,0.3); background: #5ca3df; background: -moz-linear-gradient(top,  #5ca3df 6%, #297ac0 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#5ca3df), color-stop(100%,#297ac0));background: -webkit-linear-gradient(top,  #5ca3df 6%,#297ac0 100%); background: -o-linear-gradient(top,  #5ca3df 6%,#297ac0 100%);background: -ms-linear-gradient(top,  #5ca3df 6%,#297ac0 100%);background: linear-gradient(to bottom,  #5ca3df 6%,#297ac0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ca3df', endColorstr='#297ac0',GradientType=0 );-webkit-transition: all 0.385s;-moz-transition: all 0.385s;-o-transition: all 0.385s;transition: all 0.385s;opacity:1; }
	
.button:focus, .button:hover 
{
	color: #f0f0f0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: solid 1px #0D5A9D;
	background-image: -webkit-linear-gradient(bottom, #1C609C, #5CA3DF 97%, #9BCDF8);
	background-image: -moz-linear-gradient(bottom, #1C609C, #5CA3DF 97%, #9BCDF8);
	background-image: -o-linear-gradient(bottom, #1C609C, #5CA3DF 97%, #9BCDF8);
	background-image: -ms-linear-gradient(bottom, #1C609C, #5CA3DF 97%, #9BCDF8);
	background-image: linear-gradient(to top, #1C609C, #5CA3DF 97%, #9BCDF8);
	opacity: 0.85;
}

.box {box-shadow:rgba(0,0,0,0.5) 0px 0px 24px;}

.skills {}
.skills p { height: 18px; line-height: 18px; margin: 0px;margin-bottom: 2px; padding: 0px; position: relative; width: 200px;}
.skills p span { color: #1E1B1B; display: block; height: 10px; line-height: 18px; margin-bottom: 0px; padding: 6px 5px 6px 5px; position: absolute; right: 0px; top: 0px; width: 35px;}
.skills p span strong { width: 5px; height: 10px; background-color: #67BCEA; float: left; margin-right: 2px; }
.skills p span .gray { width: 5px; height: 10px; background-color: #CFCFCF; float: left; margin-right: 2px; }

#contact-form 																	{ padding-top:50px;position:relative; }
#contact-form label 															{ display:none;font-family:"Open Sans", Arial, Verdana;padding-bottom:2px; }
#contact-form textarea,
#contact-form input 															{ border:1px solid #E1DFD9;border-radius:2px;box-shadow:inset 0 2px 6px 0 rgba(0,0,0,0.09);padding:8px 10px;display:block;width:250px;height:20px;line-height:20px;font-family:"Open Sans", Arial, Verdana;font-weight:300;font-style:italic;color:#B2B2B2;-webkit-transition: all 0.385s;-moz-transition: all 0.385s;-o-transition: all 0.385s;transition: all 0.385s; }
#contact-form input:focus 														{ border:1px solid #9DCBF7; }

#contact-form textarea 															{ height:90px;color:#B2B2B2;font-size:13px;-webkit-transition: all 0.385s;-moz-transition: all 0.385s;-o-transition: all 0.385s;transition: all 0.385s; }
#contact-form textarea:focus 													{ border:1px solid #9DCBF7; }
#contact-form div 																{ padding-bottom:25px;padding-left:48px; }
#contact-form .no-value	 														{  }
#contact-form .error 															{ border-color:red; }

.contact-info 																	{ margin-top:30px; }
.contact-info ul img 															{ float:left;vertical-align:text-top;display:block;margin-top:2px;margin-right:6px; }
.contact-info ul li 															{ margin-bottom:5px; }
.contact-info ul span 															{ color:#959494;font-size:13px; }



@media screen and (max-device-width: 980px){
  body {
    width: 480px;
  }
}