/* @override 
	http://www.novosalon.com/style.css
	http://www.novosalon.com/style.css
*/

/*
-----------------------------------
 Stylesheet for novosalon.com
-----------------------------------
*/

/* @group global reset */

/* Don't forget to set a foreground and background color on the 'html' or 'body' element! For more information 
on the current state of Global Reset visit http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}

* {margin:0;padding:0}

/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

a img, :link img, :visited img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/* remove outline from links when clicked in FireFox
----------------------------------------------- */

:-moz-any-link:focus {
	outline: none;
}

/* @end global reset */

/* @group body */

body,h1,h2,h3,h4,h5,p,ul,ol,li,dl,div,iframe,form,table,td,th {
	padding: 0;
	margin: 0;	
}

/* Links */

a:link {
	color: #777777;
	font-weight: bolder;
	text-decoration: none;
}

a:visited {
	color: #777777;
	font-weight: bolder;
	text-decoration: none;
}

a:hover, a:active	{
/*	color: #535353;	*/
	color: #459dcc;
/*	color: #4AAAFA; */
}


body {
	color: #777777;
	font: 0.7em Futura, "Gill Sans", "Lucida Sans", Arial, Verdana, helvetica, sans-serif;
	size: 10px;
	text-align: center;
	background: white fixed repeat-x 0 0;
	min-width:790px;
    min-height:550px;
    background: url(img/bg.jpg) repeat-x fixed;
}



/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0 0 10px; }

h1 { font-size: 32px; margin-bottom: 0px; margin-top: 10px;}

h2 { font-size: 28px; }

h3 { font-size: 24px; }

h4 { font-size: 20px; }

h5, h6 { font-size: 14px; font-weight: bold; letter-spacing: 0.1em;}

/* Other Html Elements */
.titles { font-weight: normal; border-bottom-width: 0; font-size: 24px; text-decoration: none; underline: 
none;}
.titles a:link, .titles a:visited, .titles a:active {
text-decoration: none;
underline: none;
font-size: 24px;
font-weight: normal;
border-bottom-width: 0;
}

pre, blockquote 
{
	overflow: auto;
	padding: 0 10px;
	margin: 20px 30px;
	line-height: 1.8em;
	background-color: #1A1A1A;
	border: 1px solid #323232;
}

pre:hover, blockquote:hover
{
	background-color: #1A1A1A;
	border: 1px solid #323232;
}

p {
	margin-top: 1em;
	font-size: 1.1em;
	line-height: 1.2em;
}

pre { padding-top: 10px; padding-bottom: 10px; }

code { color: #779900; font-family: Consolas, Verdana, "Courier New", Sans-Serif; }

ul, ol { line-height: 2.0em; }

ul { list-style-image: url(images/bullet.gif); }

abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }

del { text-decoration: line-through; color: #999999; }

ins { text-decoration: none; color: #009977; }



/* @end */

/* @group layout */

#container 	{
	margin-left: auto;
	margin-bottom: auto;
	margin-right: auto;
	padding-top: 10px;
	width: 100%;
	height: 98%;
	
}


#content	{
	width: 790px;
	height: 550px;
	position: auto;
	margin-left: auto;
	margin-right: auto;
	background: white;
}

#header	{
	margin-top: 40px;
	width: 790px;
	padding-bottom: 20px;
}

#main {
	width: 700px;
	padding-top: 20;
	margin-left: auto;
	margin-right: auto;
}

/* @group navbar */

#nav {
	clear: both;
	margin: -1px 0 0 0;
	padding: 0;
}

#navbar {
	width: 790px;
	height: 25px;
	padding: 0;
	position: relative;
	background: url(img/navbar.png) 0 -25px no-repeat;
}

#navbar li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#navbar li, #navbar a {
	height: 25px;
	display: block;
}

#home {left: 10px; width: 60px;}
#about {left: 71px; width: 96px;}
#services {left: 168px; width: 130px;}
#team {left: 299px; width: 100px;}
#news {left: 400px; width: 132px;}
#reviews {}
#directions {left: 533px; width: 90px;}
#reservations {left: 624px; width: 150px;}


