/*

 *********************************************

 *             Layout.css                    *

 * 											 *

 *		  IE6 Fixes: see ie6-Layout.css      *

 *		  IE7 Fixes: see ie7-Layout.css      *

 * 											 *

 *********************************************

 */



/* Base Grid

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



#container {

	background: transparent url(images/) top center no-repeat;

	margin: 0 auto;

	padding: 0;

	width: 960px;

	overflow: hidden;

}

#left {

	float: left;

	width: 180px;

}

#main {

	float: left;

	margin: 0 0 0 1em;

	padding-top: 65px;

	width: 574px;

}

#right {

	float: right;

	padding-top: 65px;

	width: 193px;

}

#footer {

	background: transparent url(images/footer.png) center bottom repeat-x;

}

/* Navigation

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



#nav-container {

	background: #7c3223;

	margin: 0;

	position: absolute;

	top: 20px;

	width: 100%;

}

ul#nav {

	width: 960px;

	height: 30px;

	background: url(images/nav.png) no-repeat;

	margin: 0 auto;

	padding: 0;

	position: relative;

}

ul#nav li {

	margin: 0;

	padding: 0;

	list-style: none;

	position: absolute;

	top: 0;

}

ul#nav li, ul#nav a {

	height: 30px;

	display: block;

	outline: none;

}

ul#nav li a {

	font-size: 12px;

	text-indent: -9999px;

	text-decoration: none;

	outline: none;

}

ul#nav #mn1 {

	left: 172px;

	width: 78px;

}

ul#nav #mn2 {

	left: 251px;

	width: 152px;

}

ul#nav #mn3 {

	left: 401px;

	width: 151px;

}

ul#nav #mn4 {

	left: 553px;

	width: 142px;

}

ul#nav #mn5 {

	left: 695px;

	width: 93px;

}

ul#nav #mn6 {

	left: 788px;

	width: 83px;

}

ul#nav #mn7 {

	left: 871px;

	width: 89px;

}

ul#nav #mn1 a:hover {

	background: transparent url(images/nav.png) -172px -30px no-repeat;

}

ul#nav #mn2 a:hover {

	background: transparent url(images/nav.png) -251px -30px no-repeat;

}

ul#nav #mn3 a:hover {

	background: transparent url(images/nav.png) -401px -30px no-repeat;

}

ul#nav #mn4 a:hover {

	background: transparent url(images/nav.png) -553px -30px no-repeat;

}

ul#nav #mn5 a:hover {

	background: transparent url(images/nav.png) -695px -30px no-repeat;

}

ul#nav #mn6 a:hover {

	background: transparent url(images/nav.png) -788px -30px no-repeat;

}

ul#nav #mn7 a:hover {

	background: transparent url(images/nav.png) -871px -30px no-repeat;

}

ul#nav #mn1 a:active {

	background: transparent url(images/nav.png) -172px -60px no-repeat;

}

ul#nav #mn2 a:active {

	background: transparent url(images/nav.png) -251px -60px no-repeat;

}

ul#nav #mn3 a:active {

	background: transparent url(images/nav.png) -401px -60px no-repeat;

}

ul#nav #mn4 a:active {

	background: transparent url(images/nav.png) -553px -60px no-repeat;

}

ul#nav #mn5 a:active {

	background: transparent url(images/nav.png) -695px -60px no-repeat;

}

ul#nav #mn6 a:active {

	background: transparent url(images/nav.png) -788px -60px no-repeat;

}

ul#nav #mn7 a:active {

	background: transparent url(images/nav.png) -871px -60px no-repeat;

}

ul#nav #mn1 a.current {

	background: transparent url(images/nav.png) -172px -60px no-repeat;

}

ul#nav #mn2 a.current {

	background: transparent url(images/nav.png) -251px -60px no-repeat;

}

ul#nav #mn3 a.current {

	background: transparent url(images/nav.png) -401px -60px no-repeat;

}

ul#nav #mn4 a.current {

	background: transparent url(images/nav.png) -553px -60px no-repeat;

}

ul#nav #mn5 a.current {

	background: transparent url(images/nav.png) -695px -60px no-repeat;

}

ul#nav #mn6 a.current {

	background: transparent url(images/nav.png) -788px -60px no-repeat;

}

ul#nav #mn7 a.current {

	background: transparent url(images/nav.png) -871px -60px no-repeat;

}

/* left

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



#logo {

	background: #124464;

	margin: 0;

	padding: 80px 0 0;

	width: 180px;

}

#logo a {

	border: none;

	display: block;

	outline: none;

	margin: 0;

	padding: 0;

}

#logo a img {

	margin: 0;

	padding: 0;

}

#share {

	background: #124464;

	margin: 0;

	padding: 0;

	width: 180px;

}

#share a {

	border: none;

	display: block;

	outline: none;

	margin: 0;

	padding: 0;

}

#share a img {

	margin: 0;

	padding: 0;

}

#visit {

	background: transparent url(images/visit.png) no-repeat;

	margin: -14px 0 0 0;

	padding: 53px 0 0 60px;

	width: 121px;

	height: 44px;

}

#visit a {

	border: none;

	display: block;

	float: left;

	outline: none;

	margin: 0;

	padding: 0;

}

#visit a img {

	margin: 0;

	padding: 0;

}

#visit p {

	text-align: center;

}

#visit a.twitter {

	background: url("images/twitter.png") 0 0 no-repeat;

	display: block;

	margin-right: 11px;

	text-indent: -9999px;

	width: 26px;

	height: 25px;

}

#visit a.twitter:hover {

	background-position: 0 -25px;

}

#visit a.facebook {

	background: url("images/facebook.png") 0 0 no-repeat;

	display: block;

	text-indent: -9999px;

	width: 26px;

	height: 25px;

}

#visit a.facebook:hover {

	background-position: 0 -25px;

}

/* Main

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



#main .inner {

	background: transparent url(images/point-line.png) top right no-repeat;

	padding-right: 24px;

	position: relative;

	width: 537px;

	overflow: hidden;

}

#main .inner #bottom-point {

	background: transparent url(images/bottom-point.png) no-repeat;

	height: 27px;

	position: absolute;

	right: 0px;

	bottom: 0px;

	width: 11px;

}

.footer-txt {

	color: #7C3223;

	clear: both;

	font-family: verdana, arial, sans-serif;

	font-size: 83%;

	margin: 0;

	padding: 1em 4em 0 0;

	text-align: center;

}

.footer-txt a, .footer-txt span {

	padding: .5em;

}

/*******Homepage********/

