/*
  
  eCopy
  default stylesheet
  path: style/default.css
  image path: style/img/

*/

/* custom fonts */
@font-face {
  font-family: 'MyriadPro';
  src: url('font/MyriadPro-Bold.eot');
  src: local('Myriad Pro'), local('MyriadPro'), url('font/MyriadPro-Bold.otf') format('opentype');
}

/* common */
.cClear { clear: both; height: 0px; line-height: 0px; visibility: hidden; }

/* site */

body { background: #2e2e2e; }

.cOuter { width: 100%; min-width: 960px; }
.cInner { position: relative; margin: 0 auto; width: 960px; }

#header { background: url('img/bg.png') no-repeat center top; }
#header .cInner { min-height: 492px; }

#splash { background: url('img/splash.png') no-repeat center top; margin-top: -150px;}
#splash .cInner { min-height: 480px; }

#logo { display: block; position: absolute; left: 50px; top: 55px; width: 149px; height: 63px; }

#menu { display: block; position: absolute; right: 50px; top: 100px; }
#menu li { display: inline-block; }
#menu li a { display: inline-block; color: #fff; font: bold 13px/13px Arial, Helvetica, sans-serif; }
#menu li a span { display: inline-block; margin: 0 0 0 15px; padding: 9px 15px 9px 0; color: #fff; }
#menu li a:hover span { color: #1580a6; }
#menu li.cActive a { color: #1580a6; background: url('img/menu.gif') no-repeat left top; }
#menu li.cActive a span { color: #1580a6; background: url('img/menu.gif') no-repeat right top; }

#content { padding: 175px 0 0 50px; width: 330px; }
#content_bottom { padding: 20px 50px 50px; }
.cText h1 { margin: 0 0 15px; color: #fff; font: normal 30px/30px MyriadPro, Arial, Helvetica, sans-serif; }
.cText p { margin: 0 0 5px; color: #fff; font: normal 13px/18px Arial, Helvetica, sans-serif; text-shadow: 0 0 5px #2e2e2e; }
.cText p.ol { margin: 0 0 3px; padding: 0 0 0 30px; position: relative; }
.cText p.ol span { position: absolute; left: 0; }
.cText p a { color: #00a4e4; text-decoration: none; }
.cText p a:hover { text-decoration: underline; }

#copyright { margin: 10px 0 30px; padding: 0 50px; color: #6a6a6a; font: normal 13px/18px Arial, Helvetica, sans-serif; text-align: center; }
#socials { margin: 0 0 30px; text-align: center; }