#wrapper.home {
	background : url('images/background.jpg') no-repeat;
	
}

#wrapper.home #main {
	width      : 1024px;
	min-height : 712px;
	margin     : 0 auto;
}

.top .subscribe {
	display    : block;
	background : url('images/subscripbe.png') no-repeat;
	width      : 152px;
	height     : 27px;
	float      : right;
	margin     : 12px 30px 0 0;
}

#wrapper.home .content {
	background : url('images/menu-line.png') no-repeat top left;
	height     : 341px;
	position   : relative;
}

a.logo {
	background : url('images/logo.png') no-repeat top left;
	display    : block;
	width      : 371px;
	height     : 642px;
	margin     : 20px 0 0 35px;
	float      : left;
}

.circles-wrap {
	width    : 601px;
	position : absolute;
	top      : 20px;
	right    : 8px;
}

.circles-wrap .links {
	float         : right;
	margin-right  : 22px;
	margin-bottom : 15px;
}

.circles-wrap .links a {
	font-size       : 10px;
	color           : #fcf;
	margin-left     : 8px;
	text-decoration : underline;
}

.circles-wrap .left-arrow,
.circles-wrap .right-arrow {
	background : url('images/arrows-sprite.png') no-repeat;
	width      : 16px;
	height     : 13px;
	position   : absolute;
	top        : 55%;
	cursor     : pointer;
}

.circles-wrap .left-arrow {
	left : 5px;
}

.circles-wrap .right-arrow {
	right               : 0;
	background-position : -16px;
}


div .circles {
	width    : 553px;
	height   : 177px;
	float    : right;
	margin   : 0 12px 0 0;
	overflow : hidden;
}

div .circles ul {
	list-style-type : none;
	margin          : 0;
	padding         : 0;
}

li.circle {
	background  : url('images/circles.png') no-repeat;
	width       : 177px;
	height      : 177px;
	float       : left;
	margin      : 0 10px 0 0;
	
	white-space : nowrap;
}

li.circle .inner {
	font-family    : HelveticaNeueCondensedBold, sans-serif;
	color          : #000;
	text-transform : uppercase;
	text-align     : center;
	
	display        : inline-block;
	vertical-align : middle;
	white-space    : normal;
	
	width          : 79.5%;
	margin         : 0 20px;
}

li.circle .inner h2,
li.circle .inner p {
	font-size : 14px;
	margin    : 0;
	
}

li.circle .valign-helper {
	display        : inline-block;
	vertical-align : middle;
	height         : 100%;
}

li.circle .inner h2 {
	font-weight : normal;
	margin      : 0;
	padding     : 0;
	color       : #fff;
}

li.circle .inner p {
	overflow      : hidden;
	text-overflow : ellipsis;
}

li.circle.last-x {
	margin-right : 0;
}

li.circle.last-y {
	margin-bottom : 0;
}

li.circle.body {
	background-position : -376px 0;
}

li.circle.fat {
	background-position : -188px 0;
}

.below-circles-text {
	position : absolute;
	width    : 550px;
	bottom   : 42px;
	right    : 25px;
}

.below-circles-text p {
	font-size : 14px;
	
}

.below-circles-text p a {
	font-weight : bold;
}

.below-circles-text p a:hover {
	color : #fff;
}


.below-content {
	height   : 117px;
	position : relative;
}

.below-content .text {
	width     : 310px;
	height    : 89px;
	font-size : 12px;
	color     : #f3e507;
	float     : left;
	margin    : 10px 0 0 -305px;
	
}

.below-content a {
	font-size : 9px;
}

.below-content a.trailer {
	position   : absolute;
	display    : block;
	text-align : center;
	width      : 145px;
	height     : 105px;
	right      : 440px;
	top        : 10px;
	bottom     : 0;
}

.below-content a.trailer img {
	width  : 145px;
	height : 90px;
}

.below-content .buy-the-movie {
	position       : absolute;
	display        : block;
	text-align     : center;
	width          : 120px;
	height         : 107px;
	top            : 10px;
	right          : 300px;
	bottom         : 0;
	text-transform : uppercase;
}

.below-content a.specstudio,
.below-content a.poster {
	display : block;
}

.below-content a.poster img {
	margin-left : 1px;
	margin-top  : 5px;
	width       : 60px;
}

.below-content a.specstudio img {
	margin-left : 1px;
	width       : 50px;
}

.below-content a img {
	margin-top : 3px;
}

.footer {
	height   : 101px;
	/*float: left;*/
	position : relative;
}

.footer .links {
	top      : 23px;
	left     : 103px;
	position : absolute;
	width    : 306px;
	height   : 61px;
}


.footer .links .laures img {
	width  : 77px;
	height : 60px;
}

.footer .links .independentlens img {
	width       : 168px;
	height      : 24px;
	margin-top  : -5px;
	margin-left : 10px;
}

.footer .links .itvs img {
	width       : 35px;
	height      : 22px;
	margin-left : 10px;
}

.footer .copy {
	top      : 52px;
	right    : 35px;
	position : absolute;
	color    : #000;
}

.footer .copy a {
	color : #000;
}

.hp_quote {
	position : absolute;
	width    : 400px;
	left     : 425px; /*444px*/
	top      : 37px;
}

.laurels {
	width      : 1024px;
	text-align : center;
	position   : absolute;
	margin     : 30px auto;
}

.laurels img {
	padding-right : 20px;
}