/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100.01%/120% Georgia, "Times New Roman", Times, serif;
		height: 100%;
}
body {
	background: #003231 url("images/pattern-background.jpg") repeat-x top left;
	font-size: 1em;
	color: #83725B;
	height: 100%;
	width: 100%;
}
a {
	color: #6cc;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Clean up ul and li*/
ul {margin:0;display:block;}
li {list-style:none;float:left;display:block;}


/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}
img {border: 0px;}
 

/*----------------------------------------------------*/

/* main layout */
#container {
	height:100%;
	width: 100%;
	background: transparent url("images/overlay-background.jpg") no-repeat top left;
}

#main {width:1003px;}

#left {
	color: #6ff;
	font: normal normal normal 12px/17px Georgia, "Times New Roman", Times, serif;
	float: left;
	padding: 294px 0 0 23px;
	width: 174px;
}
#left a:link {color: #cf6;}
#left a:visited {color: #cf6;}
#left a:hover {color: #fff;}

#hours {
	color: #fff;
	margin: 26px 0 0 0;
}
#contact {margin: 46px 0 0 0;color: #3A1900;}

#right {
	float: left;
	padding: 196px 3px 0 3px;
	width:800px;
}

#menu-container {
	padding: 0;
	margin: -4px 0 6px 0;
}
.home {margin: 0 0 0 50px;}
.our-services {margin: 0 0 0 90px;}
.our-staff {margin: 0 0 0 90px;}
.about-salon-v {margin: 0 0 0 90px;}

#content-box {
	background-color:#fff;
	padding: 20px 0;
	width: 800px;
}
.left-image-beige,
.left-image-beige-2 {
	height: 280px;
	background-color: #F5FFBC;
	margin: 0 20px;
	width: 760px;
}
.left-image-beige-2 {height: 350px;padding-left:10px;width:750px;}
.left-image-beige-2 .header,
.left-image-beige .header {
	color: #630;
	font: normal normal normal 24px/36px Tahoma, Arial, Helvetica, sans-serif;
}

.light-blue-content-with-shadow {
	background: #D4FFE5 url("images/shadow.png") no-repeat top left;
	color: #4C6662;
	font-size: 14px !important;
	line-height: 21px !important;
	margin: 0 20px;
	padding: 30px 30px 30px 30px;
	width: 700px;
}
.light-blue-content .header,
.light-blue-content-with-shadow .header {
	color: #399;
	font: normal normal normal 24px/36px Tahoma, Arial, Helvetica, sans-serif;
}


.dark-blue-content-with-shadow {
	background: #6CC url("images/shadow.png") no-repeat top left;
	color: #0D433D;
	font-size: 14px !important;
	line-height: 21px !important;
	margin: 0 20px;
	padding: 30px 30px 80px 30px;
	width: 700px;
}

.dark-blue-content .header,
.dark-blue-content-with-shadow .header {
	color: #FFF;
	font: normal normal normal 24px/36px Tahoma, Arial, Helvetica, sans-serif;
}
.dark-blue-content-with-shadow .header-2 {
	color:#d4ffe5;
	font: normal normal normal 20px/31px Tahoma, Arial, Helvetica, sans-serif;
}

.light-blue-content,
.dark-blue-content {
	background-color: #6CC;
	color: #0D433D;
	margin: 0 20px;
	width: 760px;
	font-size: 14px !important;
	line-height: 21px !important;	
}
.light-blue-content {background-color:#D4FFE5;color: #4C6662;}

.dark-blue-content .inner-padding-shadow {
	margin-top:-4px;
	padding: 20px 30px 40px 30px;
	background-image:url(images/shadow.png);
	background-position:top left;
	background-repeat:no-repeat;
}
.inner-padding {
	padding: 20px 30px 40px 30px;
}

ul.content-list {width: 720px;}

li {
	margin: 0; 
	padding: 0;
}


li.sub-content {width:495px;}

li.true-345 {width:345px;}
li.true-345-with-margin {width:345px;margin-left:30px;}


.copy-left-columns,
.copy-left-columns-2 {
	color: #630;
	font-size: 14px !important;
	line-height: 21px !important;
	margin: 20px 0 0 20px;
}
.copy-left-columns-2 {margin: 0 20px 0 0;width: 400px;color:#4C6662;}
.copy-columns ul li {width: 495px;}

#copy-area {
	color: #ACD956;
	text-align: center;
	height: 66px;
	font: normal normal normal 16px/18px Futura, Arial, Helvetica, sans-serif;
	padding: 48px 0 0 0;
}

.sub-text{
	font-size: 10px;
	line-height: 18px;
}
.bolder{
	font-weight:bold;
}

.clear {clear: both;}

#footer {
	/*position:absolute;*/
	width:100%;
	/*bottom:0;  stick to bottom */
	color: #fff;
    margin: 0;
	clear:both;
	height: 23px;
	text-indent: 197px;
	padding: 0;
	background-color: #2C6E59;
} 
#footer-content {
	float: left;
	font: 700 normal normal 10px/23px Verdana, Arial, Helvetica, sans-serif;
	width: 400px;
}
#footer-container {width: 1197px;}

#footer .normal {font-weight: normal;}

a.footer-link {color:#fff;text-decoration:none;}
a.footer-link:hover {color:#6CC;text-decoration:none;}

img.framed {border: 11px solid #FFF;}

div#shop-aveda {
	margin: 38px 0 0 0;
}


#footer img {padding: 6px 0 0 0;}
#footer .flycasual,
#footer .seamless {
	float:left;
	display:inline;
	text-indent: 12px;
	margin:0;
	padding:0;
}
#footer .seamless {text-indent: 8px;}

#footer .w3c {
	float: left;
	font: 700 normal normal 10px/23px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	text-indent: 0;
	width: 547px;
}

legend {font-weight:700;display:block;}
a.admin {
	color: #fff !important;
	text-decoration:underline;
}	

div.e-ease p {margin:0;padding:0;}
div.e-ease img {border: 11px solid #FFF;margin:0 20px;}