/* set universals */



* {margin: 0; padding: 0;border:0;font: small/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;color: #000;}

ul, dl, ol {list-style: none;}

p {margin: 0; padding: 0;}

.clear {clear: both;}

b {font-weight: bolder; color: #33F;}

body#index li#home a, body#product li#products a, body#service li#services a, body#contacts li#contact a, body#coupon li#coupons a{color:#633; text-decoration:none;}

.padtop10 {padding-top: 10px;}

.instruct {font-size: .9em; font-family: Arial, Helvetica, sans-serif}

/* set stage */



div#stage {

	text-align: center;

	margin: 0 auto;

	min-width: 726px;

	width: 726px;

	min-height: 800px;

	background: #E9E9E9 url(i/stage_bg.jpg) top left repeat-y;

	}

.hide {display: none; visibility: hidden; margin-left: -9999px;}







/* set stage childen position, background, margin, display, padding, etc. */

div#head {}

h1.logo span {display: none; visibility: hidden;margin-left: -9999px;} /* call me redundant */ 

h1.logo {text-align: left;background: transparent url(i/room_scene1.jpg) top right no-repeat;width: 100%;}

h1.logo img {}	

p.satisfy {background: transparent url(i/satisfy_bg.jpg) bottom left no-repeat;}

ul.locations {background: transparent url(i/addy_bg.jpg) top left repeat-y;width:100%;position:relative;height: 60px;}

ul.locations li {float: left;}

ul.locations li address {display: inline;}

ul.locations li.left {margin-left: 60px;}
ul.locations li.right {margin-left: 60px;}

div#nav {background: #9A3334 url(i/nav_bg.jpg) top left no-repeat;height: 2.7em;margin-top: -4px;width: 715px;/*IE*/.margin-left: -10px;/*IE*/}

div#nav ul {width: 503px;margin-left: 212px;height: 2em;}

div#nav ul li {display: inline;line-height: 2.4em;}

div#nav ul li a{padding: 0 15px;}

div#content {width: 575px;margin: 0 auto;text-align: left;}

div#content div#faq h2 {border-bottom: 1px solid #000;padding-top: 20px;}

div#content div#faq ul {list-style-type: square;padding-left: 15px;}

div#content div#faq div#faq_l {width: 250px;float: left;}

div#content div#faq div#faq_r {width: 200px;float: right;}

div#content div#faq div#faq_l p, div#content div#faq div#faq_l ul{padding-top: 5px;}

div#content div#faq div#faq_r ul, div#content div#faq div#faq_r p{padding-top: 5px;}

div#content .insidePage {margin-top: 25px;}

div#content div#listings  {width: 250px; margin: 25px auto 0 auto;}

div#content div#contInfo {text-align: center;width: 300px;margin: 25px auto 0 auto;}

address.contInfoL {float: left; width: 50%; border-right: 1px solid #666;}

div#bigcoupon {background: transparent url(i/coupon1.jpg) 16px 0 no-repeat;width: 100%;height: 330px;/* when you clear a div, you lose your ability to add margin, because the margin is automatically added	so, I'll relatively postion, but be careful! when you do this, you must add bottom padding to compensate*/ clear: both;position: relative; top: 3em;padding-bottom: 3em;}

div#bigcoupon p.savings {padding-top: 16px;}

div#bigcoupon p.details {padding-top: 170px;}

div#bigcoupon ul {position: relative; left: 115px;top: 65px;}

div#bigcoupon ul li.top {padding-bottom: 50px;}

div#footer {border-top: 10px solid #CCCCCC; width: 699px; margin: 1em 0 0 16px;/*IE*/.margin-left: 4px;padding-bottom: 1em;clear: both;}

div#footer p {margin-top: 1em;}

div#footer ul {margin-top: 1em; text-align: center;}

div#footer ul li {display: inline;}



/* set individual elements */



/*

:::::::::::::::::::::: header

*/

p.satisfy {font-weight: bold;line-height: 2;}

ul.locations li address, abbr {font-size: 14px;line-height: 25px;color:#FFF;letter-spacing: 1px;font-weight: bold;}

div#nav ul li {}

div#nav ul li a {font-size: 1em;color: #FFF;text-decoration: none;font-weight: bold;}

div#nav ul li a:hover {text-decoration: underline;}

div#nav ul li a span {color: #000; font-size: 1.2em;font-family: Georgia, "Times New Roman", Times, serif;}

div#coupons_banner {margin-top: 25px;}

div#coupons_banner ul li {display: inline;}

div#coupons_banner ul li.right {margin-left: 20px}

div#coupons_banner ul li.left {margin-left: 60px}

div#content a {color: #9A3334;text-decoration: none;}

div#content a:hover {text-decoration: underline;}

div#content div#faq h2{text-align: right;font-size: 1.3em;color:#33F;letter-spacing: ;}

div#content div#faq ul li{font-family: "Times New Roman", Times, serif;}

div#content div#faq li, p {font-size: 1em;}

div#content p {font-family:"Times New Roman", Times, serif;}

div#content div#contInfo address, div#content div#contInfo a {color: #666;}

div#content div#contInfo a:hover {color:#9A3334;} 

div#content div#listings ul{text-align: left;list-style: square;}\

div#listings h2 {letter-spacing: -1px;font-size: 1.1em;}

div#content div#listings h2 {font-weight: bold; color:#33F;}

div#bigcoupon p.savings a, div#coupon p.details a{font-size: 1.2em; color: #FFF;font-family: Arial, Verdana, Helvetica, sans-serif; font-style: italic;font-weight: bold;}

div#bigcoupon p.details a{font-size: 1.5em;}

div#bigcoupon ul li a{font-size: 2em; color: #FFF;font-family: Arial, Verdana, Helvetica, sans-serif;text-decoration: none;}

div#footer ul li a {text-decoration: none;color: #666;}

div#footer ul li span {color: #666;}

div#footer p.copyright {font-size: .8em;}

div#footer ul.miscLinks li a{font-size: .8em;}



/* page specfics, based on body id */

body#why-choose-us div#content div#listings {width: 450px;}