/* Main style
 * --------------------------------------------------*/
html, body { height: 100%; line-height: 0;  }

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #e9eaed;
  color: #666666;
  font-style: normal;
}

/* Custom Font Face
 * --------------------------------------------------*/
@font-face {
    font-family: 'QuicksandLight';
    src: url('../fonts/quicksand-light.eot');
    src: url('../fonts/quicksand-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quicksand-light.woff') format('woff'),
         url('../fonts/quicksand-light.ttf') format('truetype'),
         url('../fonts/quicksand-light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

/* Header
 * --------------------------------------------------*/
.header                         { height: 300px; text-align: center; padding-top: 80px; }
.header img                     { height: 100%; }

/* Parallax
 * --------------------------------------------------*/
.parallax						{ width: 100%; background: #e9eaed; position: relative; }

/* Menu
 * --------------------------------------------------*/
.menu							{ width: 100%; height: 55px; top: 0; position: fixed; border-top: 5px solid #564c78; background: url('../images/menu.png') left bottom repeat-x; }
.menuContainer					{ width: 920px; margin: 0 auto; }
.menuLogo						{ width: 363px; height: 55px; display: block; float: left; margin: 15px 0 0 0; }
.menuLinks						{ margin: 25px 0 0 0; display: block; font-family: 'QuicksandRegular';  font-size: 14px; display: block; }
.menuLinks a					{ text-decoration: none; font-size: 16px; color: #333; font-weight: bold; margin: 0 0 0 20px; }
.menuScroll						{ height: 55px; }
.menuLogoScroll					{ margin: 8px 0 0 0; }
.menuLogoImgScroll				{ padding-left: 20px; }
img.menuLogoImgScroll			{ width: 30px; }

/* Slider
 * --------------------------------------------------*/
.slider							{ width: 100%; height: 405px; overflow: hidden; position: relative; }
.sliderLeft						{ width: 25px; height: 52px; top: 55%; left: 5%; position: absolute; background: url('../images/sliderLeft.png') no-repeat; cursor: pointer; }
.sliderRight					{ width: 25px; height: 52px; top: 55%; right: 5%; position: absolute;background: url('../images/sliderRight.png') no-repeat; cursor: pointer; }
.sliderMain						{ position: relative; display: block; }
.sliderSlide					{ width: 100%; height: 405px; position: absolute; text-align: center; }
.sliderSlide img				{ width: 1200px; height: 405px;;  }
.sliderLinks					{ width: 100%; bottom: 20px; position: absolute; }
.sliderButtons					{ width: 920px; margin: 0 auto; text-align: center; }
.sliderButtons a				{ margin: 0 2px 0 2px; }

/* Boxed
 * --------------------------------------------------*/
.boxed							{ width: 920px; margin: 40px auto; }
.boxHeader						{ padding: 20px 0 0 0; margin: 0 auto; text-align: center; background: url('../images/stroke.jpg') 0 50px repeat-x; }
.boxHeader span					{ font-family: 'QuicksandLight'; font-size: 42pt; background: #e9eaed; padding: 0 20px 0 20px; }
.boxContainer					{ margin: 20px 0 60px 0; }
.boxContent						{ font-family: 'QuicksandRegular'; text-align: center; font-size: 20pt; line-height: 28pt; }

/* About
 * --------------------------------------------------*/
.about							{ width: 920px; }
.aboutPerson					{ width: 204px; float: left; margin: 40px 26px 0 0; font-family: 'QuicksandRegular'; }
.aboutPersonFrame				{ width: 204px; height: 228px; position: relative; overflow: hidden; margin: 0 0 15px 0; background: #342461; }
.aboutPersonPicture				{ position: absolute; top: 0px; }
.aboutPersonPicture img   { width: 204px; height: 228px; }
.aboutPersonOverlay				{ width: 204px; height: 228px; display: block; position: absolute; background: url('../images/aboutFrame.png') no-repeat; background-size: 204px 228px; }
.aboutPersonName				{ text-align: center; color: #000; margin: 0 0 8px 0; font-size: 13pt; }
.aboutPersonTitle				{ text-align: center; color: #666; margin: 0 0 8px 0; font-size: 11pt; }
.aboutPersonStroke				{ height: 1px; background: #999; display: block; margin: 0 0 10px 0; }
.aboutPersonText				{ text-align: center; color: #666;  font-size: 11pt; line-height: 15pt; }

/* Promo
 * --------------------------------------------------*/
.promo							{ width: 920px; margin: 0 auto; }
.promoItem						{ width: 385px; float: left; margin: 0 37px 37px 37px; color: #333333; }
.promoHeader					{ margin: 0 0 15px 0; }
.promoIcon						{ float: left; }
.promoTitle						{ float: left; padding: 6px 0 0 15px; font-size: 25pt; font-family: 'QuicksandRegular'; line-height: 40pt;  }
.promoStroke					{ height: 1px; background: #999; display: block; margin: 0 0 10px 0; }
.promoText						{ width: 300px; float: left; color: #666; font-size: 14pt; line-height: 18pt; font-family: 'QuicksandRegular'; }
.promoScreens					{ width: 584px; float: right; }

/* Join
 * --------------------------------------------------*/
.join							{ width: 920px; margin: 0 auto; }
.joinItem						{ width: 385px; float: left; margin: 0 37px 37px 37px; color: #333333; }
.joinHeader						{ margin: 0 0 15px 0; }
.joinIcon						{ float: left; }
.joinTitle						{ float: left; padding: 6px 0 0 15px; font-size: 25pt; font-family: 'QuicksandRegular';  }
.joinStroke						{ height: 1px; background: #999; display: block; margin: 0 0 10px 0; }
.joinText						{ color: #666; font-size: 12pt; line-height: 15pt; font-family: 'QuicksandRegular'; }
.joinLink                       { padding-top: 10px; }
.joinLink a                     { text-decoration: none; font-weight: bold; font-size: 14px; color: #564c78; }

.overlay                        { top: 0; left: 0; width: 100%; height: 100%; position: fixed; display: block; background: url('../images/overlay.png');  }
.overlayBox                     { width: 50%; position: absolute; top: 12%; left: 25%; width: 50%; height: 75%; background: #fff; }
.overlayHeader                  { padding: 20px 0 20px 0; text-align: center; background: url('../images/stroke.jpg') 0 50px repeat-x; margin: 0 40px 0 40px; }
.overlayHeader span             { font-family: 'QuicksandLight'; font-size: 42pt; background: #fff; padding: 0 20px 0 20px; }
.overlayContent                 { font-family: 'QuicksandRegular'; text-align: left; font-size: 18pt; line-height: 28pt; overflow-y: auto; padding: 0 40px 0 40px; }
.overlayContent a               { height: 40px; text-decoration: none; padding: 10px 40px 10px 40px; background: #342461; text-align: center; color: #fff; font-size: 16pt; line-height: 30px; cursor: pointer; }
.overlayClose                   { width: 20px; height: 20px; position: absolute; right: -30px; top: -30px; background: url('../images/close.png'); cursor: pointer; }

/* Contact
 * --------------------------------------------------*/
.contact						{  }
.contactFields					{ float: left;  }
.contactField					{ padding: 0 0 14px 0; }
.contactField input				{ width: 432px; height: 44px; padding: 0 10px 0 10px; border: 1px solid #d4d4d4; font-family: 'QuicksandRegular'; font-size: 16pt; color: #666; }
.contactArea					{ float: right; padding: 0 0 14px 0; }
.contactArea textarea			{ width: 432px; max-width: 432px; height: 159px; padding: 5px 10px 0 10px; border: 1px solid #d4d4d4; font-family: 'QuicksandRegular'; font-size: 16pt; overflow: auto; color: #666; }
.contactButton					{ text-align: right; }
.contactButton input			{ height: 40px; background: #342461; text-align: center; color: #fff; border: none; font-family: 'QuicksandRegular'; font-size: 16pt; line-height: 30pt; padding: 0 20px 0 20px; cursor: pointer; }

.contactResponse				{ display: block; margin: 0 0 20px 0; padding: 10px; font-family: 'QuicksandRegular'; font-size: 14pt; }
.contactSuccess					{ background: #adffa0; border: 1px #4eb53d dashed; }
.contactSuccess					{ color: #333; }
.contactError					{ background: #de7b7b; border: 1px #b81c1c dashed; color: #fff; }
.contactError ul				{ padding: 10px 30px 0 30px; }
.contactError li				{ list-style-type: disc; padding: 0 0 5px 0; }

/* Privacy Policy
 * --------------------------------------------------*/
.privacyPolicy                  { width: 920px; margin: 0 auto; height: inherit; padding: 0; }
.privacyPolicy iframe           { width: 100%; height: 100%; border: none; display: block; }

/* Picture
 * --------------------------------------------------*/
.picture						{ border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; }

/* Map
 * --------------------------------------------------*/
.map							{ width: 100%; height: 600px; }

/* Footer
 * --------------------------------------------------*/
.footer							{ width: 100%; height: 100px; padding: 80px 0 0 0; background: #333; text-align: center; }
.footer a						{ color: #ccc; text-decoration: none; }
.footer a:hover					{ color: #fff; text-decoration: none; }