/* ----------------------------------------------
	Template Name : Colourise REVISED BY DAK
	Template Code : S-0022
	Version : 1.0
	Author : Erwin Aligam
	Author URI : http://www.styleshout.com/
	Last Date Modified : March 07, 2008
 ------------------------------------------------ */

/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */

/* Top Elements */
 * { margin: 0; padding: 0; outline: 0 }

body {font-size:100%; /* added to combat IE font-resizing */
	font: 11px/165% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: #828282;
	margin: 0; 	padding: 0;
	background: #070707 url(bg.jpg) no-repeat center top;
	text-align: center;
}

/* Links */
a, a:link {
	text-decoration: none;
	color: #B5B5B5;
}
a:visited {	color: #999999;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #FFFF68
/* 	border-bottom: 1px dotted #438800; */
}
a:active {
	text-decoration: none;
	color: #33FFFF;
}
a.sale:hover, #sidebar ul.sidemenu li.sale a:hover {color:#33FF00}
a.sale:active, #sidebar ul.sidemenu li.sale a:active {color:#ACFF97}

/* headers */
h1, h2, h3 {
	font-family: 'Trebuchet MS', Tahoma, Arial, Sans-serif;
}
h1 {
	color: #ABABAB;
	font-size: 3.4em;
	font-weight: normal;
	letter-spacing: -2px;
	padding: 15px 10px 5px 10px;
}
h2 {
	font-size: 2em;
	color: #895F30;
	padding: 20px 10px 5px 10px;
}
h3 {
	color: #ABABAB;
	font-size: 1.7em;
	font-weight: normal;
	padding: 20px 10px 5px 10px;
}
h4,h5,h6 {font-family: 'Trebuchet MS', Tahoma, Arial, Sans-serif;color: #ABABAB;}
h4 {font-size: 1.5em; text-align:left;}
h5 {font-size: 1.3em; text-align:left;margin-bottom:2px;}
h6 {font-size: 1.2em; text-align:left;}

p, dl { padding: 10px; margin: 0; }

ul, ol {
	margin: 10px 20px;
	padding: 0 20px;
}
ul { list-style: none; }

dt {
  font-weight: bold;
  color:#EEE;
}
dd {
  padding-left: 25px;
}

/* images */
img {
	background: #1B1B1B;
   border: 1px solid #1B1B1B;
	padding: 5px;
}
img.float-right {
  	margin: 5px 0px 10px 10px;
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}

/* MENUH css stuff */
#menuh-container{position: absolute; z-index: 500;top: 1em;left: 1em;}
#menuh{float: left;margin:0;padding: 0 4px;
font: bold 16px/32px 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;
color: #5C9A12;width:99%; margin:2em;margin-top: 1em;
display:inline; z-index: 500;}
#menuh a {text-align: center;display:block;
border: none; /* was 1px solid #555; */
padding: 0px 12px; /* was 4px 12px  then 1px 12px */
white-space:nowrap;margin:0;}
#menuh a:link, #menuh a:visited	/* menu at rest */
{color: #5C9A12;background-color: #070707}

#menuh a:hover						/* menu on mouse-over  */
{color: #9BE93D;background-color: #070707}
#menuh a:active {color:#FFDB8E;background-color:#070707}  /* or #DBF7B9 */

/* end menuh */
/* menuh stuff */
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(downimage.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(rightimage.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	top:auto;
	display:none;
	padding: 0px; /* .25em;  */
 /*	margin:-1em 0 0 -1em;   */
 margin: 0;
	}
#menuh ul ul.w80 {width:80px}
#menuh ul ul.w90 {width:90px}
#menuh ul ul.w100 {width:100px}
#menuh ul ul.w110 {width:110px}
#menuh ul ul.w120 {width:120px}
#menuh ul ul.w150 {width:150px}
#menuh ul ul.w180 {width:180px}
#menuh ul ul.w200 {width:200px}
#menuh ul ul.w220 {width:220px}
#menuh ul ul.w240 {width:240px}
#menuh ul ul.w260 {width:260px}
#menuh ul ul.w290 {width:290px}
#menuh ul ul.w320 {width:320px}
#menuh ul ul.w330 {width:330px}


#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

#menuh ul.subm {padding:0 14px 0 4px;}
#menuh ul.subm li a {color: #333; background-color:#FFDB8E;
border: #333 solid 1px;
padding:0 14px 0 4px;font-size:12px}
#menuh ul.subm li a:hover {color: #333; background-color:#D5FEA7; border: #333 solid 1px; padding:0 14px 0 4px;}

#menuh ul.subm2 {padding:0 14px 0 4px;}
#menuh ul.subm2 li a {color: #333; background-color:#D5FEA7; border: #333 solid 1px; padding:0 14px 0 4px;font-size:12px}
#menuh ul.subm2 li a:hover {color: #333; background-color:#FFDB8E; border: #333 solid 1px; padding:0 14px 0 4px;}

#menuh ul li.seeker a {color:#FF9933;  background-color:#070707;}
#menuh ul li.seeker a:hover {color:#FFDFBF;}
#menuh ul li.seeker a:active {color:#33FFFF;}

/* End CSS Drop Down Menu */

/* start - table */
table {
	margin: 15px 10px;
	border-collapse: collapse;
}
th {
	background: #000;
	color: #DDD;
	height: 38px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: left;
	border-left: 1px solid #211E20;
	border-right: 1px solid #211E20;
	border-bottom: 1px solid #211E20;
	border-top: 1px solid #48780E;
}
tr {
	color: #BDBDBD;
	height: 34px;
}
td {
	padding-left: 12px;
	padding-right: 12px;
	border: 1px solid #111;
}
/* end - table */


/* ------------------------------------------
   LAYOUT
------------------------------------------- */
#wrap {
	position: relative;
	width: 900px;
	margin: 0 auto;
	text-align: left;
}
#content-wrap {
	position: relative;
	clear: both;
	width: 900px;
	padding: 0;
	margin-left: 5px;
	background: transparent;
	float: left;
	display: inline;
	border-top: 1px solid #1A1A1A;
}

