/**
  * Website design by Craig McNicholas @ designdotworks.co.uk
  * Copyright: When Autumn Falls 2008
  * Author: Craig McNicholas
  * Date: 29/04/2008
  */


/**
  * General Styles
  */

body, table, tr, td, th, div, span, ul, li, h1, h2, h3, p,
font, a, img, form, textarea, input, select
{
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-size:1em;
	font-weight:normal;
	text-decoration:none;
	color:#ffffff;
	border:0 none;
	border-collapse:collapse;
	list-style:none outside;
}

body
{
	background-color:#000000;
	background-image:url("Images/bg_page_1400_low.jpg");
	background-repeat:no-repeat;
	background-position:center top;
}

h1
{
	font-size:1.1em;
	font-weight:600;
}

h2
{
	font-size:1em;
	color:#efefef;
}

p
{
	font-size:0.7em;
}

a
{
	color:#0099CC;
}

a:hover
{
	color:#00AADD;
	text-decoration:underline;
}


/**
  * Global Class Styles
  */

.hotLink /* Links to stand out from page */
{
	color:#c63939;
}

.orderNow
{
	width:100%;
}

.orderNow a /* Order Now Button */
{
	display:block;
	width:100%;
	height:52px;
	background-image:url("Images/icon_button_ordernow.png");
	background-position:50% 50%;
	background-repeat:no-repeat;
}

.orderNow a:hover
{
	background-image:url("Images/icon_button_ordernow_hit.png");
}

.list
{
	padding-top:0 !important;
	padding-bottom:0 !important;
}


/**
  * Holder Styles
  */

#holder
{
	border-left:1px solid #2a2a2a;
	border-right:1px solid #2a2a2a;
	width:944px;
	margin:0 auto 0 auto;
	background-color:#262626;
	background-image:url("Images/bg_page_944_med.jpg");
	background-position:center top;
	background-repeat:no-repeat;
}


/**
  * Header Styles
  */

.holder_header
{
	display:block;
	width:924px;
	height:50px; /* Required to force Logo down */
	margin:0 auto 0 auto;
}

.holder_header div /* Onion Skin Method for drop shadow */
{
	display:inline-table;
	/* \*/display:block;/**/ /* IE Mac */
	float:left;
	background:url("Images/bg_dropshadow.png") right bottom no-repeat;
}

.holder_header div div /* Onion Skin Method for drop shadow [Bottom Left] */
{
	float:none;
	background:url("Images/bg_dropshadow_bot_left.png") 0 100% no-repeat;
}

.holder_header div div div /* Onion Skin Method for drop shadow [Top Right] */
{
	padding:0 10px 10px 0;
	background:url("Images/bg_dropshadow_top_right.png") 100% 0 no-repeat;
}

.holder_header div div div div
{
	display:block; /* Required */
	padding:2px 6px 2px 6px;
	background-color:#323232;
	background-image:url("Images/bg_header.gif");
	background-position:0 0;
	background-repeat:repeat-x;
	border:1px solid #636466;
}


/**
  * Logo Styles
  */

#holder_logo
{
	display:block;
	width:924px;
	height:77px;
	margin:0 auto 0 auto;
	text-align:center;
}


/**
  * Navigation Styles
  */

#holder_navigation
{
	display:block;
	width:924px;
	margin:0 auto 0 auto;
	padding:10px 0 0 0;
}

#holder_navigation div
{
	width:550px;
	margin:0 auto 0 auto;
}

#holder_navigation li
{
	float:left;
	margin:0 2px 0 2px;
}

#holder_navigation li a
{
	display:block;
	height:27px;
	background-position:0 0;
	background-repeat:no-repeat;
}

#holder_navigation li a.nav1
{
	width:79px;
	background-image:url("Images/icon_nav_news.png");
}

#holder_navigation li a.nav1:hover
{
	background-image:url("Images/icon_nav_news_hit.png");
}

#holder_navigation li a.nav2
{
	width:76px;
	background-image:url("Images/icon_nav_tour.png");
}

#holder_navigation li a.nav2:hover
{
	background-image:url("Images/icon_nav_tour_hit.png");
}

#holder_navigation li a.nav3
{
	width:91px;
	background-image:url("Images/icon_nav_media.png");
}

#holder_navigation li a.nav3:hover
{
	background-image:url("Images/icon_nav_media_hit.png");
}

#holder_navigation li a.nav4
{
	width:92px;
	background-image:url("Images/icon_nav_store.png");
}

#holder_navigation li a.nav4:hover
{
	background-image:url("Images/icon_nav_store_hit.png");
}

#holder_navigation li a.nav5
{
	width:132px;
	background-image:url("Images/icon_nav_myspace.png");
}

#holder_navigation li a.nav5:hover
{
	background-image:url("Images/icon_nav_myspace_hit.png");
}


/**
  * Content Styles
  */

#holder_content
{
	display:block;
	width:924px;
	margin:40px auto 0 auto;
}

#holder_content .left
{
	margin:0 504px 0 0;
	width:420px;
	display:block;
	min-height:600px;
}

#holder_content .right
{
	width:504px;
	float:right;
}

#holder_content .left .hold, #holder_content .right .hold
{
	display:block;
	padding:10px 0 10px 0;
	margin:0 10px 0 10px;
	width:100%;
}

#holder_content .right .hold
{
	padding-top:0;
	text-align:center;
}

#holder_content .right .hold p, #holder_content .right .hold h1
{
	width:100%;
}

#holder_content .right .holder_header
{
	height:auto; /* Overide header */
	width:300px;
	margin:0 0 0 100px;
}

#holder_content .left .box /* Moon Bg Boxes */
{
	width:400px;
	display:block;
	background-image:url("Images/bg_content_high.jpg");
	background-position:0 0;
	opacity:.8;
	filter:alpha(opacity=80);
}

#holder_content .left .box p, #holder_content .right .hold p,
#holder_content .left .box h2, #holder_content .right .hold h2
{
	margin:0 10px 0 10px;
	padding:5px 0 5px 0;
	position:relative;
}

#holder_content .left .box h1, #holder_content .right .hold h1
{
	margin:0 10px 0 10px;
	padding:5px 0 5px 0;
	position:relative;
}

#holder_content .left .box .head
{
	width:100%;
	display:block;
	background-image:url("Images/bg_content_header_high.jpg");
	background-position:0 0;
}

#holder_content .note /* Note styles */
{
	border:1px solid #444444;
	background-color:#999999;
	font-size:0.8em;
}


/**
  * Footer Styles
  */

#holder_footer
{
	display:block;
	width:944px;
	height:300px;
	margin:0 auto 0 auto;
	background-image:url("Images/bg_page_bot_med.jpg");
	background-repeat:no-repeat;
	background-position:center top;
}