@charset "utf-8";
/* CSS Document */


/* Global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse;  }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
 


/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
 /* * a { position:relative }Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dashed borders */
a img { border:none } /* Gets rid of IE's blue borders */
br { clear:both; height:1px; margin:-1px 0 0 0 }
h1 { font: 2.1em Arial, Helvetica, sans-serif; letter-spacing: .15em; margin-bottom: 2px; font-weight: bold; margin-top: -5px; }
li { font: 1em  Arial, Helvetica, sans-serif; margin:0; }
a { text-decoration:none; color:#fff }

/* Default */

html,body  {font: 12px/1.4em arial, helvetica, verdana, tahoma, verdana, sans-serif; color: #CCC; line-height: normal; }
body {		margin: 0;	text-align: center;	background:#171717 url(../interface/website-background.jpg) 50% 0 repeat ;	}

/* ------------------------------------ */

/* Global Layout Styles */

/* ------------------------------------ */
/* ------------------------------------ */

/* Hidden elements */

/* ------------------------------------ */
	.hidden, .screen_reader, hr { display: none; }

/* ------------------------------------ */
	
/* ---- Typography ---- */	

/* ------------------------------------ */

/* Paragraph default styling */
p {
	margin: 0 10px 10px 0;
	font-size: 11px;
	line-height: 1.2em;
	text-align: left;
	color:#fff;
}
.about p { font-size: 1.2em;}
#home p { margin: 0;}
.spacer { margin: 0 0 25px 0; }
.imageleft { float: left; }


blockquote { font-size: 1.2em; line-height: 1.3em; margin-bottom: 15px;}



/* Default link styling */
a { color: #ccc; text-decoration: none; }
a:hover { color: #ccc; text-decoration: underline; }

#leftcolumn h1 { font-size: 1.3em; line-height: 1.8em; font-weight:normal; font-size: 1.5em;  margin-bottom: 10px; }
#leftcolumn p { font-size: 1em; color: #BFBFBF; }
#leftcolumn .info {  float:left; clear:left; margin-top: 30px; color: #BFBFBF; width: 238px; }

#Exhibition h2 {font-size: 1.3em; line-height: 1.8em; font-weight:normal; font-size: 1.5em; margin-top: -6px;  margin-bottom: 5px; color: #D6D6D6;}
#Exhibition h3 { color:#FFF; margin-top: 30px;  margin-bottom: 5px; font-size: 1.1em; font-weight: normal;}

h1 span {  text-indent: -3000em; font-size: 1px; color: #818181; }
/* Float element left with a margin */
.floatLeft { float: left; margin: 0 20px 20px 0; }
	
/* Float element right with a margin */
.floatRight { float: right; margin: 0 0 20px 20px; }


.clear {
	clear:both;
	}
	
	.clear2 {
	clear:both; height: 30px;}
	
/* ------------------------------------ */

/* TEMPLATE LAYOUT  */   

/* ------------------------------------ */
#wrapperall { padding:0;}
#wrapperinner { width: 990px; margin: 0 auto; /* centers content */ }
#wrapperheader { width: 990px; margin: 0 ; float: left; height: 88px; background: url(../interface/header-background.jpg)  top left no-repeat; position: relative;   }
* html #headerwrap { margin: 0  ; /* width fix for IE6 */ }

#wrapperheaderflash { width: 950px; margin: 0 30px 0 30px ; float: left; height: 400px; position: relative; z-index: 100; 	}

#contentwraper { width: 990px;	float: left; position: relative; z-index: 50; text-align: left;	background: transparent;  }
 
#contentinerback {width: 990px; float: left; background:  url(../interface/wrapperbackground.jpg) repeat-y top left; min-height: 454px; }

#home #contentinerback {width: 990px; float: left; background: url(../interface/home-wrapperbackground.jpg) repeat-y top left; min-height: 454px; }


#paddingwraper {width: 950px; float: left; margin: 0 20px; padding:  0; background: /* #252322  */ #2D2D2D ;min-height: 540px; }
* html #paddingwraper { margin: 0 10px ; /* width fix for IE6 */ }
#paddingwraper .gutter2 { margin: 0px 0px 5px 15px ;  }

#roomsGalleryMenu { width: 950px; height: 85px; overflow: hidden;}
#roomsGalleryMenu ul { margin: 0 15px;}
#roomsGalleryMenu ul li { float: left; width:150px; height: 85px; display: block; overflow: hidden; margin-right: 4px;  }
#roomsGalleryMenu ul li.LuxRoom1 a { background:url(../interface/luxury-hotel-rooms_01.jpg) 0 0 no-repeat; height: 85px; display: block; overflow: hidden;}
#roomsGalleryMenu ul li.LuxRoom1 a:hover { background:url(../interface/luxury-hotel-rooms_01.jpg) 100% 100% no-repeat;}

 
#leftcolumn {
	float: left;
	width: 310px;
	clear: both;
	padding-bottom: 0;
	margin: 0 0 0 0;
	 
}
.home2 #leftcolumn {
	float: left;
	width: 320px; }
#leftcolumn .gutter { margin: 35px 20px 10px 35px ;  }
.home2 #leftcolumn .gutter { margin: 35px 0px 0px 35px ;  }
	/* IE6 alternative not so good looking but works! NOT IN USE !!!!
	* html #leftcolumn { background: url(../interface/left-column-back.jpg) top left repeat-y; } */

#leftcolumn .gutter img { float: left;}
.home #leftcolumn .right { float: right; width: 180px;   color:#FFF;}
.home2 #leftcolumn .right p {color:#FFF; font-size: .9em;}
.home2 #leftcolumn .gutter img { float: none; }

.homecopy { float: left; clear: left;}

#rightcolumn { float: right; width: 617px;	margin: 0 0 0 0; padding: 0 0 0 0; position: relative; top: 0; 	}
.home #rightcolumn { float: right; width: 515px;}
#rightcolumn .gutter { margin: 35px 20px 30px 0px ;  }


#rightcolumn  h2 { font-size: 1.3em; line-height: 1.8em; font-weight:normal; font-size: 1.5em;  margin-bottom: 10px; }

#fullcolumn { float:left; width: 950px;}
#fullcolumn .gutter { margin: 35px 0px 30px 30px ;   }
#footerwrap {
		 
		width: 990px;
		margin: 30px 0 0 0 ;
		float: left;
		position: relative;
		text-align: left;
		color: #414141;
		 
		height: 68px;
	}
	* html #footerwrap { margin: 0 ; }
#footerwrap img { float: left; margin-right: 15px; margin-left:347px;}
#footerwrap p { float: left; font-size: .8em; line-height: 1.35em; margin-top: 0px; color: #414141;}

#footerwrap a {   color: #414141;}
/* ----------------------------------- */

/* TEMPLATE LAYOUT END  *?

/* ------------------------------------ */
/* ------------------------------------ */

/* TOP NAV AND HEADER SECTION STYLES  */

/* ------------------------------------ */

	#topnavbar { float:left; position: absolute; bottom: 22px; right: 0;	margin: 0;	height: 32px; width: 635px;	overflow: hidden; list-style:none;   }
	#topnavbar li { float: left; height: 32px;	overflow: hidden; display: inline;  white-space: nowrap; 	}
	#topnavbar li a { color: #77716E;	text-indent: 0; font-size: 1.1em;  padding-top: 6px;	height: 26px; display: block; padding-left: 16px; padding-right: 16px;	}
	#topnavbar li a:hover { text-decoration: none; color: #ADA9A7;  }
	
	/* individual button link styles */
	
	#topnavbar li.home { width: 65px;  }
	#topnavbar li.exhibitions { width: 94px;  }
	#topnavbar li.publications { width: 101px;  }
	#topnavbar li.prints { width: 63px;  }
	#topnavbar li.tv { width: 41px;  }
	#topnavbar li.cv { width: 44px;  }
	#topnavbar li.news { width: 55px;  }
	#topnavbar li.press { width: 65px;  }
	#topnavbar li.contact { width: 75px;  }

	
	
	

	h1#logo {margin: 0; padding: 0;}
	#logo {	position: absolute;	top: 10px;	left: 20px; height: 71px;	width: 265px; 	overflow: hidden;  	}
	#logo a {	text-indent: -3000em; font-size: 1px; height: 71px; width: 265px; display: block; background: url(../interface/kurt-jackson-logo.gif) 0 0 no-repeat; }
	
	
/* ------------------------------------ */

/* TOP NAV AND HEADER SECTION STYLES END  */

/* ------------------------------------ */
/* ------------------------------------ */

/* LEFT NAV SECTION STYLES  */

/* ------------------------------------ */

#sideMenuMain {
	float: left;
	clear: both;
	margin: 0 0 0 0;
	padding: 0px 0 20px 0px;
	overflow: hidden;
	list-style: none;
	width: 250px;
	font-size: 1em;
		
	}
#sideMenuMain ul {
		float: left;
		margin: 12px 0 18px 0  ;
		padding: 0;
		list-style: none;
		width: 250px;
	}
#sideMenuMain li {
		float: left;
		width: 238px;
		padding: 5px 0px 5px 0px;
		margin: 0 0px 0 0;
		overflow: hidden;
		letter-spacing: .1em;
		
		/* border-bottom: 1px solid #C4B9A4; */
		
		 
	}