#feature {

	background: transparent url(images/frame2.png) no-repeat;

	overflow: hidden;

	padding: 17px 17px 25px 18px;

}

#feature img {

	margin: 0 0 .5em;

	padding: 0;

}

#feature ul {

	margin: 0;

	padding: 0;

}

#feature ul li {

	list-style: none;

}

.hp-box {

	float: left;

	width: 212px;

	height: 158px;

	padding: 88px 1.8em 0 2.4em;

}

.hp-box h3 {

	margin: -14px 0 0;

	padding: 0;

	text-indent: -9999px;

}

.forty-brands {

	background: transparent url(images/40-brands.png) no-repeat;

	font-family: Georgia, "Times New Roman", Times, serif;

}

.play-shop {

	background: transparent url(images/play.png) no-repeat;

	float: right;

	font-family: Georgia, "Times New Roman", Times, serif;

}

#gonow a {

	background: url("images/go-now-btn.png") 0 0 no-repeat;

	display: block;

	text-indent: -9999px;

	width: 72px;

	height: 22px;

}

#gonow a:hover {

	background-position: 0 -22px;

}

.button {

	margin: 3px 0;

	text-align: left;

}

#learnmore a {

	background: url("images/learn-more-btn.png") 0 0 no-repeat;

	display: block;

	text-indent: -9999px;

	width: 94px;

	height: 22px;

}

