@charset "UTF-8";

html {
	overflow-y: scroll;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	//background-color: #fff;
    background-image: url(images/mask.svg);
    background-repeat: no-repeat;
    background-size: cover;
    
}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}

#tile {
	width: 268px;
	height: 160px;
	text-align: center;
	font-size:10pt;
	line-height:10pt;
	font-family:'Helvetica', 'Arial';
	float: left;
}

#footerbox {
    position: fixed;
    bottom: 0;
    //background-color: #fff;
    width:900px;
    min-height:130px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    margin-bottom: 5px;
}

#indexboxarea {
    width: 100%;
    min-height: 325px;
    //background-color: #e5e5e5;
    margin-bottom: 20px;
}
    
#indexboxesleft {
    width:440px;
    //min-height:400px;
    float: left;
}

#indexboxesright {
    width:440px;
    //min-height:400px;
    float: right;
}

#indexbox {
    background-color: #fff;
    width:440px;
    min-height:150px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    border-style:solid;
    border-color:#e0e0e0;
    border-width:1px;
    -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);
    //padding: 5px;
    margin-bottom: 20px;
}

#indexboxright {
    background-color: #fff;
    width:440px;
    min-height:230px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    border-style:solid;
    border-color:#e0e0e0;
    border-width:1px;
    -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.1);
    //padding: 5px;
    //position: fixed;
    //bottom: 0;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#indexboxcontent {
    width: 95%;
    //background-color: #e5e5e5;
    padding-left: 10px;
    padding-top: 5px;
}

.reset {
	clear:both;
	text-align: left;
}

img.title {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.title2 {
    //display: block;
    //margin-left: auto;
    //margin-right: auto;
    }

img.partner {
    //display: block;
    //margin-left: auto;
    margin-right: 20px;
    }

#tiles {
	width: 800px;
	display: block;
    margin-left: auto;
    margin-right: auto
}

.normaltext10 {
    color: #000;
    font-size: 10pt;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
}

.normaltext12 {
    color: #000;
    font-size: 12pt;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
}

.normaltext12bold {
    color: #000;
    font-size: 12pt;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    font-weight: bold;
}

.normaltext13bold {
    color: #000;
    font-size: 13pt;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    font-weight: bold;
}

.normaltext14 {
    color: #000;
    font-size: 14pt;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
}

.normaltext14bold {
    color: #000;
    font-size: 14pt;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    font-weight: bold;
}

img.floatright {
	float:right;
	margin-left:5px;
	margin-top:1px;
}

.citytext { font-size: 20pt; font-family: "Arial", "Helvetica", sans-serif; color: #000; }
.text { font-size: 11pt; font-family: "Arial", "Helvetica", sans-serif; color: #000; }
.copytext { font-size: 20pt; font-family: "Arial", "Helvetica", sans-serif; color: #888888; }

a:link { color: #444; font-size: 11pt; font-family: 'Helvetica', 'Arial', sans-serif; text-decoration: none; }
a:active { color: #444; font-size: 11pt; font-family: 'Helvetica', 'Arial', sans-serif; text-decoration: none; }
a:visited { color: #444; font-size: 11pt; font-family: 'Helvetica', 'Arial', sans-serif; text-decoration: none; }
a:hover { color: #444; font-size: 11pt; font-family: 'Helvetica', 'Arial', sans-serif; text-decoration: underline; }

.biglink a:link { color: #444; font-size: 20pt; font-family: 'Helvetica', 'Arial', sans-serif; text-decoration: none; }
.biglink a:active { color: #444; font-size: 20pt; font-family: 'Helvetica', 'Arial', sans-serif; text-decoration: none; }
.biglink a:visited { color: #444; font-size: 20pt; font-family: 'Helvetica', 'Arial', sans-serif; text-decoration: none; }
.biglink a:hover { color: #444; font-size: 20pt; font-family: 'Helvetica', 'Arial', sans-serif; text-decoration: underline; }

hr { border: 0; width: 800px; color: #888888; background-color: #888888; height: 1px; }