/* global */
	
body, td, p, div img {
	border: 0;
}

body {
	background: url('images/bg_dirt.gif');
	text-align: left;
	margin: 0;
	padding: 0;
	min-width: 1150px !ie;
}

td, p, div {
	color: #fff;
	font-family: georgia, times, times new roman, serif;
	font-weight: normal;
}

a {
	cursor: pointer;
}

a:link, a:visited {
	text-decoration: none;
	color: #fff;
}
	
a:active, a:hover {
	text-decoration: underline;
	color: #fff;
}

#container {
	/*margin: 0 -50px 0 0;
	padding: 0 50px 0 0;
	margin: 0 !ie;
	padding: 0 !ie;*/
	min-height: 750px;
	_height: 750px;
	min-width: 1140px;
}

.container {
	background: url('images/bg_cottage_double.jpg') repeat-x;
	background-position: 0 0;
}

.container_on {
	background: url('images/bg_cottage_double.jpg') repeat-x;
	background-position: 0 -750px;
}

#inner-container {
	margin: 0;
	padding: 20px;
	min-width: 1100px;
}

h1 {
	display: none;
}

.logo {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1;
}

.logo a {
	display: block;
	background: url('images/pab_logo.png') no-repeat 0 0;
	width: 100px;
	height: 59px;
	text-indent: -9999px;
}

.logo a:active, .logo a:hover {
	background-position: 0 -59px;
}

.title a {
	display: block;
	background: url('images/txt_shinies.png') no-repeat 0 0;
	width: 730px;
	height: 87px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

.title a:active, .title a:hover {
	background-position: 0 -87px;
}

.artist a {
	display: block;
	background: url('images/txt_octopus_project.png') no-repeat 0 0;
	width: 350px;
	height: 61px;
	margin: 20px 0;
	padding: 0;
	text-indent: -9999px;
}

.artist a:active, .artist a:hover {
	background-position: 0 -61px;
}

.director a {
	display: block;
	background: url('images/txt_divya.png') no-repeat 0 0;
	width: 350px;
	height: 49px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

.director a:active, .director a:hover {
	background-position: 0 -49px;
}

ul {
	position: absolute;
	top: 110px;
	left: 510px;
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
	margin: 25px;
	padding: 0;
	font-size: 16px;
}

li .large {
	display: block;
	background: url('images/txt_large.png') no-repeat 0 0;
	width: 165px;
	height: 53px;
	text-indent: -9999px;
}

li .med {
	display: block;
	background: url('images/txt_medium.png') no-repeat;
	width: 165px;
	height: 53px;
	text-indent: -9999px;
}

li .small {
	display: block;
	background: url('images/txt_small.png') no-repeat;
	width: 165px;
	height: 53px;
	text-indent: -9999px;
}

li .youth {
	display: block;
	background: url('images/txt_youth.png') no-repeat;
	width: 165px;
	height: 53px;
	text-indent: -9999px;
}

li a:active, li a:hover {
	background-position: 0 -53px;
}

#darkness {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

#movie-container {
	display: none;
	position: absolute;
	top: 125px;
	left: 400px;
	border: solid 1px #fff;
	z-index: 10;
}

.movie-large {
	width: 720px;
	height: 502px;
}

.movie-med {
	width: 640px;
	height: 448px;
}

.movie-small {
	width: 480px;
	height: 340px;
}

.movie-youth {
	width: 320px;
	height: 232px;
}

#close-movie {
	text-align: center;
	padding: 20px;
}

#close-movie a {
	display: block;
	background: url('images/txt_back.png') no-repeat 0 0;
	width: 81px;
	height: 30px;
	text-indent: -9999px;
}

#close-movie a:active, #close-movie a:hover {
	background-position: 0 -30px;
}

.title a {
	display: block;
	background: url('images/txt_shinies.png') no-repeat 0 0;
	width: 730px;
	height: 87px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

.title a:active, .title a:hover {
	background-position: 0 -87px;
}

#spacer {
	height: 1px;
}

.spacer_large {
	width: 1120px;
}

.spacer_medium {
	width: 1040px;
}

.spacer_small {
	width: 880px;
}

/* float clearfix styles */

.clear {
	clear: both; 
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix {display: block;}
/* End hide from IE-mac */