#learnmore a:hover {

	background-position: 0 -22px;

}

#viewevents a {

	background: url("images/view-events-btn.png") 0 0 no-repeat;

	display: block;

	text-indent: -9999px;

	width: 92px;

	height: 22px;

}

#viewevents a:hover {

	background-position: 0 -22px;

}

/*******Subpages********/

.subpage {

	width: 530px;

}

.subpage .hd {

	background: transparent url(images/top.png) no-repeat;

	height: 25px;

	width: 528px;

}

.subpage .bd {

	background: transparent url(images/middle.png) repeat-y;

	min-height: 480px;

	padding: 0 2em 2em;

	overflow: hidden;

	position: relative;

}

.subpage .ft {

	background: transparent url(images/bottom.png) no-repeat;

	width: 528px;

	height: 25px;

}

.pic {

	float: left;

	margin: 0 9px .6em 0;

	width: 150px;

}

.image-holder img {

	display: none;

}

.pic h4 {

	margin-bottom: 0;

}

.pic h4 a {

	color: #124464;

	font-size: 93%;

}

.hdr {

	outline: none;

}

.hdr h3 a, .hdr h2 a {

	color: #124464;

}

/******* About *******/

.block {

	clear: both;

	overflow: hidden;

}

.block h2 {

	margin: .5em 0!important;

}

.block h2 a {

	background: transparent url(images/v-more.png) right center no-repeat;

	color: #124464;

	display: block;

	width: 100%;

}

.block h2 a:hover {

	text-decoration: none;

}

.block h2 a.active {

	background: none;

}

.flt {

	float: left;

	margin-bottom: 20px;

	margin-right: 12px;

}

/******* Headers *******/



.about {

	background: transparent url(images/about-our-bar.png) no-repeat;

	height: 38px;

	margin: 0 0 .6em;

	padding: 0;

	text-indent: -9999px;

	width: 205px;

}

.contact {

	background: transparent url(images/contact.png) no-repeat;

	height: 38px;

	margin: 0 0 .6em;

	padding: 0;

	text-indent: -9999px;

	width: 205px;

}

.events {

	background: transparent url(images/events.png) no-repeat;

	height: 38px;

	margin: 0 0 .6em;

	padding: 0;

	text-indent: -9999px;

	width: 205px;

}

.dot {

	background: transparent url(images/dot.png) no-repeat;

	height: 38px;

	margin: 0;

	padding: 0;

	text-indent: -9999px;

	width: 205px;

}

.press {

	background: transparent url(images/press.png) no-repeat;

	height: 38px;

	margin: 0 0 .6em;

	padding: 0;

	text-indent: -9999px;

	width: 205px;

}

.customer-reviews {

	background: transparent url(images/customer-reviews.png) no-repeat;

	height: 38px;

	margin: 0 0 .6em;

	padding: 0;

	text-indent: -9999px;

	width: 270px;

}

.write-a-review {

	background: transparent url(images/write-a-review.png) no-repeat;

	height: 38px;

	margin: 0;

	padding: 0;

	text-indent: -9999px;

	width: 270px;

}

.upcoming-events {

	background: transparent url(images/upcoming-events.png) no-repeat;

	height: 38px;

	margin: 0;

	padding: 0;

	text-indent: -9999px;

	width: 270px;

}

.feedback-hdr {

	background: transparent url(images/feedback.png) no-repeat;

	height: 38px;

	margin: 0;

	padding: 0;

	text-indent: -9999px;

	width: 270px;

}

/******* Locations *******/



.sf {

	background: transparent url(images/locations/san-francisco.png) no-repeat;

	height: 34px;

	width: 197px;

	text-indent: -9999px;

}

.dallas {

	background: transparent url(images/locations/dallas.png) no-repeat;

	height: 34px;

	width: 197px;

	text-indent: -9999px;

}

