/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
	font-family: Arial, "Times New Roman", Georgia;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
* @author Umair Kayani
*
*/

/* Gametime Styles */

/* general element styles */
body { 
	background: url(images/body_bg.png) #d3e1ec repeat-x left top;
	color: #666;
	
}

h4 { 
	font-size: 11px;
	font-weight:normal;
	}

/* style for all global list menus | disable top n bottom borders respectively */
.spotlight-wrap ul.link-list li:first-child, #left-nav ul.left-menu li:first-child {
	border-top:none;
}
.spotlight-wrap ul.link-list li.last, #left-nav ul.left-menu li.last {
	border-bottom:none;
}

ul li a {
	text-decoration:none;
}
ul li a:hover {
	text-decoration:underline;
}
	
.clear {
	clear:both;
}

.title-reg {
	font-size:22px;
	color:#cc6600;
	font-weight:normal;
}

.hr {
	height:16px;
	background:url(images/hr_sprite.png) repeat-x 0px -32px;
	width:89%;
	margin: 20px auto;
}
.hr * {
	height:100%;
}
.hr div {
	background:url(images/hr_sprite.png) no-repeat right -16px;
}
.hr div hr{
	height: 100%;
	border-color: transparent;
	border:none;
	border-collapse:collapse;
	background:url(images/hr_sprite.png) no-repeat 0px 0px;
}

/* global wrappers */
#main-wrap-outer {
	width:931px;
	margin:0px auto;
	background-color:#fff;
	min-height:800px;
	border-right: 1px solid #8a8a8a;
	border-left: 1px solid #8a8a8a;
	border-bottom:1px solid #8a8a8a;
	position:relative !important;
	padding-bottom:100px;
}
#main-wrap-inner {
	width:901px;
	background:url(images/main_wrap_inner_bg.png) no-repeat left top;
	min-height:500px;
	margin-right: -1px !important;
	margin-left: -1px !important;
	padding: 0px 16px 20px 16px;
	overflow:auto !important;
}

/* header styles | Logo and Counter */

#header {
	height:77px;
	background: url(images/header_bg.jpg) no-repeat right top;
}

#logo span {display:none;}

#logo {
	display:block;
	width: 256px;
	height:77px;
	background: url(images/logo.png) no-repeat 0px 22px;
	float:left;
	margin-left:5px;
}

#header-counter-wrap {
	width: 300px;
	float:right;
	margin-right: 20px;
	margin-top: 10px;
	text-align:right;
}

#counter {
	margin-top: 15px;
	height: 20px;
	width: 270px;
	background: url(images/counter_bg.png) no-repeat right top;
	float:right;
	padding: 7px 15px 2px 0px;
	font-size: 13px;
}

/* style digits */
#counter .counter-digits {
	height: 15px;
	float:right;
	display:block;
	width: 200px;
}
#booking-count {
	float:right;
}
#counter b.label {
	float:left;
	padding-right:10px;
	margin-left:10px;
}
.counter-digits span {
	display:block;
	width:10px;
	height:15px;
	float: left;
	background-image:url(images/digit_sprite.png);
	background-repeat: no-repeat;
}
.counter-digits span b {
	display:none;
}

.counter-digits span.d0 {
	background-position: 0px 0px;
}

.counter-digits span.d1 {
	background-position:-12px 0px;
	width:7px;
}

.counter-digits span.d2 {
	background-position:-20px 0px;
}
.counter-digits span.d3 {
	background-position:-30px 0px;
}
.counter-digits span.d4 {
	background-position:-40px 0px;
}
.counter-digits span.d5 {
	background-position:-50px 0px;
}
.counter-digits span.d6 {
	background-position:-60px 0px;
}
.counter-digits span.d7 {
	background-position:-70px 0px;
}
.counter-digits span.d8 {
	background-position:-80px 0px;
}
.counter-digits span.d9 {
	background-position:-90px 0px;
}
.counter-digits span.dc {
	background-position:-102px 0px;
	width: 7px;
}

/* main navigation styles */
#main-nav {
	margin-top: 10px;
	margin-bottom:3px;
	height:40px;
	background: url(images/main_nav_bg.png) repeat-x left top;
}
#main-nav ul {
	height: 28px;
	padding: 6px 15px 6px 10px;
}
#main-nav ul li {
	display:block;
	float:left;
	padding: 4px 20px 0px 20px;
	height:28px;
	background: url(images/main_nav_sp.png) no-repeat left top;
}
#main-nav ul li:first-child {
	background: none;
}

#main-nav ul li a {
	color:#fff;
	font-size: 14px;
}


