@charset "UTF-8";
/* CSS Document */
/* Written by Matthew Moore on May 13th, 2009 */
/* Visit my site at matthewmooredesign.com */

/* RESET */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-weight: normal; font-style: normal; color: #FFFFFF }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/* GENERAL */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #332c2e;
	}
	
a:link, a:visited { font-size: 9pt; color: #0294cb; font-weight: bold; text-decoration: none; }
a:hover { color: #0294cb; font-weight: bold; text-decoration: underline; }
a:active { color: #0294cb; font-weight: bold; text-decoration: underline; }

#base { width: 100%; min-height: 650px; float: left; padding-bottom: 40px; background: url(../img/bgMain.gif) repeat-x bottom #fff;}
#wrapper { width: 960px; margin: 0 auto; }
#wrapper_left { width: 70px; margin: 0; padding: 0; float: left; }
#wrapper_left .icon { padding-top: 20px; }
#wrapper_right { width: 890px; margin: 0; padding: 0; float: left; }
#wrapper_right .logo { padding-top: 30px; float:left;}
#wrapper_right h1 { /*text-indent: -2000px;*/ }
.billboard { }
#content { margin-top: 20px; }
#content p { font-size: 10pt; line-height: 16pt; margin-bottom: 15px; color: #555; }
#content h2 { font-size: 14pt; font-weight: bold; color: #000; margin: 20px 0; }
#content h3 { font-size: 13pt; font-weight: bold; margin-bottom: 10px; color: #000; }
#content h4 { font-size: 11pt; font-weight: bold; color: #000; }
#content h5 { font-size: 10pt; font-style: italic; color: #888; }
#content_home { margin-top: 20px; }
#content_home p { font-size: 10pt; line-height: 16pt; margin-bottom: 20px; color: #555; }
#content_home a:link { font-size: 9pt; margin-top: 20px; font-weight: bold; color: #0294cb; }
#content_home h3 { font-size: 12pt; margin-bottom: 15px; font-weight: bold; color: #000; }
.column1 { width: 256px; padding: 0 26px 0 0; border-right: 1px solid #ccc; float: left; }
.column2 { width: 262px; padding: 0 26px; border-right: 1px solid #ccc; border-left: 1px solid #fff; float: left; }
.column3 { width: 256px; padding: 0 0 0 26px; border-left: 1px solid #fff; float: left; }
.column4 { width: 418px; padding: 0 26px 0 0; border-right: 1px solid #ccc; float: left; }
.column5 { width: 418px; padding: 0 0 0 26px; border-left: 1px solid #fff; float: left; }
.column6 { width: 586px; padding: 0 26px 0 0; border-right: 1px solid #ccc; float: left; }
.column7 { width: 250px; padding: 0 0 0 26px; border-left: 1px solid #fff; float: left; }
.column8 { width: 800px; float: left; }
#footer_base { width:100%; float: left; padding-top: 20px; background: url(../img/bgFooter.gif) repeat-x top #666;}
#footer { width: 960px; height:100px; margin: 0 auto; text-align: center; }
#footer p { font-size: 8pt; line-height: 15px; color: #fff; }
#footer ul { font-weight: bold; list-style-type: none; color: #fff; font-size: 8pt; }
#footer li { margin-bottom: 4pt; line-height: 16px; }
#footer .copyright { color: #ccc; }
#footer .copyright a:link { color: #ccc; font-weight: normal; font-size: 8pt; }
#footer .copyright a:visited { color: #ccc; font-weight: normal; font-size: 8pt; }
#appt { width: 188px; height: 32px; margin-left: 67px; /*text-indent: -9000px;*/ }
#appt a:link, #appt a:visited { display: block; height: 32px; }
#appt a:hover { text-decoration: none; }
.book_appointment { background:url(../img/btnBookAppointment.gif) no-repeat left top; width: 188px; }
a.book_appointment:hover { background:url(../img/btnBookAppointment.gif) no-repeat left top; background-position: 0 -32px; }
.footer1 { width: 252px; float: left; padding-left: 67px; text-align: left; }
.footer1 img { float: left; margin-right: 5px; }
.footer1 a:link { text-decoration: none; font-weight: bold; color: #fff; font-size: 8pt; }
.footer1 a:visited { text-decoration: none; font-weight: bold; color: #fff; font-size: 8pt; }
.footer1 a:hover { text-decoration: underline; font-weight: bold; color: #fff; font-size: 8pt; }
.footer1 a:active { text-decoration: underline; font-weight: bold; color: #fff; font-size: 8pt; }
.footer2 { width: 322px; padding: 0 26px; float: left; text-align: center; }
.footer3 { width: 252px; float: left; text-align: right; }
.footer3 img { float: right; margin-left: 5px; }
.footer3 a:link { text-decoration: none; font-weight: bold; color: #fff; font-size: 8pt; }
.footer3 a:visited { text-decoration: none; font-weight: bold; color: #fff; font-size: 8pt; }
.footer3 a:hover { text-decoration: underline; font-weight: bold; color: #fff; font-size: 8pt; }
.footer3 a:active { text-decoration: underline; font-weight: bold; color: #fff; font-size: 8pt; }

/* NAVIGATION */

#navigation { width: 408px; height: 31px; /*text-indent: -9000px;*/ float: right; text-align: left; padding-top: 30px; }
#navigation ul { height:31px; margin: 0; padding: 0; list-style-type:none; }
#navigation ul li { float:left; margin-left: 31px; list-style-type:none; }
#navigation li a:link, #navigation li a:visited { display:block; height:31px; }
#navigation li a:hover { text-decoration:none; }
.details {background:url(http://www.edwardssalon.com/img/navDetails.gif) no-repeat left top; width:43px;}
a.details:hover {background:url(http://www.edwardssalon.com/img/navDetails.gif) no-repeat left top; background-position: 0 -31px;}
.services {background:url(http://www.edwardssalon.com/img/navServices.gif) no-repeat left top; width:53px;}
a.services:hover {background:url(http://www.edwardssalon.com/img/navServices.gif) no-repeat left top; background-position: 0 -31px;}
.stylists {background:url(http://www.edwardssalon.com/img/navStylists.gif) no-repeat left top; width:46px;}
a.stylists:hover {background:url(http://www.edwardssalon.com/img/navStylists.gif) no-repeat left top; background-position: 0 -31px;}
.products {background:url(http://www.edwardssalon.com/img/navProducts.gif) no-repeat left top; width:59px;}
a.products:hover {background:url(http://www.edwardssalon.com/img/navProducts.gif) no-repeat left top; background-position: 0 -31px;}
.location {background:url(http://www.edwardssalon.com/img/navLocation.gif) no-repeat left top; width:52px;}
a.location:hover {background:url(http://www.edwardssalon.com/img/navLocation.gif) no-repeat left top; background-position: 0 -31px;}
.store {background:url(http://www.edwardssalon.com/img/navStore.gif) no-repeat left top; width:78px;}
a.store:hover {background:url(http://www.edwardssalon.com/img/navStore.gif) no-repeat left top; background-position: 0 -31px;}
.active_details { background:url(http://www.edwardssalon.com/img/navDetails.gif) no-repeat left top; width:43px; background-position: 0 -62px; }
.active_services { background:url(http://www.edwardssalon.com/img/navServices.gif) no-repeat left top; width:53px; background-position: 0 -62px; }
.active_stylists { background:url(http://www.edwardssalon.com/img/navStylists.gif) no-repeat left top; width:46px; background-position: 0 -62px; }
.active_products { background:url(http://www.edwardssalon.com/img/navProducts.gif) no-repeat left top; width:59px; background-position: 0 -62px; }
.active_location { background:url(http://www.edwardssalon.com/img/navLocation.gif) no-repeat left top; width:52px; background-position: 0 -62px; }
.active_store { background:url(http://www.edwardssalon.com/img/navStore.gif) no-repeat left top; width:78px; background-position: 0 -62px; }


.clear { clear: both; }



/* Z-index of #mask must lower than #boxes .window */  
#mask {  
	position:absolute;  
	z-index:9000;  
    background-color:#000;  
    display:none;  
}  
     
#boxes .window {  
   position:absolute;  
   width:440px;  
   height:200px;  
   display:none;  
   z-index:9999;  
   padding:20px;  
}  

      
/* Customize your modal window here, you can add background image too */  
#boxes #dialog {  
   width:375px;   
   height:203px;  
}