/* Mellow Me Out main style sheet */
html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font: .8em/1.5em  Tahoma, Arial, Helvetica, sans-serif;
	background-color:#000;
	background-image: url(http://www.mellowmeout.com/common/images/_cheetah_tile_black.jpg);
	background-repeat:repeat-y;
	background-position:center top;
	font-size: .8em;
}
#content img.imgLeft {
	float: left;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 0px;
}

p{
	margin:0px;
	padding:0px;
}
#container {
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}
html>body #container {
	height: auto;
}
#page_wrapper,
#top_wrapper {
	width: 670px;
}
#page_wrapper {
	position:relative;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-bottom: 0px;
}
#top_wrapper {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	height: 120px;
	background-image:url(http://www.mellowmeout.com/common/images/_header.gif);
	background-repeat:no-repeat;
}
#top_right_box {
	position:absolute;
	left:370px;
	top:15px;
	width:250px;
	height:95px;
	padding-left:30px;
	background-image:url(http://www.mellowmeout.com/common/images/awards.gif);
	background-repeat:no-repeat;
}
#main_wrapper {
	background-image:url(http://www.mellowmeout.com/common/images/_content_background2.gif);
}
#main_wrapper_bottom{
	background-image:url(http://www.mellowmeout.com/common/images/_footer2.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:20px;
	padding-top:0px;
}
#main_wrapper_top{
	background-image:url(http://www.mellowmeout.com/common/images/_content_header2.gif);
	background-position:top;
	background-repeat:no-repeat;
}
#content{
	/* do NOT use position:relative; it conflicts with menuing */
	float:left;
	width:373px;
	margin-top:10px;
	margin-left:8px;
	margin-bottom:0;
	margin-right:0px;
	padding-top:5px;
	padding-bottom:20px;
	color:#666;
	min-height:400px;
}
/* min-height fix for Internet Explorer */
/*\*/
* html #content {
height: 400px;
}
/**/
#sidebar {
	width:110px;
	float:right;
	margin-top:10px;
	padding-right:10px;
	margin-right:0px;
}
#footer {
	margin-top:-20px;
	bottom: 0;
	padding: 0px;
	color:#999999;
	font-size:9px;
	width: 100%;
	height:25px;
}
#footer p {
	margin: 0px;
	padding: 0px;
	text-align:center;
}
#menu {
	font-family:Arial, Helvetica, sans-serif;
	width:125px;
	float:left;
	margin-top:16px;
	margin-left:5px;
	display: inline;
}

#menu ul{
	margin-left:0px;
	margin-bottom:0px;
	margin-top:0px;
	margin-right:0px;
	padding:0px;
	list-style-type:none;
	width:125px;
	font-size:9px;
	z-index:10;
}
#menu ul li {
	position:relative;
	margin:0px;
	margin-bottom:12px;
	text-align:right;
}
#menu li ul {
	position: absolute;
	left: 125px;
	top: 0;
	display: none;
}
#menu ul li a {
	display:block;
	height:14px;
	width:107px;
	padding-top:4px;
	padding-bottom:0px;
	padding-right:18px;
	padding-left:0px;
	margin:0px;
	text-decoration: none;
	color:#999999;
	text-transform:uppercase;
	line-height:12px;
}
#menu ul li.out a:hover,
#menu ul li.over a,
#menu ul li.over a.selected {
	background-image:url(http://www.mellowmeout.com/common/images/_menu_parent_over.gif);
	background-repeat:no-repeat;
}
#menu ul li.nochild a:hover{
	background-image:url(http://www.mellowmeout.com/common/images/_menu_nochild_over.gif);
	background-repeat:no-repeat;
}
#menu ul li.nochild a.selected{
	background-image:url(http://www.mellowmeout.com/common/images/_menu_selected.gif);
	background-repeat:no-repeat;
}
#menu ul li a.selected {
	background-image:url(http://www.mellowmeout.com/common/images/_menu_selected.gif);
	background-repeat:no-repeat;
}

/* MENU SECOND LEVEL  */
#menu ul li:hover ul,
#menu ul li.over ul  {
	width:150px;
	display: block;
	background-image:url(http://www.mellowmeout.com/common/images/_flyout_background.gif);
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	border-bottom:solid 2px #CCCCCC;
}
#menu ul li.over ul li,
#menu ul li ul li {
	text-align:left;
	margin:0;
}

#menu ul li.over ul li a,
#menu ul li ul li a {
	background-image:none;
	width:145px;
	padding-left:5px;
	padding-right:0px;
}
#menu ul li.over ul li a:hover {
	color:#fff;
	background-color:#CCCCCC;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
