body {
	margin : 0;
	padding : 0;
	background-color : #E6E6E6;
}

body, a {
	color : #727272;
	font-family: 'Viga', sans-serif;
	font-size : 16px;
}

h1 {
	color : #454344;
	font-weight : 400;
	font-style : italic;
}

.main {
	position : relative;
	width : 960px;
	margin: 0px auto;
	border : 1px solid #E6E6E6;
}

.rel {
	position : relative;
}

.gears {
	margin-top : -240px;
	margin-left:132px;
}

.gear1 {
	position : absolute;
	width : 706px;
	height : 706px;
	background : url('img/bigCog.png');
}

.gear2 {
	position : absolute;
	width : 321px;
	height : 321px;
	margin-left : 192px;
	margin-top : 192px;
	background : url('img/smallCog.png');
}

.logo {
	position : absolute;
	width : 412px;
	height : 175px;
	margin-left : 147px;
	margin-top : 270px;
	background : url('img/evoLogo.png');
}

#vcont {
	background-color : black;
	width : 960px;
	height : 540px;
	margin-top : 260px;
}

.social {
	position : absolute;
	margin-left : 970px;
	margin-top : 260px;
}

.social a {
	display:block;
}

.social a:hover img {
	opacity : 0.9;
}

.video {
	width : 960px;
	height : 540px;
	cursor : pointer;
}

.video .bg {
	position : absolute;
	width : 960px;
	height : 540px;
	background : url('img/sky.png');
}

.video .clouds {
	position : absolute;
	width : 960px;
	height : 540px;
	background : url('img/clouds.png');
}

.video .fg {
	position : absolute;
	width : 960px;
	height : 540px;
	background : url('img/foreground.png');
}

.video .click {
	position : absolute;
	width : 102px;
	height : 72px;
	margin-left : 429px;
	margin-top : 234px;
	background: url('img/playOff.png');
}

.video:hover .click {
	background: url('img/playOn.png');
}

.preorder {
	margin-top : 20px;
	margin-bottom:  50px;
	text-align : center;
}

p {
	margin-bottom : 30px;
}

ul.screens {
	padding : 0px;
}

ul.screens li {
	list-style : none;
	border : 1px solid transparent;
	outline : 1px solid #666;
	width : 314px;
	height : 176px;
	display : inline-block;
}

ul.screens li img {
	opacity : 1;
	cursor : pointer;
}

ul.screens li img:hover {
	opacity : 0.9;
}

.space {
	height : 30px;
}

p.desc {
	margin-top : 0xp;
	text-align : center;
}

.bigspace {
	height : 130px;
}

.copy {
	text-align : center;
	margin-bottom : 10px;
	font-size : 12px;
}

.copy a {
	color : #B6B6B6;
	text-decoration : none;
}

.footer {
	padding-top : 10px;
	padding-bottom : 10px;
	background-color : #202020;
}

.modal {
	position : fixed;
	top : 0px;
	left : 0px;
	z-index : 99;
	width : 100%;
	height : 100%;
	cursor : pointer;
	background-color : #000000;
	background-color : rgba(0,0,0,0.8);
	background-color : transparent\9;
	filter : progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
	zoom : 1;
}
.modal .content {
	width : 1024px;
	margin : 200px auto;
	position : relative;
}
.modal .content img.screen {
	max-width : 1024px;
}
.modal.screen .content {
	margin-top : 100px;
}

.modal.screen .content img {
	border : 1px solid black;
	display : inline-block;
}