﻿/* SALON MONZER
Brand Colours:				Panetone		Hex
Dark									2695				330066 ?
Light
Very Light												F2E5FF
----------------------------------------------- */

li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

ul {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

ol {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

dd {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

dt {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

dl {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}


img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

font {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}


p {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

h5 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

h4 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

h3 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

h2 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

h1 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

iframe {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

object {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

span {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

div {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

html {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
.clear{
	float: none;
	clear: left;
}
body {
	line-height: 1;
	color: #666;
	background: white;
}
ul {
	list-style: none;
}
ol {
	list-style: none;
}
div.clear{
	clear: left;
}


/* STRUCTURE: body, main, content, header, and footer
----------------------------------------------- */
body{
	font-size: 13px;
	font-family: arial;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	height:100%; /* 100 % height */
}
html {
	margin:0;
	padding:0;
	height:100%; /* 100 % height */
}
/* Header */
#logo_container{
	position: relative;
	width: 960px;
}
#logo{
	float: right;
	right: 0px;
	position: absolute;
	top: 165px;
}
#header_wrap {
	position: fixed;
	z-index: 10; /* Prevent certain problems with form controls */;
	width: 100%;
	height: 155px;
	background-color: #FFF;
	left: 0px;
	color: #FFFFFF;
	background-image: url('images/widehair.png');
	background-repeat: no-repeat;
}
#subheader_wrap {
	position: fixed;
	z-index: 5; /* Prevent certain problems with form controls */;
	width: 100%;
	height: 210px;
	background-repeat: no-repeat;
	background-color: #330066;
	left: 0px;
	border-bottom-color: #FFFFFF;
	border-bottom-width: thin;
	border-bottom-style: solid;
}
#navigation {
	position: fixed;
	z-index: 2; /* Prevent certain problems with form controls */;
	width: 100%;
	height: 230px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	float: right;
	left: 0px;
	border-bottom-color: #FFFFFF;
	border-bottom-width: thick;
	border-bottom-style: solid;
}
#navigationbar {
	position: absolute;
	top: 210px;
	left: 50px;
	margin-top: 5px;
	margin-bottom: 3px;
	line-height: 12px;
}
.menuitem {
	float: left;
	text-align: center;
	padding-right:40px;
	width: 90px;
	height: 45px;
	color: #330066;
	height: 14px;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-decoration: none;
	overflow: hidden;
}
.menuitem a {
	color: #330066;
}

.menuitem a:hover {
	border-bottom: 1px dotted #330066;
}
.menulabel {
	float: left;
	padding-right:40px;
	width: 70px;
	height: 45px;
	color: #666666;
	height: 14px;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-decoration: none;
}

#header strong{
	font-weight: bold;
}
#header p{
	position: relative;
	top: 10px;
	float: left;
}

#header a{
	color: #FFFFFF;
	text-transform:uppercase;
}

#header a:hover{
	text-decoration: none;
}


/* Actual core site content */
#container {
	height: 100%;
	width: 960px;
	left: 50px;
	margin: 0px auto;
	background-color: #fff;
	position: absolute;
} /* 100 % height */

#content {
	position: absolute;
	padding-bottom: 190px;
	top: 240px;
}

/* Footer */
#facebook_like{
	position: absolute;
	left: 50px;
}
#phone_footer{
	position: absolute;
	float: right;
	right: 0px;
}
.clear { 
	clear:both;
}
#footer{
	margin: 3px auto 0px auto;
	width: 960px;
	height: 14px;
	color: #FFFFFF;
}
#footer_wrap {
	border-top: thin #330066 dotted;
	position: fixed;
	bottom: 0;
	z-index: 12; /* Prevent certain problems with form controls */;
	height: 34px;
	width: 100%;
	background-color: #BFB2CC;
	left: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}

a{
	text-decoration: none;
	color: #775FAB;

}
a:hover{
	color: #775FAB;
}


h1{
	color: #666;
	font-weight: lighter;
	text-transform: uppercase;
	font-size: 36pxm;
}
h2{
	color: #666;
	font-weight: lighter;
	text-transform: uppercase;
	font-size: 2em;
}
h3{
	font-size: 2em;
}

