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

/* ----------load first-------- */
body {
	background:#c3dfee url(../images/bkgd.jpg) repeat-x;
padding:0px;
margin:0px;
}

h1 {
	background: url(../images/GBGG_logo.png) no-repeat center;
	text-indent:-5000px;
	height:80px;
	width:230px;
	margin:0px
}


/* ----------Navigation-------- */
ul#nav {
	display:table; 
	width:100%;
	padding:0 5px; 
	position:absolute; 
	top:80px
}
ul#nav li {
	font: bold 16px/24px 'CreativeBlock BB';
	text-align:center;
	display:table-cell;
	width:20%;
	height:28px;
	padding-top:4px;
}
ul#nav li#on {
	background:url(../images/nav_on.png) no-repeat top center;
	height:35px;
}
ul#nav li#on a {background:none; color:inherit;}
ul#nav a {
	color:#5b6661;
	padding:1px 7px ;
}
ul#nav a:hover {background:url(../images/nav_hover.png) repeat-x center top;}
/* product Nav */
ul#prodNav {
	font: bold 13px/14px 'CreativeBlock BB';
	padding:8px 12px;
	color:#5B6661
}
/* ----------container to center the layout-------- */
#container {
width: 960px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
position:relative;
} 

/* ----------banner for logo-------------- */
#banner {
	height:80px;
padding: 0px 5px;
	margin: 0 0 28px 0; 
}
#banner img {padding:10px 0px;} 

/* -----------------content--------------------- */ 
#inner{ background: url(../images/bkgd_cont.png) repeat-y center; padding:0 5px;/*position:relative*/}
#left {
 	width:200px; 
 	float:left; 
 	position:relative; 
 	margin-right:1px;
 }
 #right {
 	width:340px; 
 	float:left; 
 	position:relative; 
 	margin-left:1px;
  	border-left: 1px dashed #999;

 }
#content{ 
	float:left;
	margin: 0px; 
}


/*  ----------------footer---------------------- */ 
#foot {
clear:both;
padding:10px 0 0;
margin:0px;
text-align: right;
} 
#foot p {
border-top:3px solid #666;
padding:4px 0 6px;
margin:0 10px;
font-size:8px;
color:#333;
}
#foot ul#utility {
float: left;
margin:0 5px;
font-size:11px;
color:#333;
}
#foot ul#utility li {
border-right:1px solid #999999;
float:left;
margin:6px 4px 4px;
padding-right:5px;
}
#foot ul#utility li.end {border:none}
/*  ----------------type---------------------- */ 
/* Reset */
ul { list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p {margin:0px;padding: 5px 10px;}
body {font:normal 11px Verdana, Arial, SunSans-Regular, Sans-Serif;}

a {color: #0066CC; text-decoration:none; outline:none}
a:visited {/*color:#DB7093;*/}
a:hover {/*color: #564b47;*/}
a:active { /*color:#000000;*/}

h2 {
	font: normal 26px 'CreativeBlock BB';
	color:#a2b632;
}
h4 {
	font: normal 18px 'CreativeBlock BB';
	color:#a2b632;
}
div#left h4 {
	margin:0 5px;
	border-bottom: 1px dashed #999;
	padding:7px 0 0;
}
/*  ----------------components---------------------- */ 
.start{margin-top:0 !important;padding-top:0 !important}
.end{border:none !important}
/* item list */
ul#items {}
ul#items li {
	min-height:91px;
	padding:15px 0 15px 91px;
	margin:0 5px;
  	border-bottom: 1px dashed #999;
	position:relative;
}
ul#items img {position:absolute;left:0;}
ul#items a.view {
	display:block !important;
	background:url(../images/btn_viewDetails.jpg); 
	height:18px; 
	width:90px; 
	text-indent:-5000px;
	margin:5px 5px 0 0;
	float:left;
}
ul#items a.reserve {
	display:block !important;
	background:url(../images/btn_reserve.jpg); 
	height:18px; 
	width:90px; 
	text-indent:-5000px;
	margin:5px 5px 0 0;
	float:left;
}

/*  ---------------- Item page specific ---------------------- */ 
div.item{
	padding:15px 0 25px 275px;
	min-height:400px;
	float:none !important;
	width:500px !important;
	position:relative;
}
div.pimg{
	width:215px;
	height:215px;
	padding:13px;
	overflow:hidden;
	position:absolute;
	margin-left:-249px;
	border: 1px dashed #999;
}
div.item a.reserve {
	display:block !important;
	background:url(../images/btn_reserveBig.jpg); 
	height:84px; 
	width:255px; 
	text-indent:-5000px;
	position:absolute;
	margin-left:-255px;
	top:263px;
}
/* price table */
div#pricing {
	background:url(../images/bkgd_price.png);
	width:260px;
	height:99px;
	padding:8px 20px;
}
div#pricing table {
	width:258px;
	border-top:1px dashed #999;
	border-left:1px dashed #999;
	margin-top:8px;
}
div#pricing table td, div#pricing table th {
	border-bottom:1px dashed #999;
	border-right:1px dashed #999;
	padding:5px;
}
div#pricing table th { 
	text-align:center;
	font-size:10px;
	color:#666;
}
div#pricing table td { 
	text-align:right;
	font-size:16px;
}
/* just stuff */
.QandA{font-weight:bold}