/* Aurora Salon & Spa

			Table of Contents:
				global
				layout
				typography
				nav
				footer
*/

/* global
----------------------------------------------*/
* {
	margin: 0; 
	padding: 0;
}
img{
	border: none;
}

/* layout
----------------------------------------------*/
body{
	background: white url(../images/bg_2200x680.gif) top center no-repeat;
	font-family: arial, tahoma, sans-serif;
	font-size: 62.5%;
	color: black;		
}
#wrapper{
	width: 900px;
	margin: 0 auto;
}
#header{
	position: relative;
	height: 268px;
}
#contentarea{
	margin-top: 30px;
	padding: 0;
}
#content-left{
	float: left;
	width: 470px;
	margin: 0px 0px 0px 20px;
	display: inline;
}
#content-right{
	float: right;
	width: 334px;
	margin: 0 41px 0 0;
	display: inline;
}
#hair-wrapper{
	width: 470px;
	margin: 0 auto;
}
#contact-wrapper{
	width: 470px;
	margin: 0 auto;
}
#contact-left{
	float: left;
	width: 75px;
}
#contact-right{
	float: right;
	width: 350px;
}
#spa-left{
	float: left;
	width: 175px;
}
#spa-right{
	float: right;
	width: 220px;
}
#hair-left{
	float: left;
	width: 150px;
}
#hair-right{
	float: right;
	width: 170px;
}
#footer{
	clear: both;
	margin-top: 60px;
	border-top: 1px dotted #52344D;
}
		
/* typography
----------------------------------------------*/
h1, h2, h3, h4, h5, h6{ 
	margin: 0;	
	font-family: Georgia, serif;
	font-weight: normal;
}

h1 {
	font-size: 3.2em;
	color: #52344D;
}
h2 {
	font-style: italic;
	border-bottom: 1px dotted #52344D;
	font-size: 2.1em;
	color: #D1A449;
}
h3 {
	font-size: 1.8em;
	color: #D1A449;
}
h4 {
	font-size: 3.2em;
	border-bottom: 1px dotted #52344D;
	color: #52344D;
}
h5 {
	border-bottom: 1px dotted #52344D;
	font-size: 2.1em;
	color: #52344D;
}
h6 {
	font-size: 1.8em;
	color: #52344D;
}
p{
	font-size: 1.4em;
	line-height: 2.4em;
}
p2{
	font-size: 1.4em;
	line-height: 1.6em;
}
p3{
	font-size: 1.1em;
	line-height: 1.6em;
}
#contentarea{
	line-height: 1.6;
}
#footer{	
	text-align: center;
}

a{color: #000; font-size: 1em; text-decoration: none;}

a:link{}
a:visited{}
a:hover, a.style1:hover {text-decoration: underline;}
a:active, a.style1:active{text-decoration: underline;}

a.style1{color: #D1A449; font-size: 1em;}

.text_bullets { color: #52344D; 
				font-size: 1.6em;
				font-family: Georgia, serif; 
				line-height: 2.2em; 
				padding-left: 3px; 
				list-style-type: square; 
				list-style-position: inside; 
				display: list-item;
				text-decoration: none; }
.text_bullets2 { color: #000000; 
				font-size: 1.4em;
				font-family: arial, tahoma, sans-serif; 
				line-height: 2.4em; 
				padding-left: 3px; 
				list-style-type: square; 
				list-style-position: inside; 
				display: list-item;
				text-decoration: none; }

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 3px 0 5px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 100px;
}

.id2{
border: 1px solid #fabd58;
background: #efdfbf;
padding: 1px;
font-family: Georgia, serif;
font-size: 1.1em;
color: #52344d;
}

#domticker2{
width: 350px;
height: 1.2em;
padding: 3px;
}

#domticker2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}

/* clearfix
----------------------------------------------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display:inline-block;} /*IE7*/
/* Hide from IE Mac \*/
.clearfix {display:block;}
* html .clearfix {height: 1%;}
/* End hide from IE Mac */