/* Global Styles */

/* Browser Undo */
* { margin: 0; padding: 0; }

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved. */
/*   http://creativecommons.org/licenses/by/2.0 */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */



html, body
{
	height: 100%;
}

body
{
	margin: 0;
	padding: 0;
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666;
	background-image: url("../img/oc-body-bg.gif");
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #f3f3f1;
}

h1
{
	font-size: 18px;
	margin-bottom: 18px;
}

h2
{
}

h3
{
}

p
{
	margin-bottom: 18px;
}

a:link, a:visited
{
	padding: 1px 0;
	color: #666;
	border-bottom: dotted 1px #b3b3b3;
}

a:hover
{
	color: #d31245;
	background-color: #fde8ee;
	border-bottom: solid 1px #d31245;
}

#main-container
{
	margin: 0 auto;
	width: 820px;
}

.no-show
{
	display:none;
}

#logo-nav
{
	height: 140px;
	background-image: url("../img/oc-logo-nav.gif");
	background-repeat: no-repeat;
	background-position: top center;
}

#nav
{
	float: right;
	width: 415px;
	margin-top: 88px;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

#nav a:link, #nav a:visited
{
	color: #fff;
	border: none;
}

#nav a:hover
{
	color: #d31245;
	background: none;
}

#nav-at
{
	color: #d31245;
}

#main-img
{
	height: 320px;
	background-image: url("../img/oc-main-img-frame.gif");
	background-repeat: no-repeat;
	background-position: top center;
}

#main-img img
{
	padding: 13px 0 0 13px;
}

#header-ultimate
{
	height: 68px;
	background-image: url("../img/oc-text-head-ultimate.gif");
	background-repeat: no-repeat;
	background-position: center center;
}

.content-columns
{
	width: 820px;
	margin: 0 auto;
	padding-top: 8px;
	overflow: hidden;
}

.left-column
{
	float: left;
	width: 380px;
	padding-left: 10px;
	padding-right: 10px;
}

.right-column
{
	margin-left: 420px;
}

.p-pad p
{
	padding-left: 28px;
}

.p-last
{
	margin-bottom: 34px;
}

#footer
{
	padding-top: 12px;
	padding-bottom: 28px;
	background-image: url("../img/oc-footer-line.gif");
	background-repeat: no-repeat;
	background-position: top center;
/*	border: solid red 1px;*/
}

#footer table
{
	margin: 0 auto;
/*	border: solid green 1px;*/
}

#footer table td
{
	font-size: 10px;
	line-height: 12px;
	color: #999;
}

#footer table td a:link, #footer table td a:visited
{
	color: #999;
	border: none;
}

#footer table td a:hover
{
	color: #666;
	background: none;
}

#home-right-col-img
{
	margin-top: -3px;
	text-align: center;
}

#services-nav
{
	width: 361px;
	margin: 0;
	padding-top: 8px;
	padding-left: 28px;
	background-color: #fff;
	/*background-color: #c0bfc1;*/
	overflow: hidden;
}

.services-nav-left-col
{
	float: left;
	width: 181px;
}

.services-nav-right-col
{
	margin-left: 180px;
}

#services-nav ul
{
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

#services-nav li
{
	padding-bottom: 1.3em;
	color: #fff;	
}

/*
#services-nav li a:link, #services-nav li a:visited
{
	padding-bottom: 1px;
	color: #666;
	border-bottom: dotted 1px #b3b3b3;
}

#services-nav li a:hover
{
	color: #d31245;
	border-bottom: solid 1px #d31245;
}
*/

#services-nav li em
{
	color: #d31245;
	font-style: normal;
}

.services-nav-corners-top, .services-nav-corners-bottom
{
	width: 389px;
	height: 12px;
	background-repeat: no-repeat;
	background-color: #fff;
	/*background-color: #c0bfc1;*/
}

.services-nav-corners-top
{
	margin-top: 48px;
	background-image: url("../img/oc-nav-list-corners-top.gif");
	background-position: center top;
}

.services-nav-corners-bottom
{
	margin-bottom: 48px;
	background-image: url("../img/oc-nav-list-corners-bottom.gif");
	background-position: center bottom;
}

#header-services, #header-services-hair, #header-services-nails, #header-services-makeup,
#header-services-waxing, #header-services-electro, #header-services-laser-hair,
#header-services-laser-treatment, #header-services-spa-packages,
#header-services-spa-body, #header-services-sauna, #header-contact
{
	margin-left: 17px;
	height: 53px;
	background-image: url("../img/oc-text-head-services.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

#header-services-hair
{
	background-image: url("../img/oc-text-head-hair.gif");
}

#header-services-nails
{
	background-image: url("../img/oc-text-head-nails.gif");
}

#header-services-makeup
{
	background-image: url("../img/oc-text-head-makeup.gif");
}

#header-services-waxing
{
	background-image: url("../img/oc-text-head-waxing.gif");
}

#header-services-electro
{
	background-image: url("../img/oc-text-head-electro.gif");
}

#header-services-laser-treatment
{
	background-image: url("../img/oc-text-head-laser-treatment.gif");
}

#header-services-laser-hair
{
	background-image: url("../img/oc-text-head-laser-hair.gif");
}

#header-services-spa-packages
{
	background-image: url("../img/oc-text-head-spa-packages.gif");
}

#header-services-spa-body
{
	background-image: url("../img/oc-text-head-spa-body.gif");
}

#header-services-sauna
{
	background-image: url("../img/oc-text-head-sauna.gif");
}

#header-contact
{
	background-image: url("../img/oc-text-head-contact.gif");
}

.service-list-corners-top-left-col, .service-list-corners-bottom-left-col
{
	width: 354px;
	height: 12px;
	background-repeat: no-repeat;
	background-color: #e5e5e4;
}

.service-list-corners-top-left-col
{
	background-image: url("../img/oc-list-corners-top-left-col.gif");
	background-position: center top;
}

.service-list-corners-bottom-left-col
{
	margin-bottom: 48px;
	background-image: url("../img/oc-list-corners-bottom-left-col.gif");
	background-position: center bottom;
}

.service-list-corners-top-right-col, .service-list-corners-bottom-right-col
{
	width: 389px;
	height: 12px;
	background-repeat: no-repeat;
	background-color: #e5e5e4;
}

.service-list-corners-top-right-col
{
	background-image: url("../img/oc-list-corners-top-right-col.gif");
	background-position: center top;
}

.service-list-corners-bottom-right-col
{
	margin-bottom: 48px;
	background-image: url("../img/oc-list-corners-bottom-right-col.gif");
	background-position: center bottom;
}

.service-list-table-left-col
{
	width: 354px;
	background-color: #e5e5e4;
}

.service-list-table-right-col
{
	width: 389px;
	background-color: #e5e5e4;
}

.service-list
{
	margin: 0;
	padding: 8px 28px;
}
		
.service-list ul
{
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}	

.service-list li
{
	padding-bottom: .5em;
}

.service-list-no-pad
{
	padding-bottom: 0;
}

.service-list-no-pad-right
{
	padding-right: 0;
}

.service-list li.head-line, #services-nav .services-nav-left-col li.head-line, #services-nav .services-nav-right-col li.head-line
{
	color: #999;
	padding-bottom: 1em;
}

.service-list li.last-line
{
	padding-bottom: 0;
}

.service-list-left
{
	padding-right: 0;
}

.service-list-right li
{
	text-align: right;
}

.service-list li.service-name
{
	color: #d31245;
}

.service-list-description
{
	margin: 0;	
	padding: 0 28px;
	padding-bottom: 1em;
}

.service-list-description h3
{
	padding-bottom: 1em;
	font-weight: normal;
	color: #999;
}

#contact-div
{
	padding-top: 15px;
}

#contact-div p
{
	margin: 0;
	padding-bottom: 1em;
}

#contact-div span
{
	color: #000;	
}

.hours-corners-top, .hours-corners-bottom
{
	width: 354px;
	height: 12px;
	background-repeat: no-repeat;
	background-color: #fff;
}

.hours-corners-top
{
	margin-top: 18px;
	background-image: url("../img/oc-hours-corners-top.gif");
	background-position: center top;
}

.hours-corners-bottom
{
	margin-bottom: 48px;
	background-image: url("../img/oc-hours-corners-bottom.gif");
	background-position: center bottom;
}

#hours-div
{
	width: 326px;
	margin: 0;
	padding-top: 8px;
	padding-left: 28px;
	background-color: #fff;
	overflow: hidden;
}

#hours-div h3
{
	padding-bottom: 1em;
	font-weight: normal;
	color: #999;
}

#hours-div p
{
	margin: 0;
	padding-bottom: 1em;
	padding-left: 0;
}

#hours-div .small-am-pm
{
	font-size: 10px;
}

.oc-red, #contact-div .oc-red
{
	color: #d31245;
}

#map
{
	width: 389px;
	padding: 65px 0;
	text-align: center;
}

#map p
{
	margin-left: 11px;
	padding-top: 8px;
}

#map img
{
	margin-left: 11px;
}

#map_img_link:link, #map_img_link:visited
{
	border: none;
}

#map_img_link:hover
{
	background: none;
}

.oc-dark, #contact-div .oc-dark, #hours-div h3, .service-list-description h3, .service-list li.daily-specials, #services-nav .services-nav-left-col li.navigate-page
{
	color: #333;
}

/* Enn's changes */

.daily-specials-all-red
{
	color: #d31245;
}

#header-services-facial
{
	padding-top: 30px;
	padding-bottom: 8px;
	height: 148px;
	background-image: url("../img/oc-text-head-img-facial.jpg");
	background-repeat: no-repeat;
	background-position: left 30px;
}

#header-services-massage
{
	padding-top: 30px;
	padding-bottom: 8px;
	height: 148px;
	background-image: url("../img/oc-text-head-img-massage.jpg");
	background-repeat: no-repeat;
	background-position: left 30px;
}

#header-services-foot
{
	padding-top: 30px;
	padding-bottom: 8px;
	height: 148px;
	background-image: url("../img/oc-text-head-img-foot.jpg");
	background-repeat: no-repeat;
	background-position: left 30px;
}

#header-services-brow
{
	padding-top: 30px;
	padding-bottom: 8px;
	height: 148px;
	background-image: url("../img/oc-text-head-img-brow.jpg");
	background-repeat: no-repeat;
	background-position: left 30px;
}

#table-hair-services
{
	background-image: url("../img/oc-list-lines-hair.gif");
	background-position: center 58px;
	background-repeat: no-repeat;

}

#table-nail-care
{
	background-image: url("../img/oc-list-lines-nails.gif");
	background-position: center 58px;
	background-repeat: no-repeat;

}

#table-foot-care
{
	background-image: url("../img/oc-list-lines-foot-care.gif");
	background-position: center 58px;
	background-repeat: no-repeat;

}

#table-waxing
{
	background-image: url("../img/oc-list-lines-waxing.gif");
	background-position: center 58px;
	background-repeat: no-repeat;

}

#table-brows
{
	background-image: url("../img/oc-list-lines-brows.gif");
	background-position: center 58px;
	background-repeat: no-repeat;

}

#table-electrolysis
{
	background-image: url("../img/oc-list-lines-electrolysis.gif");
	background-position: center 58px;
	background-repeat: no-repeat;

}

#table-laser-hair-removal
{
	background-image: url("../img/oc-list-lines-laser-hair-removal.gif");
	background-position: center 58px;
	background-repeat: no-repeat;

}

#table-make-up
{
	background-image: url("../img/oc-list-lines-make-up.gif");
	background-position: center 58px;
	background-repeat: no-repeat;

}

#collahi_promo
{
	margin-bottom: 48px;
	text-align: center;
	line-height: 2em;
}

#collahi_promo b
{
	color: black;
	font-weight: normal;
}

#collahi_promo a
{
	margin-left: 1em;
}

#margo-portrait
{
	float: left; 
	margin: -14px -4px -10px -21px;
}

#home p
{
	margin-bottom: 28px;
	line-height: 2em;	
}

#testimonials
{
	padding-left: 25px;
}

#testimonials a.icon-link
{
	display: block;
	float: left;
	margin: 0 8px 0 0;
	padding: 0;
	border: none;
}

#divider
{
	margin: 31px 0 31px 56px;
	width: 288px;
	border-top: dotted 1px #b3b3b3;
	height: 1px;
}

#divider hr
{
	display: none;
}

#facebook, #flickr
{
	width: 288px;
	padding-left: 48px;
}

#facebook a.icon-link, #flickr a.icon-link
{
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	border: none;
}

body#testi-popup
{
	background-image: none;
}

#testi-wrap
{
	width: 580px;
	padding: 38px;
}

body#testi-popup blockquote {
	padding-top: 5px;
	padding-left: 28px;
	background: transparent url('../img/quote.png') top left no-repeat;
}

body#testi-popup blockquote p {
	font-style: italic;
	font-family: Gerogia, Times, serif;
	font-size: 15px;
	line-height: 21px;
}

body#testi-popup blockquote p .happy-client, body#testi-popup blockquote p .employee  {
	display: block;
	margin-top: 12px;
	font-style: normal;
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 12px;
}

body#testi-popup .divider
{
	margin: 38px 0;
	border-top: dotted 1px #b3b3b3;
	height: 1px;
}

#header-testimonials span
{
	display: none;
}

#header-testimonials
{
	margin-bottom: 28px;
	height: 38px;
	width: 500px;
	background-image: url("../img/oc-text-head-testimonials.png");
	background-repeat: no-repeat;
	background-position: -38px 0;
}