/* 1. FONT FACE DEFINITION */

@font-face {
  font-family: 'GothamBold';
  src: url('../files/GothamBold.eot?#iefix') format('embedded-opentype'),  url('../files/GothamBold.woff') format('woff'), url('../files/GothamBold.ttf')  format('truetype'), url('../files/GothamBold.svg#GothamBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamLight';
  src: url('../files/GothamLight.eot?#iefix') format('embedded-opentype'),  url('../files/GothamLight.woff') format('woff'), url('../files/GothamLight.ttf')  format('truetype'), url('../files/GothamLight.svg#GothamLight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family:'GothamBook';
	src:url('../files/Gotham-Book.eot');src:url('../files/Gotham-Book.eot') format('embedded-opentype'),url('../files/Gotham-Book.woff') format('woff'),url('../files/Gotham-Book.ttf') format('truetype'),url('../files/Gotham-Book.svg') format('svg');
	font-weight:normal;
	font-style:normal
}



/* 2. MAIN SETTING */

body { font-family: 'GothamBook'; font-weight: normal; font-size: 14px; line-height: 1.5em; color: #333333; }




/* 3. TOP MENU */

#top-menu { background: #339999; 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); -o-box-shadow: inset 0 -2px 3px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 -2px 3px rgba(0,0,0,0.2); }
#top-menu .contact-info { line-height: 43px; color: #ffffff; font-family: 'GothamLight'; float: right;  height: 43px;}
#top-menu .contact-info a { color: #ffffff; text-decoration: none; }





/* 4. MAIN MENU */

#nav { background: #f4f4f4; height: 86px; }
#nav .logo { float: left; }
#nav .logo h1 { width: 276px; height: 46px; display: block; text-indent: -9999px; background: url('../files/logo-header.png') top left no-repeat; margin-top: 20px; }
#nav .main-nav { float: right; }
#nav .main-nav ul li a { padding: 0 10px; line-height: 83px; display: block; color: #333333; font-size: 15px; text-transform: uppercase; font-family: 'GothamLight'; text-decoration: none; }
#nav .main-nav ul li:hover a,
#nav .main-nav ul li.active a { background: #e9e9e9; border-bottom: 3px solid #339999; line-height: 83px; }





/* 4. MOBILE MENU */
#mobile-menu-items { background: #999999; }
#mobile-menu-items ul { list-style-type: none; margin: 0; padding: 0; }
#mobile-menu-items ul li { list-style-type: none; margin: 0; padding: 0; }
#mobile-menu-items ul li a { color: #ffffff; display: block; padding: 10px 20px; border-bottom: 1px solid #888888; border-top: 1px solid #aaaaaa; text-transform: uppercase; font-family: 'GothamBook'; }

#mobile-menu-items p { font-family: 'GothamLight'; padding: 0 20px; font-size: 14px; line-height: 30px; color: #ffffff; }
#mobile-menu-items p a { color: #ffffff; }





/* 5. PAGE INFO */

#page-info { height: 52px; }
#page-info td { font-size: 14px; line-height: 52px; font-family: 'GothamBook' !important; }
#page-info .breadcrumb { float: left; }
#page-info .breadcrumb a { color: #339999; text-decoration: none; }
#page-info .print-share { float: right; font-size: 14px; font-family: 'GothamBook'; color: #339999; line-height: 52px; text-align: right; }
#page-info .print-share .share-link a { color: #339999; }
#page-info .print-share .print-link { cursor: pointer; }

@media only screen and (max-width: 40em) {
	#page-info td { font-size: 12px; }
}





/* 5. HOME PAGE STYLE */

#profile { padding: 35px 0; background: #eeeeee; }
.mini-bio-container { margin-bottom: 20px; }
.mini-bio { text-align: center; padding-left: 0.5em; padding-right: 0.5em;}
.mini-bio * { color: #333333; }
.mini-bio img { border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; margin: 0 auto; margin-bottom: 15px; width: 180px; display: block;}
.mini-bio h1 { font-size: 15px; font-family: "GothamBold"; margin: 0;margin-bottom: 5px; text-transform: uppercase; }
.mini-bio h2 { font-size: 12px; font-family: "Gothamlight"; margin: 0; margin-bottom: 15px; }
.mini-bio h3 { font-size: 12px; font-family: "Gothamlight"; color: #339999; }

a.button.view-bio { width: 150px; margin: 0 auto; color: #333333; }

#profile-text { padding: 25px 0; }
#profile-text h5 { font-size: 18px; text-align: center; font-family: 'GothamLight'; margin: 0; line-height: 25px; }





/* 6. ARTICLE PAGE STYLE */

#main { background: transparent url('../files/bg-main-content.jpg') top center no-repeat; padding: 30px 0; }

.side-menu {  }
.side-menu h1 { font-size: 20px; text-transform: uppercase; margin: 0; margin-bottom: 20px; font-family: 'GothamBold'; display: block; color: #333333;}
.side-menu ul { list-style-type: none; margin: 0; margin-bottom: 30px; padding: 0; }
.side-menu a { font-family: 'GOthamBook'; color: #333333 !important; text-decoration: none; font-size: 14px; line-height: 18px; padding: 10px 0; display: block; border-bottom: 1px dotted #e5e5e5; }
.side-menu a:hover { color: #339999 !important; }
.side-menu table { width: 100%; }
.side-menu table img[src$='spacer.gif'] { display: none }

.content-area {  }
.content-area :first-child { margin-top: 0; }
.content-area h1,
.content-area h2,
.content-area h3,
.content-area h4 { text-transform: uppercase; font-family: 'GothamBold'; margin: 1.5em 0 1em 0; }
.content-area h1 { font-size: 30px; color: #339999; }
.content-area h2 { font-size: 24px; color: #339999; }
.content-area h3 { font-size: 18px; }
.content-area h4 { font-size: 14px; }
.content-area td { font-family: 'GothamBook'; font-weight: normal; font-size: 14px; line-height: 1.5em; color: #333333; }

@media only screen and (max-width: 40em) {
	.side-menu { padding-top: 20px; }
}





/* 7. PROFILE PAGE STYLE */

.side-menu img { border-bottom: 5px solid #339999; margin-bottom: 30px; }

.profile-details { margin-bottom: 20px; }
.profile-details h1 { margin: 0; line-height: 1.3em; }
.profile-details h4 { margin: 0; line-height: 1.5em; }
.profile-details p { margin-top: 0 }
.profile-details .left { margin-top: 20px; }
.profile-details .right { margin-top: 0; margin-bottom: 20px; }
.profile-details .right ul { list-style-type: none; margin: 0; margin-right: 50px; padding: 0; }
.profile-details .right ul li { list-style-type: none; margin: 0; padding: 0; }
.profile-details .person-desc-pro { margin-top: 30px; }
.profile-details .person-desc-per { margin-top: 40px; }


@media only screen and (min-width: 64.063em) {
	.profile-details .right { margin-top: 20px; }
}






/* 7. CONTACT PAGE STYLE */

.contactus h3 { margin-bottom: 0px; }
.contactus h4 { margin-top: 0px; }

.contactus label {  }
.contactus input { height: 30px; line-height: 30px; border: 1px solid #dddddd; margin-bottom: 10px; }
.contactus textarea { border: 1px solid #dddddd; margin-bottom: 10px; }





/* FOOTER */

#footer { background: #333333; padding: 35px 0 20px; font-family: 'GothamLight'; box-shadow: inset 0 2px 8px rgba(0,0,0,0.4); font-size: 11px;  line-height: 14px; }

#footer h2 { font-size: 15px; font-family: 'GothamBold'; text-transform: uppercase; margin: 0; margin-bottom: 15px; color: #ffffff; }
#footer a { color: #ffffff; text-decoration: none; }
#footer .logo { float: left; }
#footer .logo h1 { width: 160px; height: 26px; display: block; text-indent: -9999px; background: url('../files/logo-footer.png') top left no-repeat; margin: 0; }

#footer .contact-details { margin-top: 30px }
#footer .contact-details p { margin: 0; color: #ffffff; }

#footer .social-media { margin-top: 30px; }
#footer .social-media ul li { margin-right: 10px; }
#footer .social-media ul li a { width: 30px; height: 30px; display: block; background: transparent top left no-repeat; text-indent: -9999px; }
#footer .social-media ul li a.facebook { background-image: url('../files/icon-facebook.png') }
#footer .social-media ul li a.linkedin { background-image: url('../files/icon-linkedin.png') }
#footer .social-media ul li a.twitter { background-image: url('../files/icon-twitter.png') }

#footer hr { height: 0; border: 0; border-top: 1px solid #5c5c5c; margin: 30px 0; }

#footer .bottom_section .mini-menu ul { margin: 0; padding: 0; list-style-type: none; }
#footer .bottom_section .mini-menu ul li { text-align: center; list-style-type: none; margin: 0; padding: 0; margin-bottom: 15px; }
#footer .bottom_section .powerfront { margin-top: 15px; }
#footer .bottom_section .powerfront p { color: #ffffff; margin: 0; text-align: center; }

@media only screen and (min-width: 40.063em) {
	#footer .social-media table { float: right; }
	#footer .contact-details, #footer .social-media { margin-top: 0; }
	
	#footer .bottom_section .mini-menu ul li { float: left; margin-right: 30px; text-align: left; margin-top: 0; }
	
	#footer .bottom_section .powerfront p { text-align: left; }
}

@media only screen and (min-width: 64.063em) {
	#footer .bottom_section .powerfront { margin-top: 0; }
	#footer .bottom_section .powerfront p { text-align: right; }
}




/* HELPER */

.container-980 { width: 100%; margin: 0 auto; max-width: 980px;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

ul.inline-menu { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
ul.inline-menu li { float: left; list-style-type: none; margin: 0; padding: 0; }

.text-right { text-align: right; }

a.button { background: transparent; border: 3px solid #339999; font-size: 15px; font-family: 'GothamBold'; text-decoration: none; padding: 10px 30px; color: #333333; text-align: center; display: block; text-transform: uppercase; }

.socialmedia{
display: block;
  height: 30px;
  overflow: hidden;
  text-align: right;
}
.socialmedia a{
padding:0;
}
.socialmedia img{
border-bottom:none;
}