/* Splash/Slideshow Styles */
#splash-wrap {
	height: 318px;
	position:relative;
	overflow:hidden;
}
#splash-images img {
	width: 901px !important;
	height: 318px !important;
}
#hover {
	position:absolute;
	width: 410px;
	right:0px;
	top:0px;
	text-align:right;
	padding: 15px 0px;
	z-index: 100;
}
#panel-picker {
	height: 20px;
	margin-bottom:10px;
	float:right;
	margin-right:20px;
}
#panel-picker li a span {
	display:none;
}
#panel-picker li a {
	display:block;
	height: 15px;
	width:15px;
	background:url(images/selector_dot.png) no-repeat 2px 2px;
	opacity:0.6;
	filter:alpha(opacity=60);/*IE */
}
#panel-picker li {
	display:block;
	float:left;
	margin-left:7px;
}

#panel-picker li a:hover {
	opacity:1;
	filter:alpha(opacity=100);/*IE */
}
#panel-picker li a.activeSlide {
	opacity:1;
	filter:alpha(opacity=100);/*IE */
}

#hover h1 {
	display:block;
	font-size:22px;
	color:#fff;
	letter-spacing:1px;
	clear:both;
	margin-right:20px;
	opacity:0.6;
	filter:alpha(opacity=60);/*IE */
}

#panel-desc-outer {
	margin-top:60px;
	text-align:left;
	height: 161px;
	width:402px;
	background:url(images/panel_desc_outer_bg.png) no-repeat left top;
	opacity:0.1
	filter:alpha(opacity=10) !important;/*IE */
	padding-left:8px;
	padding-top: 7px;
	position:absolute;
	right:0px;
}

#panel-desc-inner {
	height: 130px;
	width:362px;
	background:url(images/panel_desc_inner_bg.png) no-repeat left top;
	padding: 15px 10px 10px 30px;
	color: #fff;
	position:relative;
}

#panel-desc-inner h2 {
	color: #ddf836;
	font-size:18px;
	font-weight:normal;
	margin-bottom: 10px;
	letter-spacing:1px;
}

#panel-desc-inner p {
	font-size: 13px;
	line-height: 17px;
	color:#f1f1f1;
}

#panel-desc-close, #panel-desc-expand {
	display:block;
	height:17px;
	width:17px;
	position:absolute;
	top: 5px;
	font-weight:bold;
	font-size:12px;
	color:#d6d6d6;
	text-decoration:none;
}
#panel-desc-expand {
	/*background:url(images/open_btn.png) no-repeat left top;*/
	left: 8px;
	display:none;
}
#panel-desc-close {
	/*background:url(images/close_btn.png) no-repeat left top;*/
	right: 1px;
}

#panel-desc-close span, #panel-desc-expand span {
	display:block;
}

/* Content Styling  as well as columns */
#content-wrap {
	margin-top:40px;
}
#left-col {
	width:66%;
	float:left;
}
#right-col {
	width:32%;
	float:right;
}

/* sub page styling */
#content-wrap.sub {
	float:right;
	width: 685px;
	margin-top:0px;
	padding: 15px 0px 15px 15px;
}

/* head gradient bar */
.grd-bar {
	height: 54px;
}
.orange {
	background: url(images/orange_grd.png) repeat-x left top;
}
.green {
	background: url(images/green_grd.png) repeat-x left top;
}

.lime {
	background: url(images/lime_grd2.png) repeat-x left top;
}
.orange-red {
	background: url(images/orange_red_grd.png) repeat-x left top;
}
.red {
	background: url(images/red_grd.png) repeat-x left top;
}

#left-nav {
	width:195px;
	float:left;
	margin-top:-54px;
	min-height:55px;
	margin-bottom: 40px;
}
#left-nav h1 {
	height: 29px;
	color: #fff;
	font-size: 18px;
	letter-spacing:0px;
	padding: 18px 5px 7px 24px;
	font-weight:normal;
	background:url(images/h1_dark.png) repeat-x left top;
}
#left-nav ul, #left-nav div{
	width: 100%;
	background-color:#ecf3f6;
	padding: 10px 0px;
	min-height:300px;
}
#left-nav div p {
	color:#666;
	line-height:18px;
	font-size:13px;
	padding:20px;
}
#left-nav ul li {
	padding: 15px 0px 15px 0px;
	margin: 0 24px 0 24px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d0dce2;
}


#left-nav ul li a {
	color: #333;
	font-size: 14px;
}


/* Content defaults */
#content-wrap a {
	color:#666;
	text-decoration:none;
}
#content-wrap a:hover {
	text-decoration:underline;
}