#home a:hover {background: url(img/navbar.png) -10px 0px no-repeat;}
#about a:hover {background: url(img/navbar.png) -71px 0px no-repeat;}
#services a:hover {background: url(img/navbar.png) -168px 0px no-repeat;}
#team a:hover {background: url(img/navbar.png) -299px 0px no-repeat;}
#news a:hover {background: url(img/navbar.png) -400px 0px no-repeat;}
#reviews {}
#directions a:hover {background: url(img/navbar.png) -533px 0px no-repeat;}
#reservations a:hover {background: url(img/navbar.png) -624px 0px no-repeat;}

/* @end */

.footer {
	text-align: center;
	font-size: smaller;
}

.line {
	width: auto;
	height: 1px;
}

.text {
	padding: 40px 20px 0 40px;
	width: 350px;
}


/* @end */

/* @group centering */

#outer {
	width: 100%;
	height: 100%;
	display: table;
	vertical-align: middle;
}

#middle {
	text-align: center;
	position: relative;
	vertical-align: middle;
	display: table-cell;
	height: 550px;
}

#inner {
	width: 790px;
	height: 550px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
} 

/* for explorer only */
/* optional: #inner[id] {position: static;} */



/* @end */

/* @group page-main */

#photo-main {
	height: 341px;
	padding: 25px 0 0 0;
}

#logo {
	text-align: center;
}



/* @end */

/* @group page-about */

#content-about {
	width: 790px;
	height: 500px;
	background: url(/img/novo_about.jpg) right no-repeat;
}


/* @end */

/* @group page-services */



#menu-main {
	overflow: hidden;
}

.menu-section {
	margin: 0;
	padding: 0;
	float: left;
	width: 790px;
	height: 500px;
}

#menu-main .inset {
	float: left;
	margin: 25px;
	width: 560px;
	height: 450px;
	background-color: white;
}

#menu-main .inset .text {
	padding: 20px 15px;
	float: left;
	width: 530px;
	height: 410px;
}

.inset .details {
	float: left;
	width: 280px;
	height: 450px;
}

.list-background {
	float: left;
	margin: 0;
	padding: 0;
	width: 180px;
	height: 500px;
}

.divider {
	height: 18px;
}


table.menu {
	margin: 0 0 20px 0;
	border:  0;
  	border-collapse: separate;
  	border-spacing: 0;
  	font-size: 1.1em;
}

table.menu td { 
	border: 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
	line-height: 1.3em;
}


table.menu td.note {
	font-size: 0.9em;
}

table.menu td.servicetitle {
	width: 160px;
}

table.menu td.serviceprice {
	width: 60px;
	text-align: right;
}

table.menu tr.special td { 
	height: 1.5em;
	padding-left: 15px;;
}


/* @group tabs */

ul#menu-sections {
	z-index: 10;
	padding: 40px 0 0 0;
	margin: 0 -180px;
	float: left;
	width: 180px;
	height: 460px;
	background-color: none;
}


ul#menu-sections li {
	line-height: 20px;
}

ul#menu-sections a,
ul#menu-sections a:visited {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 0.1em;
}

ul#menu-sections li a:hover, {
	color: #444444;
}

ul#menu-sections li.ui-state-default:hover {  
	color: #444444;
}

ul#menu-sections li.ui-state-active a {  
	color: #444444;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}

ul#menu-sections span {
	display: block;
	margin-left: 20px;
	width: 160px;
	line-height: 20px;
}

ul#menu-sections span:hover {
	display: block;
	width: 180px;
	height: 20px;
	color: #444444;
}

/* @group cutting */

#cutting.menu-section {
	background-color: #cabed4;
}

#cutting .list-background {
	background-color: #a68bbd;
}

li.ui-state-active.cutting {  
	background-color: #cabed4;
}

