@font-face {
    font-family: 'museo_sans100';
    src: url('fonts/museosans-100-webfont.eot');
    src: url('fonts/museosans-100-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/museosans-100-webfont.woff') format('woff'),
         url('fonts/museosans-100-webfont.ttf') format('truetype'),
         url('fonts/museosans-100-webfont.svg#museo_sans100') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'aleo_bold';
    src: url('fonts/aleo-bold-webfont.eot');
    src: url('fonts/aleo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aleo-bold-webfont.woff') format('woff'),
         url('fonts/aleo-bold-webfont.ttf') format('truetype'),
         url('fonts/aleo-bold-webfont.svg#aleo_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
        @font-face {
        font-family: 'museo_sans100';
        src: url('fonts/museosans-100-webfont.svg#museo_sans100') format('svg');
    }
   		 	@font-face {
        font-family: 'aleo_bold';
        src: url('fonts/aleo-bold-webfont.svg#aleo_bold') format('svg');
    }
        
}
* { margin: 0; padding: 0; outline: 0; }
body, html { width:100%; height:100%;  }

body {
    font-size: 20px;
    line-height: 25px;
    font-family: 'museo_sans100';
    color: #fff;
    background: #ddd;
    min-width: 100%;
    text-align: center;
}


a { color: #FFFFFF; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; color:#94948a;  }

a img { border: 0; }

.clearfix { *zoom: 1; }
.clearfix:after { width: 100%; content: ''; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; display: block; }

a,
a img  { transition: color 1000ms, background-color 1000ms, opacity 1000ms; -webkit-transition: color 1000ms, background-color 1000ms, opacity 1000ms; }


a:hover img { transition: color 300ms, background-color 300ms, opacity 300ms; -webkit-transition: color 300ms, background-color 300ms, opacity 300ms;}
a:hover img { opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); }

h1, h2, h3, h4, h5, h6, strong { font-weight:normal; letter-spacing: 1px;}

h2 { font-size: 100px; line-height: 108px; color:#48928e; font-family: 'museo_sans100'; }

strong { font-family: 'aleo_bold'; color:#ea4342 ; }

.shell { width: 780px; margin: auto; position:relative; z-index: 10; top: 40%;  }
.main { height:100%; position:relative;  }

/* header */
.header { position: relative;  }

h1.logo { position:absolute; top: 0; left: 50%; margin-top:-153px; margin-left:-110px; font-size: 0; line-height: 0; display: block; width: 221px; height: 307px; text-indent: -4000px; background: url(images/logo.png) no-repeat 0 0;}

#text { width: 780px; position:absolute; top: 50%; left: 50%; margin-left:-390px; margin-top:200px;  }

span.small {
	font-size: 14px;
}

a.linkey { font-family: 'aleo_bold'; color:#ea4342; letter-spacing: 1px; margin-bottom: 40px;}
a.linkey:hover { text-decoration: none; color:#FFF; }


/* pages */
.page {  position:relative; z-index: 99; height:100%;   }
.image-bg { position:absolute; top: 0; left: 0; z-index: 9; width:100%; height:100%;  }
.image-bg span { position:absolute; top: 0; left: 0; z-index: 9; width:100%; height:100%; background: url(images/overlay.png) repeat 0 0;  }
.image-bg img { position:absolute; top: 0; left: 0; z-index: 8; width:100%; height:100%;  }
.page-content { float:left; display:inline; width:460px; padding-right:20px; position:relative; z-index: 10; margin-top:-200px;   }

.page-image { float:left; display:inline; width:205px; height:314px; position:relative; z-index: 10; margin-top:-200px;    }


/* footer */
.footer { position:fixed; bottom: 0; width:100%; height: 40px; z-index: 999; background: #ea4342; }
.footer .shell { top: 0; }
.copyright { color:#FFFFFF; font-size:11px; line-height:28px; text-align: center; padding-top:6px;   }