@charset "UTF-8";

/* begin page styles */

body {
	background: #FFF url(../_images/maincontent/backgroundpattern.jpg) repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
#container {
	width: 90%;  /* this will create a container 90% of the browser width */
	margin: 120px auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	width: expression( document.body.clientWidth > 1049 ? "1050px" : "auto" ); /* sets max-width for IE */
    max-width: 1050px; /* this sets the max-width value for all standards-compliant browsers */
	width: expression( document.body.clientWidth < 701 ? "700px" : "auto" ); /* set min-width for IE */
    min-width: 700px; /* sets min-width value for all standards-compliant browsers */
	position:relative;
	z-index: 0;
}
#header {
	background: url(../_images/maincontent/mialogo.png) 5% 100% no-repeat;
	height: 100px;
	margin-left:150px;
}
#mainContent {
	margin: 0 20px;
	padding: 1px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image: url(../_images/maincontent/divfill.png);
	z-index:8;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}
#bodyContent {
	padding: 0 100px 50px 100px;
	font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: left;
	color:#666;
}
#footer {
	font-family:"Times New Roman", Times, serif;
	font-size: 13px;
	text-align:center;
	color:#630;
	letter-spacing: 4px;
	width:75%;
	position:relative;
	top: 10px;
	z-index: 7;
	margin:0;
	padding:0;
}

/* begin graphic styles */

#leftscrollback {
	background: url(../_images/maincontent/leftscrollback.png) 0 0 no-repeat;
	width:237px;
	height:195px;
	position:absolute;
	top: -50px;
	left: -14px;
	z-index:1;
}
#rightscrollback {
	background: url(../_images/maincontent/rightscrollback.png) 100% 100% no-repeat;
	width: 390px;
	height: 438px;
	position:absolute;
	bottom: -90px;
	right: -156px;
	z-index:2;
}
#leftscrollfront {
	background: url(../_images/maincontent/leftscrollfront.png) 0 0 no-repeat;
	width:237px;
	height:195px;
	position:absolute;
	top: -50px;
	left: -14px;
	display:inline;
	z-index:5;
}
#rightscrollfront {
	background: url(../_images/maincontent/rightscrollfront.png) 100% 100% no-repeat;
	width: 390px;
	height: 438px;
	position:absolute;
	bottom: -90px;
	right: -156px;
	display:inline;
	z-index:6;
}
#sitecredit {
	height:100px;
	width:100px;
	position:fixed;
	bottom:0px;
	right:0px;
	margin:0;
	padding:0;
	z-index:6;
	background:url(../_images/maincontent/MRsitecredit.png) bottom right no-repeat;
	background-attachment:fixed;
}
#sitecredit a {
	width:160px;
	height:96px;
	display:block;
	text-indent:-9999px;
}

/* begin drop shadow styles */

#tl {
	background: url(../_images/maincontent/shadow_TL.png) 0 0 no-repeat;
	z-index:3;
	position:relative;
}
#tr {
	background: url(../_images/maincontent/shadow_TR.png) 100% 0 no-repeat;
}
#bl {
	background: url(../_images/maincontent/shadow_BL.png) 0 100% no-repeat; 
}
#br {
	background: url(../_images/maincontent/shadow_BR.png) 100% 100% no-repeat;
}
#t {
	background: url(../_images/maincontent/shadow_T.png) 0 0 repeat-x;
	margin: 0 20px;
	height: 20px;
}
#l {
	background: url(../_images/maincontent/shadow_L.png) 0 0 repeat-y;
}
#r {
	background: url(../_images/maincontent/shadow_R.png) 100% 0 repeat-y;
}
#b {
	background: url(../_images/maincontent/shadow_B.png) 0 0 repeat-x;
	height: 20px;
	margin: 0 20px;	
}

/* begin Main Nav CSS */

#main_nav_container {
	height: 25px;
	width: 71%;
	margin: 40px 12px 0 0;
	float:right;
	text-align:center;
	display:inline;
}
.main_nav_button {
	float: left;
	padding: 0;
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration:none;
	letter-spacing: 1px;
}
.main_nav_button a{
	color:#630;
	text-decoration:none;
}
.main_nav_button a:hover{
	color:#963;
}
.main_nav_active_button {
	float: left;
	padding: 0;
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration:none;
	letter-spacing: 1px;
}
.main_nav_active_button a{
	color:#963;
	text-decoration:none;
}
.main_nav_active_button a:hover{
	color:#000;
}
#new {
	width: 15%;
}
#salon {
	width: 21%;
}
#boutique {
	width: 25%;
}
#spa {
	width: 15%;
}
#bridal {
	width: 24%;
}
#whoweare {
	width: 34%;
}
#contact {
	width: 29%;
}
#gallery {
	width: 33%;
}
hr {
	margin: 0;
	padding: 0;
	border: none;
	border-top: 1px dotted #C9B47D;
	width: 90%;
	padding-bottom: 4px;
	margin-left: 16px;
}

/* begin body styles */

#bodyContent h1 {
	font: 36px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#666;
	text-align:center;
}
#bodyContent h2 {
	font: bold 14px "Arial", Helvetica, sans-serif;
	color:#666;
	text-align:left;
	margin-bottom: -12px;
}
img.staff {
	margin: 0 30px 20px 0;
}
.gmaps {
	margin: 30px 20px 20px 0;
}
.priceleft {
	padding: 15px 0 15px 0;
	width:200px;
	float:left;
	text-align:right;
}
.priceright {
	padding: 15px 0 15px 0;
	float:right;
	text-align:left;
	width:90px;
}