#sideMenuMain li a {
	text-transform: lowercase;
		float: left;
		color: #BFBFBF;
		background: #3E3E3E; width: 230px; padding: 4px 4px 4px 10px;
	}
#sideMenuMain li a:hover {
	color: #fff ;
	background: #202020; text-decoration:none;
	}
 
/* ------------------------------------ */

/* LEFT NAV SECTION STYLES END  */

/* ------------------------------------ */
/* ------------------------------------ */


/* CONTENT SECTION STYLES */

/* ------------------------------------ */



#flashmain { background:url(../interface/flash-promo-large-box-background.png) right bottom no-repeat;   padding-bottom: 0px;}


/* ------------------------------------ */

/* CONTENT SECTION STYLES END */

/* ------------------------------------ */


#outerwrap {}
#innerwrap {}
#headerwrap {}
#headerlinks {}

.fullwidthboxwrap {
	float: left;
	margin: 0 0 0  0;
	padding: 0 0 0 0;
	overflow: hidden;
	list-style: none;
	width: 675px;
	font-size: 1em;
	background: transparent;
}
		.fullwidthboxwrap .gutter { margin: 10px;}
#home .fullwidthboxwrap .gutter { margin: 0 10px 0px 10px;}
#hotel .fullwidthboxwrap { width: 245px;}
#roomrates  .fullwidthboxwrap { width: 465px;}
#events  .fullwidthboxwrap { width: 460px;}
#restaurants   .fullwidthboxwrap { width: 245px;}