.chi {

	background: transparent url(images/locations/chicago.png) no-repeat;

	height: 34px;

	width: 197px;

	text-indent: -9999px;

}

.dv {

	background: transparent url(images/locations/denver.png) no-repeat;

	height: 34px;

	width: 197px;

	text-indent: -9999px;

}

.sm {

	background: transparent url(images/locations/santa-monica.png) no-repeat;

	height: 34px;

	width: 197px;

	text-indent: -9999px;

}

.sj {

	background: transparent url(images/locations/san-jose.png) no-repeat;

	height: 34px;

	width: 197px;

	text-indent: -9999px;

}

.no {

	background: transparent url(images/locations/no.png) no-repeat;

	height: 34px;

	width: 197px;

	text-indent: -9999px;

}

.ps {

	background: transparent url(images/play-and-shop.png) no-repeat;

	height: 75px;

	width: 197px;

	text-indent: -9999px;

}

.smallbox {

	float: left;

	margin: 0 0 1.5em;

	width: 256px;

}

.smallbox .hd {

	background: transparent url(images/sm-top.png) no-repeat;

	height: 24px;

	width: 256px;

}

.smallbox .bd {

	background: transparent url(images/sm-middle.png) repeat-y;

	font-size: 93%;

	overflow: hidden;

	padding: 5px 23px 0;

}

.smallbox .bd img {

	margin-bottom: 5px;

}

.smallbox .bd h3 {

	margin: 0 0 .5em;

	padding: 0;

}

.smallbox .bd p {

	margin: 0 0 .6em;

}

.smallbox .bd span {

	color: #7c3223;

}

.smallbox .ft {

	background: transparent url(images/sm-bottom.png) no-repeat;

	height: 24px;

	width: 256px;

}

.events-play-shop {

	background: transparent url(images/ps-bk.png) top center no-repeat;

}

.events-play-shop .bd {

 height:

}

.events-play-shop h4 {

	margin-bottom: .4em;

}

.events-play-shop ul {

	margin: 0 0 .8em;

	padding: 0;

}

.events-play-shop ul li {

	list-style: none;

	padding: 0;

	margin: 0;

}

.events-play-shop ul li span {

	margin-right: 25px;

	display: inline-block;

	width: 28px;

}