#header {
	position: relative;
	width: 900px;
	height: 430px;
	margin: 0; padding: 0;
/* 	background: transparent; */
}


/*  Navigation  */

#header h1#logo-text a {
	position: absolute;
	margin: 0; padding: 0;
	font: normal 72px Georgia, 'Times New Roman', Times, serif;
	letter-spacing: -1.5px;
	color: #EEE;
	/* change the values of top and left to adjust the position of the logo*/
	top: 140px; left: 10px;
}
#header h1#logo-text a:hover {
	background: none;	border: none;
}
#header p#intro {
	position: absolute;
	margin: 0; padding: 0;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.6em;
	font-style: italic;
	text-transform: none;
	color: #CA863B; /* #cd9857; */
	width: 400px;
	/* change the values of top and left to adjust the position */
	top: 245px; left: 15px;
}

/* Main Column */
#main {
	float: left;
	width: 545px;
	padding: 0; margin: 0;
	display: inline;
}
#main h2 {
	padding-bottom: 3px;
	margin-top: 15px;
	font: normal 3.4em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
/* 	color: #EEE; */
	letter-spacing: -2px;
	text-transform: none;
}
#main h2 a {
/* 	color: #EEE; */
	border: none;
}
#main ul li {
	list-style-image: url(bullet.gif);
}

/* Sidebar */
#sidebar {
	float: right;
	width: 290px;
	padding: 0; margin: 25px 0 0 0;
	display: inline;
}
#sidebar h3 {
	margin-top: 10px;
	padding: 15px 5px 10px 5px;
	font: normal 1.8em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
	background: url(footer-top.jpg) no-repeat center bottom;
/*	color: #fefefe; */
}
#sidebar ul.sidemenu {
	text-align: left;
	margin: 7px 5px 8px 0px; padding: 0;
}
#sidebar ul.sidemenu li {
	list-style: none;
	padding: 8px 10px;
	margin: 0;
	border-bottom: 1px solid #111;
}
* html body #sidebar ul.sidemenu li {
	height: 1%;
}
#sidebar ul.sidemenu li a {
	border: none;
/* 	color: #999999; */

	font-weight: bold;
	font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
	font-size: 14px;
	/* letter-spacing: .5px;  */
}
#sidebar ul.sidemenu li a span {
	color: #444;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	font-weight: normal;
	font-size: 11px;
}
#sidebar ul.sidemenu li a:hover,
#sidebar ul.sidemenu li a:hover span {
	color: #FB7D00;
}#sidebar ul.sidemenu li a:active,
#sidebar ul.sidemenu li a:active span {
	color: #FFA851;
}

#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { border: none; }