/* main headings */
#content-wrap h1.h1-fade {
	color:#333333;
	height:39px;
	width:89%;
	margin:10px auto;
}
#content-wrap h1.h1-fade * {
	width:100%;
	height:100%;
	display:block;
}
#content-wrap h1.h1-fade span {
	background:url(images/h1_sprite.png) repeat-x 0px -78px;
}
#content-wrap h1.h1-fade span span {
	background:url(images/h1_sprite.png) no-repeat left top;
}
#content-wrap h1.h1-fade span span span {
	background:url(images/h1_sprite.png) no-repeat right -39px;
}
#content-wrap h1.h1-fade span span span span.liner {
	height:auto;
	width:auto;
	padding:5px 5px 5px 40px;
}

/* Event list styles */

#events .event-item {
	padding: 0px 10px;
	width: 565px;
	margin-top:10px;
}

#events div.first {
	margin-top:15px;
}

#events .event-item .event-date {
	float:left;
	width:12%;
	font-size:11px;
	padding-top:15px;
}
#events .event-item .event-desc {
	float:left;
	width:87%;
	border-top: 1px solid #ebecec;
	padding-top:15px;
}
#events .first .event-desc {
	border-top:none;
}

#events .event-item .event-desc h2  a{
	color:#a83801;
	text-decoration:none;
}
#events .event-item .event-desc h2 a:hover {
	text-decoration:underline;
}
#events .event-item .event-desc h2 span {
	color: #666;
	font-size:11px;
	font-weight:normal;
	padding-left:20px;
}

#events .event-item .event-desc p {
	padding: 10px 0px;
	font-size:14px;
}
#events .event-item .event-desc a.event-more {
	font-size:13px;
	font-style:italic;
}

/* Gametime blog */

#blog-wrap {
	margin-top: 20px;
	margin-left:37px;
}

#blog {
	margin-left: 44px;
	margin-top:15px;
	background-color:#e9f2f2;
}
#blog div:first-child {
	border-top:none;
}
#blog div.last {
	border-bottom:none;
}

#blog .blog-item {
	margin: 0px 20px;
	border-bottom:1px solid #cbdede;
	border-top:1px solid #fff;
	padding: 20px 0px 40px 0px;
	position:relative;
	min-height:75px;
}
#blog .blog-item .blog-item-desc {
	color: #336666;
	line-height: 22px;
}
#blog .blog-item .blog-date {
	width:36px;
	height:94px;
	position:absolute;
	background:url(images/blog_date.jpg) no-repeat left top;
	font-size: 8px;
	left: -65px;
	top:5px;
	padding: 21px 0px 0px 8px;
}
#blog .blog-item h2 {
	font-size: 19px;
	margin-bottom: 10px;
	font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	font-weight:normal;
	letter-spacing:-1px;
}

#blog .blog-item .blog-poster {
	position:absolute;
	bottom: 10px;
	left: 0px;
	font-style:italic;
	font-size: 12px;
}
#blog .blog-item .blog-date p.month {
	color:#FFFFFF;
	font-size:9px;
	font-weight:bold;
	letter-spacing:1px;
	margin:5px 0px 7px 1px;
	text-transform:uppercase;
}

#blog .blog-item .blog-date p.day {
	color:#717171;
	font-size:22px;
	font-weight:bold;
	line-height:20px;
	margin:2px 0px 0px 5px;
}

#blog .blog-item .blog-date p.year {
	color:#717171;
	font-size:11px;
	margin:0px 0px 0px 5px;
}

/* rightside column boxes */
.spotlight-wrap {
	padding: 16px;
	background-color: #f3f1eb;
	margin: 20px 0;
}

#spotlight-scroller img {
	width: 150px !important;
	height: 99px !important;
}
.spotlight-wrap .spotlight-block {
	padding: 14px;
	background-color:#fff;
	margin: 10px 0px;
	border: 1px solid #ccc;
	position:relative;
	min-height: 137px;
}

a.l_arrow span {
	display:none;
}
a.r_arrow span {
	display:none;
}
a.l_arrow, a.r_arrow {
	display:block;
	width:33px;
	height:33px;
	position:absolute;
}

a.l_arrow {
	background:url(images/arrow_btns_sprite.png) no-repeat 0px 0px;
	left: 10px;
	top:50%;
	margin-top:-10%;
}
a.r_arrow {
	background:url(images/arrow_btns_sprite.png) no-repeat -33px 0px;
	right:10px;
	top:50%;
	margin-top:-10%;
}