* html #content ul li { float: none; height: auto; }
* html #content ul li a { height: auto; }
/* End */

#cat_wrapper {
	position:relative;
}
#cat {
	position:absolute;
	top:-145px;
	left:548px;
}
#sidebar p{
	color:#999999;
	font-size:10px;
	line-height:11px;
	margin-bottom:10px;
}
#sidebar h1 {
	font-size:14px;
	color:#9D080D;
	margin-bottom:6px;
	margin-top:0px;
}
#sidebar h2 {
	font-size:12px;
	color:#999;
	margin-bottom:0px;
	line-height:13px;
}
#home_image{
	position:relative;
	z-index:1;
}
#content div.availability {
	float:right;
	margin-left:10px;
	margin-bottom:5px;
	margin-top:3px;
	width:104px;
	height:41px;
	background-image:url(http://www.mellowmeout.com/common/images/icons/availablity-icon-BG.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	font-size:10px;
	font-weight:bold;
	line-height:12px;
	color:#FFFFFF;
	padding-top:14px;
}
#content div.availability ul {
	margin:0px;
	padding:0px;
	margin-top:3px;
	list-style-type:none;
}
#content div.availability li {
	padding-left:14px;
	margin:0px;
}
#content div.availability li a {
	text-decoration:none;
	color:#66FF00;
}
#content div.availability li.avail-Yes {
	background-image:url(http://www.mellowmeout.com/common/images/icons/avail-Yes.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
}
#content div.availability li.avail-No {
	background-image: url(http://www.mellowmeout.com/common/images/icons/avail-No.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
}
#content div.availability li.avail-Yes a {
	color: #006600;
}
#content div.availability li.avail-No a {
	color: #666666;
}
#content h1 {
	font-weight: normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 24px;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	color:#000000;
}
#content h2 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 0px;
}
#content p {
	padding: 0px;
	margin-bottom: 10px;
}
#content a, #content a:visited {
	color:#9D080D;
}
#content a:hover{
	text-decoration:none;
}
#content ul {
	margin-top: 0px;
	margin-bottom: 10px;
}
#content p.serviceSlogan {
	padding-left:5px;
	font-size: 14px;
	letter-spacing:1px;
}
#content p.serviceName {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
}
#content img.imgRight {

	float: right;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 10px;
}
#content p.serviceName {
	font-weight: bold;
}
#content p.serviceDesc {
	margin-top: 0px;
	margin-left: 42px;
}
#content ul.servicePrices {
	margin-bottom: 0px;
}

#content p.testimonialQuote {
	color: #9D080D;
}
#content p.testimonialSpeaker {
	font-style: italic;
	margin-left: 40px;
}
#top_wrapper #home_link {
	height: 115px;
	width: 350px;
}
#content p.introCopy {
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	margin-left: 8px;
	letter-spacing:.02em;
}
#content table td.servicePrice {
	width: 30%;
	color:#000000;
	font-weight:bold;
}
#slideshow_wrapper{
	width:373px;
	margin:0px;
	overflow:hidden;
}
#slideshow_wrapper #slide_wrapper {
	display:inline;
	float:left;
	height: 232px;
	width: 230px;
	margin-top:0px;
}
#slideshow_wrapper #slide_wrapper #window {
	position:absolute;
	height: 232px;
	width: 230px;
	overflow: hidden;
}
#slideshow_wrapper #slide_wrapper #slide {
	height: 232px;
	width: 230px;
	overflow: hidden;
}
#slideshow_wrapper #titles {
	float:left;
	display:inline;
	width:133px;
	height:232px;
	margin-right:6px;
	overflow:auto;
}
#slideshow_wrapper #titles a{
	font-size:10px;
	text-decoration:none;
	display:block;
	width:110px;
	border:#FFFFFF 1px solid;
	line-height:normal;
	padding-left:2px;
	padding-right:2px;
	margin-bottom:2px;
}
#slideshow_wrapper #titles a.active{
	color:#666666;
	border:#666666 1px solid;
}
#content #caption {
	width:363px;
	padding-right:10px;
	margin-top:20px;
	margin-bottom:20px;
	height:165px;
	overflow:auto;
	clear:both;
}
#sidebar a {
	color:#9D080D;
}
#content img.pagetop {
	margin-bottom:10px;
}
/* LOCATION SIDEBAR */
#location_sidebar {
	width:100px;
	text-align:center;
	font-size:10px;
	line-height:10px;
	margin-top:0px;
}
#location_sidebar .thumb {
	margin-bottom:8px;
}a.details {
	font-size: 11px;
}