@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600);

*
{
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
}
html
{
font-smooth: always;
	webkit-font-smoothing: antialiased;
    background: url(../img/maetel_bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
html,body
{
	height: 100%;
	overflow: hidden;
	width: 100%;
}

#holder2 {
    width: 39%;
    height: 100%;
    position:relative;
    float:left;
	display:absolute;
	z-index:5000;
}

#stretch{
    width:100%;
    height:100%;
    opacity:1;
}

#content
{
	border-left: none;
	border-right: none;
	height: 400px;
	position: absolute;
	top: 50%;
	margin-top:-150px;
	width: 100%;
	z-index: 1;
	background:transparent:
}

#fix-ie{
	width:100%;
	height:100%;
	background:#fff;
	background: rgb(255, 255, 255);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
	background: rgba(255, 255, 255, 0.8);
	-webkit-box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.3);
}


body
{
	font-family: 'Open Sans', Helvetica, "Tw Cen MT", Arial;
	font-size: 11px;
}

#content #symphony
{
	color: #555;
	height: 400px;
	left: 50%;
	margin-left:-120px;
	padding: 50px 10px;
	position: absolute;
	width: 500px;
	z-index: 11;
}

#content #symphony .poem
{
	width:160px;
	margin:10px; 
	float:right;
	-webkit-transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in;
}

#content #symphony .poem:hover
{
	-webkit-box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.3);
}

.overail{
	overflow:auto;
	height:300px;
}

#symphony .content{
	opacity:0;
	width:500px;
	position:absolute;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	zoom:1;
} 

strong{
	font-weight:700;
}

em{
	font-style:italic;
}

#logo
{
	background: url(../img/logo.png);
	height: 89px;
	position: absolute;
	right: 20px;
	top: 10px;
	width: 336px;
}
#player
{
	position: absolute;
	right: -20px;
	top: -25px;
}
#menu
{
	color: #000;
	font-family: "Open Sans", Arial;
	font-size:13px;
	line-height:100%;
	display:block;
	position: absolute;
	left: 50%;
	margin-left:-120px;
	top: -30px;
	width:600px;
	height:28px;
	z-index: 12;
}

#menu li
{
	color: #fff;
	cursor: pointer;
	float: left;
	text-decoration: none;
	padding:8px 5px;
	margin: 0 2px;
	border-radius:5px;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	-webkit-transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
	transition: all .4s ease-in;
	background:rgb(22, 130, 134);
	background:rgba(22, 130, 134, 0.5);
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;

}

#menu li a{
	display:block;
	margin:auto;
	color:#fff;
	position:relative;
}

#menu li:hover{
	background:rgba(0, 0, 0, 0.1);
	margin-top: -10px;
	padding-bottom: 20px;
}

.logo_licence img{
	margin:5px 0;
}

.dvd_image{
	float:right; 
	margin-left:15px;
}

#poem-content{
	width:500px;
}

#copyright{
	color:#fff;
	bottom:5px;
	right:10px;
	font-size:10px;
	position:absolute;
	text-align:right;
	text-shadow: 1px 1px #777;
}

#copyright a{
	color:#fff;
}