#content-wrap a.play {
	background:url(images/arrow_btns_sprite.png) no-repeat -66px 0px;
	font-size: 15px;
	font-weight:bold;
	color: #336699;
	padding-left: 50px;
	padding-top: 10px;
	display:inline-block;
	margin: 4px auto;
	height: 33px;
}
#content-wrap a.play:hover {
	text-decoration:none;
}
	

.spotlight-block .spotlight-scroll {
	width:150px;
	margin:10px auto;
	overflow:hidden !important;
	height:99px;
	position:relative !important;
}

.spotlight-block p.spotlight-text {
	font-size: 13px;
	padding: 5px 10px;
	margin-bottom: 10px;
	line-height:16px;
}

.spotlight-block .spotlight-heading {
	overflow:auto;
	margin-bottom:10px;
}
.spotlight-block .spotlight-heading img {
	float:left;
	margin-right:15px;
}
.spotlight-block .spotlight-heading h4 {
	font-size: 15px;
	color:#3c7215;
	padding-top:5px;
	font-weight:bold;
}
.spotlight-block .spotlight-heading span {
	font-size:12px;
	color: #666;
}

div.orng-grd {
	height: 56px;
	padding: 7px;
	background: url(images/orange_grd.png) repeat-x left top;
}
div.orng-grd p {
	color:#fff;
	font-size: 14px;
	margin: 0 20px;
	line-height:18px;
	text-align:center;
}

.spotlight-wrap ul.link-list {
	margin: 20px 0;
}
.spotlight-wrap ul.link-list li {
	padding: 10px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d9d3bb;
	font-size:14px;
}

#content-wrap .spotlight-wrap ul.link-list li a {
	color: #006699;
}

/* Sub Page content Styles */

.image-holder {
	float:left;
	background-color: #a3bfd0;
	padding: 10px 15px;
	clear:both;
	margin-bottom:20px;
	width:655px;
}
.image-holder img {
	margin-left:5px;
	padding:0;
	border:4px solid #fff;
}

.content-nav {
	float:right;
	margin: -10px 10px 10px 10px;
	clear:both;
}
.content-nav ul li {
	display:block;
	float:right;
	margin-left: 20px;
}
#content-wrap .content-nav ul li a {
	color:#037bb2;
	font-size:13px;
}
#content-wrap .content-nav ul li.active a {
	text-decoration:underline;
}

.content-info {
	clear:both;
	padding-top:10px;
	padding-left:20px;
	overflow:auto;
	margin-bottom:40px;
}

.content-info h1 {
	margin-bottom:20px;
	font-size:20px;
}
.content-info h1 span {
	font-size: 12px;
	margin-top: 5px;
	display:block;
	font-weight:normal;
	color: #666;

}

.content-info .blog-post {
	padding: 20px 0 10px 0;
	margin-top: 10px;
	border-top: 2px solid #ddd;
	margin-right:10px;
}
.content-info .blog-post:first-child {
	border-top:none;
	margin-top: 0px;
	padding-top: 0px;
}

.content-info .blog-post p {
	letter-spacing:0px;
}

.content-info .blog-post a img {
	display:block;
	margin: 10px;
	padding:4px;
	border: 1px solid #999;
	float:left;
}

.content-info

.content-info .blog-post h1, #content-wrap .content-info .blog-post h1 a {
	font-size: 20px;
	color: #ed7700;
	font-weight:normal;
	font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	letter-spacing:-1px;
}

.content-info h2 {
	margin-bottom:10px;
	margin-top:5px;
	font-size:17px;
}

.content-info h3.red {
	color:#c22900;
	font-size: 17px;
	margin-bottom:10px;
	background:none;
}

.content-info p {
	margin-bottom:10px;
	margin-top:10px;
	font-size:14px;
	line-height:18px;
}

.content-info ul {
	margin-bottom:20px;
	margin-top:20px;
}
.content-info ul + .content-info ul {
	margin-top:30px;
}

.content-info ul li {
	font-size: 13px;
	padding-left:20px;
	margin-bottom:10px;
	background:url(images/bullet_grey.png) no-repeat 0px 3px;
	line-height:15px;
}

.content-info > ul.contact > ul {
	list-style:none;
	color:#666;
	font-size:16px;
	margin-bottom:10px;
}
.content-info > ul.contact > ul > li {
	margin-bottom: 5px;
	padding:10;
	font-weight:normal;
}

.content-info .content-info-right {
	float:right;
	width:218px;
	background-color:#f2f2f2;
	padding: 10px;
	margin-left:10px;
}

.content-info .content-info-right p {
	padding:10px;
	font-size: 13px;
}

