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

html { margin: 0; font-family:Arial,Verdana,Helvetica,sans-serif; }
body { margin: 0;}
img { border: 0; }
ul { margin: 0; padding: 0; }
a, a:hover { text-decoration: none; }

.logo {
	background-color:#FC3;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px; 
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.Container { width: 100%; min-height: 450px; height: 100%; overflow: hidden; position: absolute; margin-left: auto; margin-right: auto;  }
.OuterContainer { position: relative; top: 45%; height: 450px; margin-left: auto; margin-right: auto; }
.InnerContainer { position: relative; background-color:#FFFFFF; margin-left: auto; margin-right: auto; height:450px; width:978px; padding-top: 0px; top: -50%; background: #ffffff; -webkit-border-radius: 8px; 	-moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);	box-shadow: 0 1px 3px rgba(0,0,0,.4);}

.Elements { margin: 0; padding-top: 75px; margin-left: auto; margin-right: auto; }
.Element { height: 300px; margin: 0 3px 0 2px; position: relative; float: left; list-style: none; overflow: hidden; }
.Element1 { width: 320px; }
.Element1 .Text { width: 300px; }
.Element2 { width: 320px; }
.Element2 .Text { width: 300px; }
.Element3 { width: 320px; }
.Element3 .Text { width: 300px; }




.Element a { position: relative; float: left; }
.Element img { float: left; position: relative; width: 100%; height: 200px; }
.Element .Text { float: left; position: relative; height: 19px; font-size: 18px; font-weight: bold; color:#666; text-decoration: none; cursor: pointer; background: url() left top; padding: 10px;  text-transform: uppercase; text-align:center; }

.Element a:hover .Text { background-position: left -39px; color:#f7ba00; }

.footer-text {
	color: #000000;
	font-size: 10px;
	text-align: center;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}

.footer-text a {
	color: #000000;
}

.footer-text a:hover {
	text-decoration: underline;
}



/* ie6 */
* html .Container { overflow: visible; }
* html .OuterContainer { left: 100px; top: 100px; }
* html .InnerContainer { left: 0; top: 0; }
* html .Elements { width: 888px; }
* html body { background-image: none; background-color: #e4e4e4; }