html, body {height: 100%;}

html {overflow-y:scroll; overflow: -moz-scrollbars-vertical;}
body {height: 100%; width: 100%; margin: 0; padding: 0; background-color: #E0674A; font-size: 14px; line-height: 1.4; font-family: 'Source Sans Pro', sans-serif; font-weight: 400;}

img	 {border: 0 none;}

/* GLOBAL STYLES
---------------------------------------- */
.clear {clear: both;}
.clearbody {clear: both; height: 85px;}


/* BASIC STRUCTURE
---------------------------------------- */
#wrapper {width: 100%; margin: 0 auto;}

#header {width: 100%; margin: 0 auto; position: relative; background-color: #338EA3; height: 168px; border-bottom: 1px solid #ffffff;}
.headerspace {width: 1004px; margin: 0 auto; position: relative;}
    .logo {top: 25px; left: 10px; position: absolute; z-index: 10;}
    .logo-name {top: 125px; right: 20px; position: absolute; z-index: 10; width: 350px;}
    
.headerimage {clear: both; width: 100%; position: relative; z-index: 7; margin-bottom: -5px;}
.headerimage img {width: 100%; margin: 0 auto;}

#content {width: 100%; margin: 0 auto; height: 85px; background-color: #FBF5DC; color: #E0674A; font-size: 22px; line-height: 26px; font-weight: 400; clear: both}
    .contentblock {width: 1004px; margin: 0 auto;}
    .contentblockleft {float: left; padding: 12px 0 0 0; width: 550px;}
    .contentblockleft .space {padding: 0 0 0 15px;}
    .contentblockright {float: right; padding: 12px 0 0 0; font-size: 40px; line-height: 35px; font-weight: 400;}
    .contentblockright .space {padding: 0 85px 0 0;}
    .text-call {font-size: 16px; color: #338EA3; line-height: 18px; font-weight: 300;}
    
#titlebar {clear: both; width: 100%; margin: 0 auto; height: 105px; background-color: #E0674A; color: #FFFFDE; font-size: 22px; line-height: 26px; font-weight: 300; clear: both; text-shadow: 1px 1px 1px #C52A15; border-bottom: 1px solid #ffffff; position: relative; margin-top: -10px;}
    .titlebarspace {width: 984px; margin: 0 auto; padding: 45px 0 0 8px; position: relative;}
    .oyster {position: absolute; top: 502px; left: 615px;}
    
#maincontent {clear: both; width: 100%; margin: 0 auto; height: 626px; background-color: #338EA3; color: #ffffff; font-size: 16px; line-height: 22px; font-weight: 400; clear: both; border-bottom: 1px solid #ffffff; background-image:url(../img/bg-content.jpg); background-repeat: no-repeat;  background-position: center top;}
    .maincontentspace {width: 1004px; margin: 0 auto; height: 626px;}
    
    .maincontentblock {width: 500px; color: #ffffff; line-height: 30px; padding: 8px 0 0 15px;}
    
#footer {clear: both; width: 100%; margin: 0 auto; height: 105px; background-color: #E0674A; color: #FFFFDE; font-size: 12px; font-weight: 400; clear: both; text-shadow: 1px 1px 1px #C52A15;}

.footerspace {width: 1004px; margin: 0 auto;}
.footerleft {float: left; padding: 12px 0 0 0; width: 550px;}
    .footerleft .space {padding: 0 0 0 15px;}
.footerright {float: right; padding: 6px 0 0 0; font-size: 12px; font-weight: 400; text-align: right; width: 454px;}
    .footerright .space {padding: 0 15px 0 0;}
    
#footer a {color: #FFFFDE; font-size: 12px; line-height: 31px; text-decoration: none;}
#footer a:hover {color: #ffffff;}