/*  Default
--------------------------------------------------------------------------------------------------*/

html, body {line-height: 19px; margin: 0; padding: 0; background-color: #ADAEB0; font-family: Arial; font-size: 11px; color: #707172;}
h1, h2 {margin: 0; padding: 0; color: #707172;}
h1 {line-height: 23px; font-size: 15px;}
h2 {line-height: 21px; font-size: 13px;}
a, a:hover {color: #707172;}
a {text-decoration: underline;}
a:hover {text-decoration: none;}
ul, ol {margin: 0; padding: 0;}
li {margin: 0; margin-left: 16px; padding: 0;}
p, span {margin: 0; padding: 0;}
img {display: block;}

/*  Container
--------------------------------------------------------------------------------------------------*/

.container {width: 980px; margin: 30px auto 0 auto;}

/*--------------------------------------------------------------------------------------------------
    Rounded Corners / Spacer
--------------------------------------------------------------------------------------------------*/

.container .rounded .tl {background-image: url(../images/bg_rounded_tl.png);}
.container .rounded .tr {background-image: url(../images/bg_rounded_tr.png);}
.container .rounded .bl {background-image: url(../images/bg_rounded_bl.png);}
.container .rounded .br {background-image: url(../images/bg_rounded_br.png);}
.container .rounded .tl, 
.container .rounded .tr, 
.container .rounded .bl, 
.container .rounded .br {width: 30px; height: 30px; background-position: top left; background-repeat: no-repeat; float: left;}
.container .rounded .spacer {width: 920px; height: 30px; background-color: #FFFFFF; float: left;}

/*--------------------------------------------------------------------------------------------------
    Body
--------------------------------------------------------------------------------------------------*/

.container .body {background-color: #FFFFFF;}
.container .body .logo {width: 360px; margin: 0 auto 30px auto;}
.container .body .footer {width: 980px; margin: 30px auto 0 auto; text-align: center;}
.container .body .footer a, .container .body .footer a:hover {color: #707172;}
.container .body .footer a {text-decoration: none;}
.container .body .footer a:hover {text-decoration: underline;}

/*--------------------------------------------------------------------------------------------------
    Entrances
--------------------------------------------------------------------------------------------------*/

.container .body .entrances {}
.container .body .entrances #entrance_1, 
.container .body .entrances #entrance_2, 
.container .body .entrances #entrance_3, 
.container .body .entrances #entrance_4 {width: 235px; height: 400px; margin: 0 5px; float: left;}

/*--------------------------------------------------------------------------------------------------
    Overlay
--------------------------------------------------------------------------------------------------*/

.container .body .entrances .entrance .title {width: 235px; position: absolute; z-index: 1;}
.container .body .entrances .entrance .title .padding {padding: 20px;}
.container .body .entrances .entrance .title h1 {color: #FFFFFF;}
.container .body .entrances .entrance .overlay {width: 235px; height: 400px; background-color: #FFFFFF; -moz-opacity: .0; filter: alpha(opacity=0); opacity: .0; overflow: auto; position: absolute; z-index: 1;}
.container .body .entrances .entrance .overlay .padding {padding: 20px;}
.container .body .entrances .entrance .overlay .padding li {}

/*--------------------------------------------------------------------------------------------------
    Content
--------------------------------------------------------------------------------------------------*/
.container .body .content .padding {width: 460px; margin: 0 240px; padding: 20px; border-top: 1px solid #707172; border-bottom: 1px solid #707172;}

/*  Clear Floated Elements
--------------------------------------------------------------------------------------------------*/

.clear {width: 0; height: 0; clear: both; overflow: hidden; visibility: hidden; display: block;}
.clearfix:before,
.clearfix:after {width: 0; height: 0; content: '\0020'; overflow: hidden; visibility: hidden; display: block;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}