/*-------------------------------------------------------*/
/* Base styles */
/*-------------------------------------------------------*/
html{overflow-y:scroll;}
body{background-color:#E8E8E8;margin:0px;padding:0px;font-family:'open Sans',Arial;font-size:12px;}
/* Font face */
@font-face{font-family:'icomoon';    src:url('../fonts/icomoon/icomoon.eot');    src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),url('../fonts/icomoon/icomoon.svg#icomoon') format('svg'),url('../fonts/icomoon/icomoon.woff') format('woff'),url('../fonts/icomoon/icomoon.ttf') format('truetype');}
/*-------------------------------------------------------*/
/* Wrap */
/*-------------------------------------------------------*/
#container{margin:0 auto;width:860px;margin-bottom:10px;margin-top:30px;}
#content{background-color:#FFF;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset;-moz-box-shadow:0 1px 6px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset;box-shadow:0 1px 6px rgba(0,0,0,0.27),0 0 40px rgba(0,0,0,0.06) inset;}
/*-------------------------------------------------------*/
/* Generic Classes */
/*-------------------------------------------------------*/
.hidden{display:none;}
/* Clearfix */
.clear{clear:both;  display:block;  height:0;  overflow:hidden;  visibility:hidden;  width:0}
.clearfix:after{clear:both;  content:' ';  display:block;  font-size:0;  height:0;  line-height:0;  visibility:hidden;  width:0}
* html .clearfix,:first-child+html .clearfix{zoom:1}
.extra-text{font-size:20px;padding:24px 0;border-bottom:1px solid #ededed;color:#999;margin-bottom:20px;font-weight:300;}
.transition{-webkit-transition:all .5s ease;     -moz-transition:all .5s ease;      -ms-transition:all .5s ease;       -o-transition:all .5s ease;          transition:all .5s ease;    }
.word-wrap{word-wrap:break-word;-ms-word-break:break-all;     word-break:break-all;-webkit-hyphens:auto;   -moz-hyphens:auto;        hyphens:auto;    }
/*-------------------------------------------------------*/
/* Typography */
/*-------------------------------------------------------*/
h1{font-size:30px;}
h2{font-size:30px;}
h3{font-size:15px;}
h4{font-size:15px;}
h5{font-size:13px;}
h6{font-size:12px;}
strong{font-weight:bold;color:#333;}
h3.main-heading{margin:0px 2px 20px 0px;border-bottom:1px solid #ebebeb;padding-bottom:14px;color:#333;line-height:16px;font-size:16px;font-weight:600;display:block;clear:both;position:relative;}
h3.main-heading::after{content:'';width:40px;height:1px;position:absolute;left:0;bottom:-1px;background:
/*mainColor*/
#fdc750;}
/*-------------------------------------------------------*/
/* Top Section */
/*-------------------------------------------------------*/
header{height:60px;margin-bottom:20px;overflow:hidden;}
/* Logo */
#logo{float:left;overflow:hidden;margin-left:10px;display:none;}
#logo h2{font-size:30px;font-weight:900;color:#444;line-height:40px;}
#logo h4{color:#666;line-height:20px;}
/* Social icons */
.socialicons{float:right;margin-top:18px;}
.socialicons li{float:left;display:inline;margin:0;padding:0;margin-right:2px;}
.socialicons li a{font-family:'icomoon';font-size:16px;display:block;padding:6px 8px;background-color:#222;color:#FFF;}
.socialicons li a:hover{color:
/*mainColor*/
#fdc750;}
.social-icons li:last-child{margin-right:0}
.socialicons .socials-text{padding:9px;height:10px;background-color:#222;color:#FFF;}
/*-------------------------------------------------------*/
/* Profile Section */
/*-------------------------------------------------------*/
#profile{background:
/*mainColor*/
#fdc750; background-image:url(../images/header-shadow.png);background-position:center bottom;background-repeat:repeat-x;overflow:hidden;}
/* About */
.about{float:left;margin-top:30px;width:530px;margin-left:0px;}
.about .photo-inner{float:left;background:url(../images/photo-inner.png) no-repeat;width:192px;height:212px;padding:12px 0 0 20px;}
.about .photo-inner img{background-color:#FFF;}
.about h1{font-weight:900;color:#FFF;line-height:34px;margin-top:8px;}
.about h3{margin-top:5px;font-size:15px;color:#FFF;line-height:18px;}
.about p{font-size:12px;margin-top:15px;color:
/*profileTextColor*/
#222222;font-weight:400;line-height:20px;}
/* Personal info */
.personal-info{float:left;margin-top:30px;width:300px;min-height:230px;margin-left:0px;background:url(../images/personal-info-sep.png) no-repeat left top;padding:20px 0 0 20px;}
.personal-info li{font-size:14px;margin-bottom:10px;overflow:hidden;}
.personal-info li label{color:
/*profileTextColor*/
#a87f09;float:left;padding:4px 7px;font-weight:600;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.personal-info li span{float:right;width:220px;padding-top:4px;font-weight:300;color:
/*profileTextColor*/
#222222;}



/* Text widget */
.text-widget{padding-bottom:30px;line-height:20px;}
/*-------------------------------------------------------*/
/* Contact Section */
/*-------------------------------------------------------*/
#contact{padding:30px 0;overflow:hidden;}
.contact-info,.contact-form{float:left;padding:0 20px;}
.contact-info{width:250px;}
.contact-form{width:530px;}
/* Contact info */
.contact-info ul{float:left;border-left:1px solid
/*mainColor*/
#fdc750;padding-left:18px;}
.contact-info ul li{font-size:13px;line-height:20px;color:#666;overflow:hidden;}
/* Google map */
#map{height:300px;margin-bottom:25px;width:100%;border-bottom:1px solid #CCC;border-top:1px solid #CCC;}

/*-------------------------------------------------------*/
/* Footer */
/*-------------------------------------------------------*/
footer{margin-top:10px;height:430px;font-family: Verdana, Arial, sans-serif;
	font-size: 7px;}
footer .copyright{float:left;color:#333;padding-left:6px;}
/*-------------------------------------------------------*/
/* Footer */
/*-------------------------------------------------------*/
div.footer{margin-top:20px;height:20px;}
div.footer .copyright{float:left;color:#333;padding-left:6px;}