h4{
	font-size: 1em;
}



/* Focus Column
----------------------------------------------- */
#focus{
	width: 560px;
}

div#focus ul{
	float: left;
}

div#focus ul li{
	margin-bottom: 12px;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
div#focus h1#title{
	margin-top: 10px;
	margin-bottom: 10px;
	height: 14px;
	font-size: 24px;
	color: #330066;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

div#focus h2{
	height: 13px;
	font-size: 13pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 15px;
	color: #330066;
}

div#focus h3{
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #330066;
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 10px;
}


div#focus a{
	color: #775FAB;
}

div#focus a:hover{
	text-decoration: underline;
	color: #775FAB;
}

/* Table */

table, caption, tbody, tfoot, thead, tr, th, td {
	padding-bottom: 4px;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	width:100%;
	vertical-align: top;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	padding-right: 20px;
	vertical-align: text-top;
}
.column_hours {
	width: 160px;
}
.column_appointments {
	width: 120px;
}
.column_location {
	width: 160px;
}
th{
	color: #4C4C4C;
	vertical-align: text-top;
	text-transform: uppercase;
	font-size: 11px;}
.gender{
	color: #306;
	text-transform: uppercase;
	font-size: 11px;
	vertical-align: text-top;
	padding-top: 5px;
}

/* sidebar
----------------------------------------------- */
#sidebar{
	position: absolute;
	width: 330px;
	left: 600px;
	border-left: 1px dotted #CCB2E5;
}
#sidebar #moduletitle{
	padding: 5px;
	background-color: #330066;
	vertical-align: middle;
	height: 20px;
}
#module{
	width: 300px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 5px;
}
#first_module{
	width: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 5px;
}
#last_module{
	width: 300px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 5px;
}
div#last_module h3{
	margin-top: 200px;
}
#sidebar ul li{
	margin-bottom: 7px;
}
#sidebar h1#title{
	margin-bottom: 3px;
	height: 14px;
	font-size: 22px;
	color: #330066;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#sidebar li#allcaps{
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 10px;
	font-size: 8px;
	color: #FFFFFF;
}

#sidebar h2{
	height: 13px;
	font-size: 13pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 15px;
	color: #4C4C4C
}

#sidebar h3{
	height: 11px;
	font-size: 8pt;
	color: #330066;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 5px;
	padding-bottom: 5px;
}

#sidebar a{
	text-decoration: none;
}
#sidebar a:hover {
	border-bottom: 1px dotted #999;
}
div#focus ol{
	float: left;
}

div#focus ol li{
	margin-bottom: 12px;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
ol.tumblr_posts {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
li.tumblr_post {
	margin: 20px 0px 0px 0px;
}
li.tumblr_photo_post {
	vertical-align: baseline;
	margin: 20px 0px 0px 0px;
	border-top: thin #F2E5FF dotted;
}
li.tumblr_quote_post {
	vertical-align: baseline;
	margin: 20px 0px 0px 0px;
	border-top: thin #F2E5FF dotted;
}
li.tumblr_link_post {
	vertical-align: baseline;
	margin: 20px 0px 0px 0px;
}
.tumblr_caption {
	font-style: italic;
	margin: 20px 0px 0px 0px;
}
.tumblr_title {
	font-size: 44px;
	font-style: italic;
	font-family: Georgia;
	vertical-align: baseline;
	margin: 20px 0px 0px 0px;
}
.tumblr_body {
	margin: 20px 0px 0px 0px;
}
.tumblr_quote {
	font-size: 44px;
	font-style: italic;
	font-family: Georgia;
	vertical-align: baseline;
	margin: 20px 0px 0px 0px;
}
.tumblr_source {
	font-style: italic;
	margin: 20px 0px 0px 0px;
	text-align: right;
}
.tumblr_link {
	margin: 20px 0px 0px 0px;
}
.tumblr_photo {
	border: 5px #F2E5FF solid;
	margin: 20px 20px 0px 0px;
}