@font-face {
    font-family: MyriadPro-Bold;
	src: url('fonts/MyriadPro-Semibold.eot');
	src: local('?'), url('fonts/MyriadPro-Bold.woff') format('woff'), url('fonts/MyriadPro-Bold.ttf') format('truetype'), url('fonts/MyriadPro-Bold.svg') format('svg');
}
@font-face {
    font-family: MyriadPro-Light;
	src: url('fonts/MyriadPro-Light.eot');
	src: local('?'), url('fonts/MyriadPro-Light.woff') format('woff'), url('fonts/MyriadPro-Light.ttf') format('truetype'), url('fonts/MyriadPro-Light.svg') format('svg');
}
@font-face {
    font-family: MyriadPro-Regular;
	src: url('fonts/MyriadPro-Regular.eot');
	src: local('?'), url('fonts/MyriadPro-Regular.woff') format('woff'), url('fonts/MyriadPro-Regular.ttf') format('truetype'), url('fonts/MyriadPro-Regular.svg') format('svg');
}
@font-face {
    font-family: MyriadPro-Semibold;
	src: url('fonts/MyriadPro-Semibold.eot');
	src: local('?'), url('fonts/MyriadPro-Semibold.woff') format('woff'), url('fonts/MyriadPro-Semibold.ttf') format('truetype'), url('fonts/MyriadPro-Semibold.svg') format('svg');
}
@media (min-width:980px){
	html{
		overflow-x: hidden;
	}
}
html{
	background: url('../images/background.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-width:980px;
}
body{
	margin: 0;
	font-family: 'MyriadPro-Regular';
}
h1{
	color: #FFFFFF;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .20);
}
#menu{
}
#menu > span{
	margin-left: -300px;
	
}
#menu > span > a.nav{
	font-size: 24px;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	padding: 0 10px;
	cursor: pointer;
	text-decoration: none;
}
#menu > span > div.back{
	color: #FFFFFF;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 1);
	width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
}
#menu > span > div.content{
	width: 100%;
	height: 50px;
	background: rgba(255,255,255,0.8);
	position: relative;
	height: 0;
	overflow: hidden;
	text-shadow: 0 1px 1px #FFF;
	padding-left: 20px;
}
#menu > span > div.content h1, #menu > span > div.content h2, #menu > span > div.content h3, #menu > span > div.content h4, #menu > span > div.content h5{
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
div.back > span{
	padding: 10px 10px 0 10px;
	top: 10px;
	position: relative;
}
.content p{
	width: 20%;
	float: left;
	padding: 0 2%;
}
.content ul{
	width: 20%;
	float: left;
	padding: 0 2%;		
}
.content img{
	width: 50%;
}
.content div{
	float: left;
}
.tab{
	cursor: hand; 
	cursor: pointer;
}
.tab.active-tab{
	background: rgba(255,255,255,.4);
}