/*


*/

* {padding: 0; margin: 0; border: 0 none #fff;}

html, body {
	width:				100%;
	height:				100%;
	font:				normal 1em Arial;
	color:				#fff;
	background:			#1a1a17;}

h1 {}
h2 {
	font:				bold 0.75em Arial;}
h3 {}
h4 {}
p {
	font:				normal 0.69em Arial;}
	
.button {
	font:				bold 0.63em Arial;
	text-decoration:	none;
	text-transform:		uppercase;
	padding:			2px 6px 3px 4px;
	color:				#87877e;
	border-top:			1px solid #5e5e58;
	border-left:		1px solid #5e5e58;
	border-right:		1px solid #373731;
	border-bottom:		1px solid #373731;
	background:			#4f4f48;}
	

/* Container + Page */

#stage {
	width:				100%;
	height:				100%;}

#page {
	width:				987px;
	height:				660px;
	border:				1px solid #000;
	text-align:			left;
	background:			#242520;}
	
/*
	Header 
*/

#header {
	overflow:			hidden;
	width:				100%;
	height:				91px;
	background:			#242520 url(../img/site/header_bg.gif) repeat-x;
	border:				1px solid #161714;
	border-width:		0 0 1px;}
#header #logo {
	width:				280px;
	height:				58px;
	float:				right;
	margin:				16px 24px 0;}
#header ul {
	float:				left;
	list-style:			none;
	margin:				58px 0 0 20px;}
	
#header ul li {
	display:			block;
	float:				left;
	margin:				0 23px 0 0;}
#header ul li a {
	display:			block;}
#header ul li a img {
	float:				none;}
#header ul li a span {
	display:			none;}
	
/* 
	Page Properties/Image/Info
*/

#page {
	overflow:			hidden;
	height:				100%;
	padding:			0 0 25px;}
#page #body {
	overflow:			hidden;
	height:				543px;}
#properties {
	float:				left;
	width:				228px;
	height:				543px;
	border:				1px solid #69695e;
	border-width:		0 1px 0 0;
	background:			#42423b;}
#image {
	float:				left;}
#info_panel {
	float:				left;
	width:				230px;
	border:				1px solid #30302b;
	border-width:		0 0 0 1px;
	background:			#4a4a42;}
	
/* Properties */

#properties .item {
	padding:			11px 10px 11px 20px;
	color:				#94948f;
	border-top:			1px solid #5e5e58;
	border-bottom:		1px solid #343431;
	text-transform:		uppercase;
	background:			#4a4a42;
	cursor:				pointer;}
#properties .item a {
	color:				#94948f;
	text-decoration:	none;}
#properties .item ul {
	list-style:			none;}
#properties .item ul li {
	height:				15px;}
#properties .item ul li a {
	color:				#94948f;
	font:				bold 0.69em Arial;
	text-decoration:	none;}

	
/* ^^ Varients */

#properties .item.selected {
	color:				#fff;
	background:			#3d3d38;
	cursor:				default;}
#properties .item.selected ul li a {
	color:				#94948f;}
#properties .item.selected ul li a:hover,
#properties .item.selected ul li.selected a {
	color:				#fff;}
#properties .item.selected a {
	color:				#fff;}
#properties .item.options {
	padding-top:		3px;
	text-transform:		none;}
		
/* info panel */	

#info_panel #images {
	height:				206px;
	padding:			24px 0 24px 22px;
	border:				1px solid #393933;
	border-width:		0 0 1px;}
#info_panel #thumbs {
	height:				183px;}
#info_panel .grid {
	height:				183px;
	position:			absolute;}
#info_panel .grid .row {
	overflow:			hidden;
	width:				183px;
	border:				1px solid #33332e;
	border-width:		0 0 0px 1px;}
#info_panel .grid .row a {
	display:			block;
	float:				left;
	width:				60px;
	height:				60px;
	border:				1px solid #33332e;
	border-width:		1px 1px 0 0px;}
#info_panel .grid .row.last {
	border-width:		0 0 1px 1px;}
#info_panel .grid .row img {}
#info_panel #overlay {
	z-index:			100;
	position:			absolute;
	overflow:			hidden;
	width:				184px;
	height:				184px;
	background:			#4A4A42;}
	
#info_panel #images_nav {
	overflow:			hidden;
	top:				190px;
	width:				182px;
	margin:				5px 0 0;} 
#info_panel #images_nav a {
	color:				#dbdbd9;
	font:				bold 0.69em Arial;
	text-decoration:	none;
	text-transform:		uppercase;}
#info_panel #images_nav a.previous {
	float:				left;}
#info_panel #images_nav a.next {	
	float:				right;}
	
#info_panel #description {
	height:				239px;
	padding:			24px 22px;
	border:				1px solid #5e5e58;
	border-width:		1px 0 0 }
#info_panel #description h2 {
	color:				#d9d9d8;
	margin:				0 0 10px;
	text-transform:		uppercase;}
#info_panel #description p {
	color:				#8f8f8b;
	margin:				0 0 10px;}
#info_panel #description ul {
	list-style:			none;
	overflow:			hidden;
	width:				174px;
	border:				solid 1px #31312e;
	border-width:		1px 0 0 1px;}
#info_panel #description ul li {
	width:				86px;
	float:				left;}
#info_panel #description ul li a {
	display:			block;
	width:				76px;}
#info_panel #description .button:hover {
	color:				#fff;}
	

/* About us */

#body.about_us {
	overflow:			hidden;}
#body.about_us #large_image {
	float:				left;}
	
#body.about_us .details {
	float:				left;
	width:				401px;
	height:				504px;
	padding:			39px 29px 0 27px;
	background:			#53524d;}
	
#body.about_us .details #small_images {
	overflow:			hidden;
	margin:				0 0 39px;}
#body.about_us .details #small_images img {
	float:				left;
	border:				1px solid #000;
	border-width:		0 1px 0 0;}
#body.about_us .details #small_images img.last {
	border-width:		0;}

#body.about_us .details h2 {
	text-transform:		uppercase;}
#body.about_us .details p {
	width:				330px;
	margin:				10px 0 0;
	color:				#8F8F8B}


/*
	Media
*/

#media {
	overflow:			hidden;}
.media {
	
	margin:			   	30px auto;
	background:		   	#000000;
	colour:		   		#000000;
	padding:			0px 0px 0px 0px;
	}
	
.Video {
	font:				bold 0.63em Arial;
	text-decoration:	none;
	text-transform:		uppercase;
	color:				#FFFFFF;