@charset "utf-8";
/* CSS Document */

@font-face {
font-family: 'SegoeUI';
src: url('fonts/segoeui.eot');
src: url('fonts/segoeui.eot?#iefix') format('embedded-opentype'),
	 url('fonts/segoeui.woff') format('woff'),
	 url('fonts/segoeui.ttf') format('truetype'),
	 url('fonts/segoeui.svg#segoeui') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'SegoeUI-Bold';
src: url('fonts/segoeuib.eot');
src: url('fonts/segoeuib.eot?#iefix') format('embedded-opentype'),
	 url('fonts/segoeuib.woff') format('woff'),
	 url('fonts/segoeuib.ttf') format('truetype'),
	 url('fonts/segoeuib.svg#segoeuib') format('svg');
font-weight: normal;
font-style: normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, picture { 
display: block;
}

a {
color:#00b5f1;
text-decoration:none;
}

a:hover {
color:#00b5f1;
text-decoration:underline;
}

img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
border:none;
}

body {
padding:0;
margin:0;
background:#f8f6f1;
font-family: 'SegoeUI';
font-size:1.125em;
color:#58595b;
}

#body {
padding:0;
margin:0 auto;
width:100%;
max-width:1100px;
text-align:center;
}

header {
padding:10px 0;
margin:0;
width:100%;
float:left;
}

#top-content {
padding:150px 0 0 0;
margin:0;
background:url(img/bgr.jpg) no-repeat center center;
width:100%;
height:152px;
color:#ffffff;
text-shadow:1px 1px #464646;
float:left;
}

.main-content {
padding:15px 0;
margin:0;
width:100%;
float:left;
}

footer {
padding:10px 0;
margin:0;
width:100%;
float:left;
font-size:80%;
}

footer span {
color:#00b5f1;
letter-spacing:2px;
font-size:120%;
display:block;
text-align:center;
padding-bottom:20px;
}


h1 {
padding:0;
margin:0;
font-size:1.7em;
font-family: 'SegoeUI-Bold';
font-weight:normal;
}

h2 {
padding:20px 0 0 0;
margin:0;
font-size:1.3em;
font-family: 'SegoeUI';
font-weight:normal;
}

@media only screen and (max-width: 1024px) {
#top-content {
padding:100px 0 0 0;
height:180px;
}
}

@media only screen and (max-width: 600px) {
#top-content {
padding:70px 0 0 0;
background:url(img/bgr2.jpg) no-repeat bottom center;
height:155px;
}
}

@media only screen and (max-width: 480px) {
header img {
width:50%;
}
#top-content {
padding:60px 0 0 0;
background:url(img/bgr3.jpg) no-repeat bottom center;
height:115px;
}

h1 {
font-size:1.2em;
}
}

@media only screen and (max-width: 320px) {
#top-content {
padding:60px 0 0 0;
background:url(img/bgr3.jpg) no-repeat bottom center;
height:115px;
}
h1 {
font-size:1.2em;
}
}