/*
Special Thanks to csseasy.com
*/

@font-face {
    font-family: 'open_sanslight';
    src: url('opensans-light-webfont.eot');
    src: url('opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-light-webfont.woff') format('woff'),
         url('opensans-light-webfont.ttf') format('truetype'),
         url('opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('opensans-semibold-webfont.eot');
    src: url('opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-semibold-webfont.woff') format('woff'),
         url('opensans-semibold-webfont.ttf') format('truetype'),
         url('opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{ 
font-family: Helvetica, sans-serif;
background-color: #ffffff;
margin:0; 
padding:0; 
}

#header{ 
background-color: #a10000;
height:49px;
}

#title{
background-color: #a10000;
height:49px;
width:800px;
margin-left: auto;
margin-right: auto;
}

#center { 
position: relative;
background-color: #ffffff;
width:798px;
margin-left: auto;
margin-right: auto;
height:536px;
}

/* ----- TILE-ONE ----- */

#tile-one {
width:248px;
height:248px;
padding:0px;
background-color: #ffffff;
border: 1px;
border-color: #424242;
border-style:solid;
text-align: left;
font-color: #424242;
position:absolute;
left: 12px;
top: 12px;
}

/* ----- TILE-TWO ----- */

#tile-two {
width:250px;
height:250px;
padding:0px;
background-color: #e7e7e7;
border-style:none;
text-align: left;
font-color: #424242;
position:absolute;
left: 274px;
top: 12px;
}

/* ----- TILE-THREE ----- */

#tile-three {
width:226px;
height:226px;
padding:12px;
background-color: #e7e7e7;
border-style:none;
text-align: left;
font-color: #424242;
position:absolute;
left: 536px;
top: 12px;
}

/* ----- TILE-THREEdotONE ----- */

#tile-threedotone {
width:119px;
height:119px;
padding:0px;
background-color: #e7e7e7;
border-style:none;
text-align: left;
font-color: #424242;
position:absolute;
left: 536px;
top: 12px;
}

/* ----- TILE-THREEdotTWO ----- */

#tile-threedottwo {
width:117px;
height:117px;
padding:0px;
background-color: #ffffff;
border: 1px;
border-color: #424242;
border-style:solid;
text-align: left;
font-color: #424242;
position:absolute;
left: 667px;
top: 12px;
}

/* ----- TILE-THREEdotTHREE ----- */

#tile-threedotthree {
width:117px;
height:117px;
padding:0px;
background-color: #e7e7e7;
border: 1px;
border-color: #424242;
border-style:solid;
text-align: left;
font-color: #424242;
position:absolute;
left: 536px;
top: 143px;
}

/* ----- TILE-THREEdotFOUR ----- */

#tile-threedotfour {
width:119px;
height:119px;
padding:0px;
background-color: #a10000;
border-style:none;
text-align: left;
font-color: #424242;
position:absolute;
left: 667px;
top: 143px;
}

/* ----- TILE-FOUR ----- */

#tile-four {
width:250px;
height:250px;
padding:0px;
background-color: #424242;
border-style:none;
text-align: left;
font-color: #424242;
position:absolute;
left: 12px;
top: 274px;
}

/* ----- TILE-FIVEandSIX ----- */

#tile-fiveandsix {
width:510px;
height:248px;
padding:0px;
background-color: #ffffff;
border: 1px;
border-color: #424242;
border-style:solid;
text-align: left;
font-color: #424242;
position:absolute;
left: 274px;
top: 274px;
}

/* ----- TILE-SEVEN ----- */

#tile-seven {
width:650px;
height:300px;
padding:0px;
background-color: #424242;
border: 1px;
border-color: #424242;
border-style:solid;
text-align: center;
font-family: open_sansregular, sans-serif;
position:absolute;
left: 64px;
top: 118px;
z-index:9999;
}

#footer { 
clear:both;
background-color: #ffffff;
height:25px;
text-align:center;
}

a.linkbox {
background-color: #e7e7e7;
display: block;
}

a.linkbox:hover {
 background-color: #ff0000;
 display: block;
}

ul.ppt {
	margin: 0px;
	padding:0px;
	position: absolute;
	top: 0;
	left: 0;
}

.ppt li {
	list-style-type: none;
	margin: 0px;
	padding:0px;
	position: absolute;
	top: 0;
	left: 0;
}

.ppt img {
	border: 0px;
	margin:0px;
	padding: 0px;
	background-color: #424242;
}

ul.profile {
	margin: 0px;
	padding:0px;
	position: absolute;
	top: 0;
	left: 0;
}

.profile li {
	list-style-type: none;
	margin: 0px;
	padding:0px;
	position: absolute;
	top: 0;
	left: 0;
}

.profile img {
	border: 0px;
	margin:0px;
	padding: 0px;
	background-color: #424242;
}