.content-info .content-info-right .quotes {
	margin: 15px;
	font-size:11px;
	font-style:italic;
	color:#333;
	line-height:14px;
}

.box-white-grd {
	padding: 1px;
	border: 1px solid #ccc;
	background-color:#fff;
	margin: 5px 0 15px 0;
}
.box-white-grd-inner {
	background:url(images/grey_btm_grd.png) repeat-x left bottom;
	min-height:100px;
	padding:10px 15px;
	overflow:auto;
}
.box-white-grd-inner img {
	float:left;
	margin-right:5px;
}
.box-white-grd-inner p {
	font-size:12px;
}

.box-white-grd-inner p.icon {
	padding-left: 55px;
}
.box-white-grd-inner p.desc {
	float:left;
	padding-top:5px;
}

.refresh-icon {
	background: url(images/refresh_icon.png) no-repeat left top;
}

.grd-box-outer {
	
	padding: 10px;
	min-height: 100px;
	margin-left:20px;
	margin-bottom:30px;
}
.blue-grd {
	background: url(images/blue_grd_bx_outer.png) #29a7cc repeat-x top left;
}
.green-grd {
	background: url(images/green_grd_outer.png) #57981c repeat-x top left;
}
.grd-box-inner {
	background: url(images/white_inner_transp.png);
	padding:10px;
	min-height:80px;
}

.grd-box-inner ul.bullets li {
	color:#fff;
	margin-bottom:13px;
	padding-left: 20px;
	background:url(images/bullet.png) no-repeat 0px 7px;
	font-size:18px;
	margin-left:10px;
}

.bluebox {
	background-color: #e4ecef;
	padding: 10px;
	margin-bottom: 15px;
	overflow:auto;
}

.bluebox img {
	float:left;
	border: 7px solid #fff;
	margin-right:15px;
}
.bluebox .client-info h2 {
	color:#333;
	font-size: 15px;
}
.bluebox .client-info h2 span {
	color:#666;
	display:block;
	margin-top:5px;
	font-size: 12px;
}
.bluebox .client-info p {
	color:#333;
}
/* contact location css */

.content-info ul.contact li {
	background:none;
	padding-left:0;
	line-height:14px;
	margin-bottom: 3px;
}
.content-info ul.contact > li {
	list-style:none;
	float:left;
	display:block;
	width: 30%;
	padding-left:0;
	background:none;
}

/* support panel css */
ul.support-panels, ul.support-panels ul {
	list-style:none;
	overflow:auto;
	}
	
ul.support-panels li.panel-item {
	display:block;
	width: 233px;
	min-height: 190px;
	float:left;
	margin-right:25px;
	margin-bottom:20px;
	padding-left:70px;
	padding-top:7px;
}
ul.support-panels li.panel-item h4 {
	font-size: 18px;
	color:#333;
	margin-bottom:20px;

}
ul.support-panels li.panel-item h4 span {
	font-size: 11px;
	display:block;
	margin-top:5px;
	margin-left:3px;
	font-weight:normal;
}
ul.support-panels li.panel-item p {
	font-size: 14px;
	color:#666;
	margin-bottom:15px;
	font-weight:normal;
}
ul.support-panels li.panel-item ul li {
	font-weight:normal;
	line-height:18px;
	margin-bottom:15px;
	padding-left:0;
}

#content-wrap ul.support-panels li.panel-item p a {
	color:#333;
}

ul.support-panels .panel-e-support {
	background: url(images/e_support_icon.png) no-repeat left top;
}

ul.support-panels .panel-telephone {
	background: url(images/telephone_icon.png) no-repeat left top;
}

ul.support-panels .panel-guide {
	background: url(images/guide_icon.png) no-repeat left top;
}

ul.support-panels .panel-emergency {
	background: url(images/emergency_icon.png) no-repeat left top;
}			
	
/* Footer Styles */

#footer-wrap {
	margin: 60px 0px 0px -450px;
	position:absolute;
	bottom:10px;
	left:50%;
	width:97%;
	clear:both;
}
#footer-info {
	text-align:center;
	font-size: 12px;
	padding: 10px 0px;
}
#footer-nav {
	background-color: #f1f1f1;
	border-bottom: 4px solid #d2d2d2;
	height:19px;
	padding: 10px 30px 6px 30px;
}

#footer-nav ul li {
	float:left;
	display:block;
	margin-right:30px;
}

#footer-nav ul li a {
	font-size: 15px;
	color: #333;
	text-decoration:none;
}
#footer-nav ul li a:hover {
	text-decoration:underline;
}