﻿
/*********Centralize the body*************/
.wrapper
{
	width:800px;
    vertical-align:middle;
    margin-left:auto;
    margin-right:auto;
}

body
{
	margin: 0;
	padding: 0;
	text-align: center;
}
/*********Centralize the body - END*************/

/****GENERAL**************/

body
{
	background-color:Black;
	font-family: Myriad Pro, Arial Black, Tahoma;
	font-size: 0.8em;
}

.clearer
{
	width:100%;
	clear:both;
	height:0px;
	font-size:0px;
}

.wrapper
{
	margin-top:20px;
}

.inner-content
{
	margin-top:0px;
	margin-left:20px;
	margin-right:20px;
	height:434;
}

.content
{
	height:454px;
	width:800px;
	background-image: url(../Images/body-bg.png);
}

.devloper
{
	color:White;
	font-size:0.85em;
	float:right;
	margin-right:17px;
}

/****GENERAL**************/

/***************HEADER*************************/

.header
{
	background-image: url(../Images/header-bg.png);
	width:800px;
	height:117px;
	text-align:left;
}

.header-left
{
	width:399px;
	float:left;
}

.header-right
{
	width:399px;
	float:right;
}

.page-title
{
	padding: 12px 0 0 17px;
	color:#e5e5e5;
	font-size:2.6em;
	font-weight:bold;
	width:100%;
	float:left;
}

.page-title-small
{
	font-size:0.6em;
}

.top-navigation
{
	width:100%;
	margin-left:25px;
	font-family:Myriad Pro Cond;
	font-weight:bold;
	font-size: 1.9em;
	padding-top:25px;
}

.top-navigation a
{
	color:White;
	text-decoration:none;
	padding-right:25px;
	padding-left:25px;
}

.top-navigation a:hover
{
	color:Gray ;
}

.header-you-details
{
	padding: 46px 20px 0 0;
	color:#e5e5e5;
	font-size:2.7em;
	font-weight:bold;
	float:right;
	text-align:center;
}

.header-you-details-small
{	
	color:#e5e5e5;
	font-weight:bold;
	font-size:0.38em;
}

/***************HEADER*************************/

/************Visuals page ***********************/

.visual-thumb
{
	width:180px;
	height:130px;
	border-style:none;
}

.visuals-wrapper
{
	margin-top:17px;
	float:left;
	text-align:left;
}

.visual-anchor
{
	width:180px;
	height:130px;
	border-style:none;
	padding-right:10px;
	padding-bottom:8px;
	float:left;
}


/************Visuals page END********************/

/************Info page ***********************/
.info-wrapper
{
	text-align:right;
	font-size:1.9em;
	font-weight:bold;
	padding-top: 150px;
	font-family:Myriad Pro Cond;
}

.info-wrapper a
{
	color:black;
}

.info-wrapper a:hover
{
	color:Gray ;
}

/************Info page END***********************/

/************Videos page ***********************/
.videos-leftnav-thumbs
{	
	display:block;
	overflow:auto;
	width:200px;
	height:352px;
	text-align:left;
}

.video-thumb-anchor a
{
	height:85px;
	width:85px;
}

.video-thumb-anchor img
{
	border-style:none;
	padding-left:3px;
	margin-top:3px;
}

.videos-leftnav-wrapper
{
	margin-top:35px;
	margin-left:10px;
	float:left;
	width:200px;
}

.videos-leftnav-showreel  a
{
	display:block;
	color:black;
	font-size:1.5em;
	font-weight:bold;
	margin-top:8px;
	margin-left:3px;
	text-align:left;
	text-decoration:none;
}

.videos-leftnav-showreel  a:hover
{
	color:Gray ;
}

.videos-player-wrapper
{
	margin-top:10px;
	margin-left:10px;
	float:left;
	width:512px;
}

.video-title
{
	color:black;
	font-size:1.5em;
	text-align:right;
	font-weight:bold;
	height:25px;
}


.video-description
{
	color:black;
	font-size:1.2em;
	text-align:left;
	font-weight:bold;
	height:25px;
}
/************Videos page END***********************/


.copyright
{
	color:White;
	font-weight:bold;
	font-size:0.85em;
	float:right;
	margin-right:17px;
}