/* right

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

.ad {

	margin-bottom: 1.5em;

}

.event-sm {

	background: transparent url(images/events-bk.png) top center no-repeat;

	font-size: 85%;

	padding: 83px 20px 0 38px;

	height: 124px;

	width: 132px;
	
	margin-left: 10px;

}

.event-sm h4 {

	color: #442921;

}

.event-sm ul {

	margin: 0 0 .8em;

	padding: 0;

}

.event-sm ul li {

	list-style: none;

	padding: 0;

	margin: 0;

}

.event-sm ul li span {

	margin-right: 15px;

	display: inline-block;

	width: 28px;

}

.event-sm .view-details-arrow {

	background: transparent url(images/view-details.png) 0 0 no-repeat;

	display: block;

	padding:  0;

	text-indent: -9999px;

	width: 84px;

	height: 20px;

}

.event-sm .view-details-arrow:hover {

	background-position: 0 -20px;

}

.bar-loc {

	background: transparent url(images/bar-locations.png) no-repeat;

	height: 124px;

	position: relative;

	width: 180px;
	
	margin-left: 18px;
	
	margin-top: 30px;

}

.find-bars {

	background: transparent url(images/findbars.png) 0 0 no-repeat;

	display: block;

	float: left;

	position: absolute;

	bottom: 11px;

	left: 17px;

	text-indent: -9999px;

	width: 64px;

	height: 19px;

}

.find-bars:hover {

	background-position: 0 -19px;

}

.gift-cert {
	background: transparent url(images/gift-cert.png) 0 0 no-repeat;
	position: relative;
	width: 201px;
	height: 115px;
	margin-top: 15px;
}

.gift-cert .buy-now
{
	display: block;
	text-indent: -9999px;
	background: transparent url(images/buy-now.png) 0 0 no-repeat;
	position: absolute;
	width: 55px;
	height: 12px;
	bottom: 25px;
	left: 100px;
}

.gift-cert .buy-now:hover
{
	background-position: 0 -12px;
	height: 13px;
	bottom: 24px;
}

.get-hip {

	background: transparent url(images/get-hip.png) no-repeat;

	height: 220px;

	position: relative;

	width: 180px;

	margin-left: 10px;

	margin-bottom: 0;
	
	margin-top: 30px;

}



.spend-more {

	background: transparent url(images/spend-more-ad.png) no-repeat;

	width: 150px;

	height: 155px;

	position: relative;

	margin-top: 15px;

	margin-left: 21px;

}



.view-details-ad {

    background: transparent url(images/viewdetailsad.png) 0 0 no-repeat;

    display: block;

    float: left;

    position: absolute;

    bottom: 0px;

    left: 37px;

    text-indent: -9999px;

    width: 90px;

    height: 19px; 

}



.view-details-ad:hover {

	background-position: 0 -17px;

}



.sign-up-now {

	background: transparent url(images/signupnow.png) 0 0 no-repeat;

	display: block;

	float: left;

	position: absolute;

	bottom: 9px;

	left: 49px;

	text-indent: -9999px;

	width: 90px;

	height: 19px;

}

.sign-up-now:hover {

	background-position: 0 -19px;

}

.customer-rev {

	background: transparent url(images/custom-reviews.png) no-repeat;

	height: 132px;

	position: relative;

	width: 220px;
	
	margin-left: 6px;

}

.read-reviews {

	background: transparent url(images/readreviews.png) 0 0 no-repeat;

	display: block;

	float: left;

	position: absolute;

	bottom: 8px;

	left: 57px;

	text-indent: -9999px;

	width: 82px;

	height: 18px;

}

.read-reviews:hover {

	background-position: 0 -18px;

}

/* Footer

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



/* must declare 0 margins on everything, also for main layout components use padding, not 

vertical margins (top and bottom) to add spacing, else those margins get added to total height 

and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */



html, body, #wrap {

	height: 100%;

}

body > #wrap {

	height: auto;

	min-height: 100%;

}

#container {

	padding-bottom: 220px;

}  /* must be same height as the footer */

#footer {

	position: relative;

	margin-top: -220px; /* negative value of footer height */

	height: 220px;

	clear:both;

}

/* CLEAR FIX*/

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.clearfix {

	display: inline-block;

}

/* Hides from IE-mac \*/

* html .clearfix {

	height: 1%;

}

.clearfix {

	display: block;

}

/* End hide from IE-mac */









