@charset "UTF-8";
/* CSS Document */
body {
background: #000 url(astoria-bg.jpg) no-repeat center center fixed;
/**for Safari,Chrome**/
-webkit-background-size: cover;
/**for Firefox**/
-moz-background-size: cover;
/**for Opera**/
-o-background-size: cover;
/**for other browsers**/
background-size: cover;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}
#logo {position: absolute; top: 40px; left:40px;}
#topright {position: absolute; top: 40px; right:40px;}
p.baseline {color: white; font-size: 1.3em; font-family: 'Roboto Condensed', sans-serif; font-weight: 700;}
a {color: #ffffff; text-decoration: none; border-bottom: 1px #ffffff dotted}
h1 {font-size: 2em;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	color: white;
	text-align: center;
	margin: 0;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)}
#adresses {
    position: absolute;
    top: 40%;
    left: 17%;
    color: #ffffff;
    font-size: 1em;
    line-height: 20px;
    width: 75%;
    text-align: left;
}
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 20px 0px 0px 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 2% 0 1% 3%;
}
.col:first-child {
    margin-left: 0;
    font-weight: 300;
}

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF THREE  */

.span_3_of_3 { width: 30%; }
.span_2_of_3 { width: 30%; }
.span_1_of_3 { width: 30%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 2% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}
.gras {font-weight: 700;}
#footer {
   position:fixed;
	font-weight: 700;
   left:0px;
   bottom:0px;
   width:100%;
   background:#181818;
	color: #AAAAAA;
	font-size: 0.90em;
	padding: 0px 10px 0px 40px;
}
#footer a {text-decoration: none; border: none; color: #AAAAAA;}