li.ui-state-default.cutting:hover {  
	background-color: #cabed4;
}

/* @end */

/* @group color */

#color.menu-section {
	background-color: #edd9c4;
}

#color .list-background {
	background-color: #d5c1ad;
}

li.ui-state-active.color {  
	background-color: #edd9c4;
}

li.ui-state-default.color:hover {  
	background-color: #edd9c4;
}

/* @end */

/* @group blowout */


#blowout.menu-section {
	background-color: #cbeaf5;
}

#blowout .list-background {
	background-color: #91c9e7;
}

li.ui-state-active.blowout {  
	background-color: #cbeaf5;
}

li.ui-state-default.blowout:hover {  
	background-color: #cbeaf5;
}

/* @end */

/* @group treatments */


#treatments.menu-section {
	background-color: #fbd7db;
}

#treatments .list-background {
	background-color: #f39fa9;
}

li.ui-state-active.treatments {  
	background-color: #fbd7db;
}

li.ui-state-default.treatments:hover {  
	background-color: #fbd7db;
}

/* @end */

/* @group straightening */

#straightening.menu-section {
	background-color: #c0dbd6;
}

#straightening .list-background {
	background-color: #8ec2c0;
}

li.ui-state-active.straightening {  
	background-color: #c0dbd6;
}

li.ui-state-default.straightening:hover {  
	background-color: #c0dbd6;
}

/* @end */

/* @group waxing */

#waxing.menu-section {
	background-color: #dfdfdf;
}

#waxing .list-background {
	background-color: #b4b4b4;
}

li.ui-state-active.waxing {  
	background-color: #dfdfdf;
}

li.ui-state-default.waxing:hover {  
	background-color: #dfdfdf;
}

/* @end */


/* @end Tabs UI */

/* @end */

/* @group page-team */

#team-main {
	overflow: hidden;
}

.team-person {
	margin: 0;
	padding: 0;
	float: left;
	width: 790px;
	height: 500px;
}

#team-main .inset {
	float: left;
	margin: 25px;
	width: 560px;
	height: 450px;
	background-color: white;
}

.inset .text {
	padding: 20px 15px;
	float: left;
	width: 250px;
	height: 410px;
}

.inset .details {
	float: left;
	width: 280px;
	height: 450px;
}

.details .photo {
	width: 260px;
	margin: 0;
	padding: 10px;
}

.list-background {
	float: left;
	margin: 0;
	padding: 0;
	width: 180px;
	height: 500px;
}

.divider {
	height: 18px;
}

/* @group tabs */

ul#team-names {
	z-index: 10;
	padding: 40px 0 0 0;
	margin: 0 -180px;
	float: left;
	width: 180px;
	height: 460px;
	background-color: none;
}


ul#team-names li {
	line-height: 20px;
	display: block;
}

ul#team-names a,
ul#team-names a:visited {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 0.1em;
}

ul#team-names li a:hover, {
	color: #444444;
}

ul#team-names li.ui-state-default:hover {  
	color: #444444;
}

ul#team-names li.ui-state-active a {  
	color: #444444;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}

ul#team-names span {
	display: block;
	margin-left: 20px;
	width: 160px;
	line-height: 20px;
}

ul#team-names span:hover {
	display: block;
	width: 180px;
	height: 20px;
	color: #444444;
}



/* @group ravi */


#ravi.team-person {
	background-color: #cbeaf5;
}

#ravi .list-background {
	background-color: #91c9e7;
}

li.ui-state-active.ravi {  
	background-color: #cbeaf5;
}

li.ui-state-default.ravi:hover {  
	background-color: #cbeaf5;
}

/* @end */

/* @group jaclyn */

#jaclyn.team-person {
	background-color: #90bb90;
}

#jaclyn .list-background {
	background-color: #438c48;
}

li.ui-state-active.jaclyn {  
	background-color: #90bb90;
}

li.ui-state-default.jaclyn:hover {  
	background-color: #90bb90;
}

/* @end */