/* Buttons

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

.learnmore {

	background: url("images/learn-more-btn.png") 0 0 no-repeat;

	display: block;

	float: left;

	margin-right: 11px;

	text-indent: -9999px;

	width: 94px;

	height: 22px;

}

.learnmore:hover {

	background-position: 0 -22px;

}

.photo-btn {

	background: url("images/photos-btn.png") 0 0 no-repeat;

	display: block;

	float: left;

	margin-right: 11px;

	text-indent: -9999px;

	width: 74px;

	height: 20px;

}

.photo-btn:hover {

	background-position: 0 -21px;

}

.viewevents {

	background: url("images/view-events-btn.png") 0 0 no-repeat;

	display: block;

	float: left;

	margin-right: 11px;

	text-indent: -9999px;

	width: 92px;

	height: 22px;

}

.viewevents:hover {

	background-position: 0 -22px;

}

.mapit {

	background: transparent url(images/mapit.png) 0 0 no-repeat;

	display: block;

	float: left;

	margin-right: 11px;

	text-indent: -9999px;

	width: 70px;

	height: 20px;

}

.mapit:hover {

	background-position: 0 -21px;

}

.details {

	background: transparent url(images/details.png) 0 0 no-repeat;

	display: block;

	float: left;

	text-indent: -9999px;

	width: 70px;

	height: 20px;

}

.details:hover {

	background-position: 0 -21px;

}

.view-details {

	background: transparent url(images/view-details-btn.png) 0 0 no-repeat;

	display: block;

	float: left;

	text-indent: -9999px;

	width: 90px;

	height: 20px;

}

.view-details:hover {

	background-position: 0 -21px;

}

.let-us-know {

	background: transparent url(images/let-us-know-btn.png) 0 0 no-repeat;

	display: block;

	float: left;

	text-indent: -9999px;

	width: 90px;

	height: 20px;

}

.let-us-know:hover {

	background-position: 0 -21px;

}

.locations {

	background: transparent url(images/locations-btn.png) 0 0 no-repeat;

	display: block;

	float: left;

	margin-right: 11px;

	text-indent: -9999px;

	width: 80px;

	height: 20px;

}

.locations:hover {

	background-position: 0 -21px;

}

.feedback {

	background: transparent url(images/feedback-btn.png) 0 0 no-repeat;

	display: block;

	float: left;

	text-indent: -9999px;

	width: 80px;

	height: 20px;

}

.feedback:hover {

	background-position: 0 -21px;

}

.write-review {

	background: transparent url(images/write-review-btn.png) 0 0 no-repeat;

	display: block;

	float: left;

	text-indent: -9999px;

	width: 90px;

	height: 20px;

}

.write-review:hover {

	background-position: 0 -21px;

}



.arrow {

	position:absolute;

	right:8px;

	top:3px;

}

.block {

	background: transparent;

	position:relative;

}

/* Forms

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

#review-wrapper {

	padding: 1.3em 2em 2em 2em;

}

form.cssform {

	margin: 0;

	padding: 0;

	width: 99%;

}

.cssform p {

	margin: 0 0 .8em;

	padding: 0;

	

	vertical-align: middle;

	clear: both;

}

.cssform label {

	display: block;

	/*font-weight: bold;*/

	margin: 0 0 .2em;

	padding: 0;

}

.cssform label span {

	color: red;

	padding: 0 4px;

}

.cssform textarea {

	background-color: #f0f0f0;

	border: 1px solid #ccc;

	height: 122px;

	padding: 2px;

	width: 100%;

}

.cssform textarea:focus, .cssform input:focus {

	background-color: #FFFFCC;

}

.cssform input {

	background-color: #f0f0f0;

	border: 1px solid #ccc;

	color: #102132;

	display: block;

	font-size: 108%;

	padding: 2px;

	width: 100%;

}

.cssform .phone {

	width: 50%;

}

.cssform input[type="text"]:focus {

	background-color: #FFFFCC;

}



.cssform input[type="radio"] {

	background: transparent;

	border: 0 none;

}	



.cssform select {

	margin:.4em 0 0;

}

.cssform .checkbox {

	background-color: #f0f0f0;

	margin: .6em 0 0;

	width: 20px;

}

.cssform .inline {

	display: inline;

}

.cssform .in-wrap {

	padding: 0 0 .3em;

}

.cssform .adp {

	width: 25px;

}

/*.cssform .submit {

	cursor: pointer;

	padding: .05em;

	margin: 0;

	height: 22px;

	width: 92px;

	text-indent: -9999px;

}*/ 

input.submit{font-size:0;display:block;line-height:0;border: 0!important;} 

input.submit {

	background: transparent url(images/submit-btn.png) 0 0 no-repeat;

	display: block;

	text-indent: -9999px;

	width: 90px;

	height: 20px;

}

input.submit:hover {

	background-position: 0 -21px;

}

.cssform .formcol {

	float: left;

	width: 46%;

	margin-right: 20px;

	overflow: hidden;

}

.evform p {

/*clear: none;

	float: left;

	margin: 0 0 .5em 20px;

	width: 40%;*/

}

.evform .no-float {

	width: 100%;

}