@charset "utf-8";
 @import "../css/reset.css";


/* REDEFINITIONS */

@import "../css/default-tags.css";

/* CLASSES */

@import "../css/default-classes.css";
/* LAYOUT */
@font-face {
	font-family: 'MyriadPro-Semibold';
		src: url('myriadpro-semibold.eot');
		src: local('MyriadPro-Semibold'),
		url('myriadpro-semibold.svg#myriadpro-semibold') format('svg'),
		url('myriadpro-semibold.ttf') format('truetype');
}
@font-face {
	font-family: 'MostraOne-Regular';
		src: url('MostraOne-Regular.eot');
		src: local('MostraOne-Regular'),
		url('mostraone-regular.svg#mostraone') format('svg'),
		url('MostraOne-Regular.ttf') format('truetype');
}
#container {
	margin:auto;
	width:998px;
	text-align:left;
	margin-top:30px;
}
#image-container {
	border:#ed217c 4px solid;
	width:612px;
	height:400px;
	color: #fff;
	text-align: left;
}
#image-container p {
	margin: 10px 10px 0 10px;
}
.one {
	border-color: #D7C800 !important;
}
.two, .seven{
	border-color: #FFCB08 !important;
}
.three {
	border-color: #00ACD4 !important;
}
.four {
	border-color: #FAA74A !important;
}
.five {
	border-color: #EE3A85 !important;
	height: auto !important;
	padding-bottom: 10px;
}
.six {
	border-color: #F6A2A9 !important;
}
.eight {
	border-color: #06A7E1 !important;
}
.nine {
	border-color: #8CC63F !important;
}
.ten {
	border-color: #8A73B3 !important;
}
#image-rot {
	margin-left:10px;
	width:620px;
	height: 400px;
}
#left {
	margin-top:10px;
	float:left;
	width:366px;
}
#right {
	margin-top:10px;
	float:left;
	width:630px;
}
#links {
	margin:20px 0 0 8px;
	width:625px;
}
.left-menu-item {
	clear: left;
}
.left-menu-item a {
	text-decoration: none;
}
.left-menu-item h2 {
	font-family:"MostraOne-Regular";
}
.left-menu-item h2 a {
	display: block;
	float:left;
	height: 60px;
	width: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 2.8em;
	color: #000;
	font-weight: normal;
}

.left-menu-item h3, .left-menu-item p {
	font-family:"MyriadPro-Semibold";
}
.left-menu-item h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 8px;
}
.left-menu-item h3 a{	
	color: #fff;
}
.left-menu-item p {
	font-size: 1em;
	.font-weight: bold;
}
.left-menu-item p a{
	color: #000;
}
.copy {
	float: left;
	height: 60px;
	width: 293px;
	padding-left: 10px;
}
.black {
	color: #000;
}
.fadercopy {
	width: 572px;
	height: 360px;
	padding: 20px;
}
.fadercopy h2{
	font-family:"MyriadPro-Semibold";
	font-size: 2.4em;
	line-height: 1.2em;
}
#three p, #four p, #five p, #seven p, #eight p, #nine p {
	letter-spacing: -.04em;
}
#one h2 a{background: #968c00;}
#one .copy {background: #d7c800;}
#two h2 a, #seven h2 a{background: #b28e06;}
#two .copy, #seven .copy{background: #ffcb08;}
#three h2 a, #eight h2 a{background: #00677f;}
#three .copy, #eight .copy{background: #00acd4;}
#four h2 a {background: #96642c;}
#four .copy {background: #faa74a;}
#five h2 a {background: #8f2350;}
#five .copy {background: #ee3a85;}
#six h2 a {background: #946165;}
#six .copy {background: #f6a2a9;}
#nine h2 a {background: #547726;}
#nine .copy {background: #8cc63f;}
#ten h2 a {background: #53456b;}
#ten .copy {background: #8a73b3;}