/* @group sarahb */

#sarahb.team-person {
	background-color: #c0dbd6;
}

#sarahb .list-background {
	background-color: #8ec2c0;
}

li.ui-state-active.sarahb {  
	background-color: #c0dbd6;
}

li.ui-state-default.sarahb:hover {  
	background-color: #c0dbd6;
}

/* @end */

/* @group tully */

#tully.team-person {
	background-color: #dfdfdf;
}

#tully .list-background {
	background-color: #b4b4b4;
}

li.ui-state-active.tully {  
	background-color: #dfdfdf;
}

li.ui-state-default.tully:hover {  
	background-color: #dfdfdf;
}

/* @end */

/* @group holly */


#holly.team-person {
	background-color: #fbd7db;
}

#holly .list-background {
	background-color: #f39fa9;
}

li.ui-state-active.holly {  
	background-color: #fbd7db;
}

li.ui-state-default.holly:hover {  
	background-color: #fbd7db;
}

/* @end */

/* @group julie */

#julie.team-person {
	background-color: #cabed4;
}

#julie .list-background {
	background-color: #a68bbd;
}

li.ui-state-active.julie {  
	background-color: #cabed4;
}

li.ui-state-default.julie:hover {  
	background-color: #cabed4;
}

/* @end */

/* @group stefani */

#stefani.team-person {
	background-color: #edd9c4;
}

#stefani .list-background {
	background-color: #d5c1ad;
}

li.ui-state-active.stefani {  
	background-color: #edd9c4;
}

li.ui-state-default.stefani:hover {  
	background-color: #edd9c4;
}

/* @end */

/* @group denise */

#denise.team-person {
	background-color: #ebedaf;
}

#denise .list-background {
	background-color: #e9cf64;
}

li.ui-state-active.denise {  
	background-color: #ebedaf;
}

li.ui-state-default.denise:hover {  
	background-color: #ebedaf;
}

/* @end */



/* @group mary */

#mary.team-person {
	background-color: #d0ecb9;
}

#mary .list-background {
	background-color: #62bb80;
}

li.ui-state-active.mary {  
	background-color: #d0ecb9;
}

li.ui-state-default.mary:hover {  
	background-color: #d0ecb9;
}

/* @end */

/* @group fred */

#fred.team-person {
	background-color: #d95c53;
}

#fred .list-background {
	background-color: #c13c31;
}

li.ui-state-active.fred {  
	background-color: #d95c53;
}

li.ui-state-default.fred:hover {  
	background-color: #d95c53;
}

/* @end */


/* @end Tabs UI */
/* @end page-team */

/* @group page-news */

#content-news {
	width: 790px;
	height: 500px;
}

#content-news .text {
	width: 600px;
}

/* @end */

/* @group page-directions */

#directions-details {
	width: 790px;
	height: 158px;
}

#directions-details .text {
	float: left;
	width: 450px;
}

#maps-links {
	padding: 40px 20px 0 40px;
}

#googlemap {
	display: none;
}

#map {
	margin: 20px 40px;
	
}

/* @end */

/* @group page-reservations */

#reservations-details {
	width: 790px;
	height: 160px;
}


#reservations-details .text {
	float: left;
	width: 450px;
}

#reservations-details #contact-details {
	float: left;
	padding: 20px 20px 0 40px;
}

#photo-reservations {
	width: 790px;
	height: 340px;
}

#reservations-details a.email {
	font-weight: normal;
	text-decoration: none;
}

#reservations-details a.email:hover {
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px black dotted;
	
}

/* @end */



/* @group page-social */

#content-social {
	width: 790px;
	height: 500px;
}

#social-left .text,
#social-right .text {
	width: 330px;
	padding: 40px 10px 0 10px;
}

#social-left {
	float: left;
	display: block;
	width: 45%;
	height: 400px;
	margin: 0 0 0 40px;
}

#social-right {
	float: left;
	width: 40%;
	padding: 0 10px 0 20px;
}

/* @end */