#sidebar ul.sidemenu li.booker a{color:#FF9933;font-size:24px; ;}
#sidebar ul.sidemenu li.booker a:hover {color:#FFFF68; ;}
#sidebar ul.sidemenu li.booker a:hover {color:#FFFFBF; ;}
#sidebar .booker {;}

#sidebar ul.sidemenu {
	text-align: left;
	margin: 7px 5px 8px 0px; padding: 0;
}
#sidebar ul.sidemenu li {
	list-style: none;
	padding: 8px 10px;
	margin: 0;
	border-bottom: 1px solid #111;
}
* html body #sidebar ul.sidemenu li {
	height: 1%;
}
* li.current a,* li.current a:hover,* li.current a:active {color:#2D2D2D !important;}
a:hover.offsite {color:#D605F3 !important}
a:active.offsite {color:#EC7CFC !important}

* a.tune {color:#B5B5DD}
* a.tune:hover{color:#4469FF}
* a.tune:active{color:#8CA4FF}
/* footer */
#footer-wrap {
	position: relative;
	clear: both;
	padding: 1em 0 0.5em 0; /* was 1em 0 2.5em 0 */
	margin-top: 30px;
	font: normal 1em 'Trebuchet MS', Tahoma, sans-serif;
	background: url(images/footer-top.jpg) no-repeat center top;
/*	background: #070707 url(footer-top.jpg) no-repeat center top; */
/*	color: #828282; */
/*	color: #555; */
	width: 900px;
	float: left;
	display: inline;
	border-bottom: 10px solid #070707; /* was 50px */
}
#footer-wrap.book {background:#070707}
#footer-wrap h3 {
	font: normal 1.6em/1.6em 'Trebuchet MS', Tahoma, sans-serif;
/*	color: #ABABAB; */
}
#footer-content {
	margin: 0 auto;
	width: 880px;
	text-align: left;
}
#footer-content ul.col-list {
	border-top: 1px solid #111;
	list-style: none;
	margin: 5px 0 0 5px; padding: 0;
	width: 98%;
}
#footer-content ul.col-list li {
	border-bottom: 1px solid #111;
}
#footer-content ul.col-list li a {
	display: block;
	line-height: 2em;
	font-weight: bold;
	padding: 4px 0 4px 8px;
	width: 98%;
/*	color: #555; */
/*	color: #828282; */
	border: none;
}
#footer-content ul.col-list li a span {
	font-style: italic;
	font-weight: normal;
	font-family: Georgia, 'Times New Roman', Times, serif;
}
#footer-content ul.col-list li a:link span,
#footer-content ul.col-list li a:visited span  {
	color: #444;
}
#footer-content ul.col-list li a:hover,
#footer-content ul.col-list li a:hover span {
	color: #FFFF68;
}

#footer-content ul.col-list li a:active,
#footer-content ul.col-list li a:active span {
	color: #33FFFF;
}

#footer-content .col {
	width: 280px;
	padding: 0 0 30px 0;
	display: inline;
}
#footer-content .col2 {
	width: 285px;
	padding: 0 0 30px 0;
	display: inline;
}
#footer-content .space-sep {
	margin-right: 12px;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clearer { clear: both; }

h1.nowrap,h2.nowrap,h3.nowrap,h4.nowrap,
h5.nowrap,h6.nowrap,p.nowrap,li.nowrap,
a.nowrap {white-space:nowrap;}
img {background: #070707;border:0;padding: 5px;}
 *.italic {font-style:italic;}
 *.bold {font-weight: bold;}
 *.center {text-align:center;width:100%;margin-left:0;margin-right:0}
 p#warn {color:#DB0000; font-weight:bold; text-align:center}
p.line2 {margin:1px; padding:0; border:0;}
p.inset {margin-left:50%; font-size: 120%; font-weight:bold;} /* color:#ABABAB; */
p.indent {margin-left:10%;margin-right:10%}
a#ssfooter img {height:34px;width:150px;border:none}


#pend #footdiv { width:900px; height:1px;margin-left:30px}
#pend {position:relative}
#sslogo {position: absolute; top:25px;left:350px}
#sslogo a img {height:34px;width:150px;}
#logomenu {position: absolute; top:10px;left:650px}
#sslogo:hover {}

/* MOVEIT class too shift a graphci icon, apply to the <A> tag  */
#pend a.moveit {padding:0;}
#pend a.moveit:hover {padding:0}
#w3c img {padding:26px; margin-left:60px}
#wrapp {background-color:#070707}


* li.current a,
* li.current a:hover,
* li.current a:active
{color:#2D2D2D !important;}