.fullwidthboxwrap table tr td { margin: 4px 4px 4px 0; padding: 4px ; border: 3px solid #F5F4F2; border-left: none; background: #811D59; color: #fff;}
.fullwidthboxwrap h2 { font-size: 1.4em; margin-top: 10px;}
/*****************/
/* half width boxes */
.halfwidthboxwrap {
	float: left;
	margin: 0 0px 0 0;
	padding: 0 0 20px 0;
	overflow: hidden;
	list-style: none;
	width: 675px;
	font-size: 1em;
}
	.halfwidthbox  { float: left;	width: 330px;	padding: 0;	height: 200px;	margin: 0 5px 0 0;	overflow: hidden; background: transparent;	}
	.halfwidthbox .gutter { margin: 10px 0 10px 10px;}
	.halfwidthbox h2 {  font-size: 1.3em; margin-bottom: 8px;}

/***********************/	
/* Quarter width boxes */

	.quarterwidthbox {
		float: left;	margin: 0 0 0 0;	padding: 0 0 0 0;	overflow: hidden; height: 130px;	list-style: none;	width: 950px; font-size: .9em; background: #585858;		}
	.quarterwidthbox li { float: left;	width: 237px;	padding: 0;	height: 123px;	margin: 0 0 0 0;	overflow: hidden; background: #585858;	}
	.quarterwidthbox li img { float: left; margin-bottom: 5px; }
	.quarterwidthbox li em { float: left; margin: 0 5px  5px  5px; font-style:normal; font-size: 1.2em;  }
	.quarterwidthbox li a {
		float: left;
		width: 237px;
		height: 123px;
		display: block;
		padding: 0px; color:#fff;
		 }
	.quarterwidthbox li a strong { float: left; color:#FFFFFF; font-size: 1em; line-height: .5em; font-weight: normal; width: 237px; }
	.quarterwidthbox li a em { float: left;   font-style:normal;  padding-right: 10px;}
	.quarterwidthbox li a:hover { text-decoration: none ; color: #ccc; background:  #585858; 	}
.quarterwidthbox li a:hover em { text-decoration: none;  color: #fff; 	}

#roomtypes {
		float: left;	margin: 0 0 0 0;	padding: 0 0 0 0;	overflow: hidden; height: 123px;	list-style: none;	width: 950px; font-size: .9em; background: #585858;		}
#roomtypes li { float: left;	width: 237px;	padding: 0;	height: 113px;	margin: 0 0 0 0;	overflow: hidden; background: #585858;	}
#roomtypes li.bookonline  { background:url(../interface/book-online.jpg) 0 0 no-repeat;}
#roomtypes li.bookonline a { background:url(../interface/book-online.jpg) 0 0 no-repeat; display: block; height: 123px;}
#roomtypes li.bookonline a:hover { background:url(../interface/book-online.jpg) 100% 100% no-repeat;}



#roomtypes li a span { display: none;}



#eventtypes li { float: left;	width: 237px;	padding: 0;	height: 123px;	margin: 0 0 0 0;	overflow: hidden; background: #585858;	}
#eventtypes li.bookonline  { background:url(../interface/book-online.jpg) 0 0 no-repeat;}
#eventtypes li.bookonline a { background:url(../interface/book-online.jpg) 0 0 no-repeat; display: block; height: 123px;}
#eventtypes li.bookonline a:hover { background:url(../interface/book-online.jpg) 100% 100% no-repeat;}




#restauranttypes li a span { display: none;}
/***********************/	
/* Quarter width boxes end */

h1.H1Title { color:#FFFFFF; font-size:20px;}
h2.H2Title { color:#FFFFFF; font-size:20px;}
h3.H3Title { color:#FFFFFF; font-size:20px;}
img.Floatleft { float:left; padding:0; border:none; margin: 0 20px 15px 0px;}


/* thumbs */

.gallerythumbs .content .section { float: left; height:300px; }
.gallerythumbs .content .section img { float: left; width: 220px; margin-right: 70px;}
.gallerythumbs .content .section span { clear:left; float: left; }


/* Moo Film Boxes */

.dvdlisting2 { float: left;	width: 204px; height: 234px; overflow: hidden;  padding-bottom: 10px;  margin: 0 13px 0 0; background: #202020; position: relative;   	 }
.dvdlisting2 img{ float: left; margin-right: 0; margin-bottom: 6px; }
.dvdlisting2 h2 { color:#fff; font-size: 1.5em; text-transform:uppercase; margin-bottom: 10px; font-weight: normal;}
.dvdlisting2 h2 strong { font-weight: bold;}
.dvdlisting2 h2 em { font-size: .7em; font-style:normal; text-transform:none; }
.dvdlisting2  .gutter { margin: 10px 10px 15px 10px ;  }
	/* IE6 alternative not so good looking but works! */
	* html .dvdlisting2  { background: #171717 ; }
	
	.dvdlistingtxt2 { float: left; width: 204px;}
	.dvdlistingtxt2 p { color:#FFF; }

.dvd-box-text { padding: 10px; color: #fff; font-weight: normal; font-size: 1em;}
.dvd-box-text a {  color:#fff;   padding: 2px; font-weight: bold; }
.dvd-box-text a:hover {  color:#fff;  }
 
.dvd-box-text h2 a {  color:fff; font-weight: normal; font-size: .5em; line-height: 1.5em; background: none; padding: 0; }
.dvd-box-text h2 a:hover { background: none; color: #fff; text-decoration:underline;}
.dvd-box-text h3  {  color:#fff; font-weight: normal; font-size: 1em; line-height: 1.1em; font-weight: normal;  }

.videoplayer { width: 100%; text-align: center; margin-top: 30px; margin-bottom: 50px; float: left;}


.content h1 { color:#FFF;}
.content h2 { color:#FFF;}
.content h3 { color:#FFF;}