/*=======================================================
 CSS Document for Gatineau
=======================================================*/

@import url("global.css");
/* @import url("thickbox.css"); */
.hidden { display: none; }
.show { display: inline-block; visibility: visible; }

/*=============================================================
	Header - nav + logo + banner
=============================================================*/

#header-bg { width: 100%; height: 140px; clear: both; background: url('../images/core/header-bg.jpg') no-repeat 50% 0%; display:block;}
#header { width: 920px; height: 140px; margin: 0 auto; clear: both; display:block; }
div#logo { width:300px; height:100px; margin:0 auto; clear: both; }

/*navigation*/
ul#nav { margin:0; list-style:none; width: 720px; height: 40px; display:inline-block; float: left;}
ul#nav li  { list-style:none; display: block; float: left;}
ul#nav a { height: 40px; overflow: hidden; text-indent: -999em; display: block; float: left; }
ul#nav a:hover { background-position: 0 -40px!important; }

a#navhome { background: url('../images/nav/nav-home.gif') no-repeat 0 0; width: 55px; }
a#navhistory { background: url('../images/nav/nav-history.gif') no-repeat 0 0; width: 80px; }
a#navskin { background: url('../images/nav/nav-skintypes.gif') no-repeat 0 0; width: 95px; }
a#navfacials { background: url('../images/nav/nav-facials.gif') no-repeat 0 0; width: 80px; }
a#navtreatments { background: url('../images/nav/nav-treatments.gif') no-repeat 0 0; width: 110px; }
a#navspecials { background: url('../images/nav/nav-specials.gif') no-repeat 0 0; width: 80px; }
a#navproducts { background: url('../images/nav/nav-products.gif') no-repeat 0 0; width: 95px; }
a#navfaq { background: url('../images/nav/nav-faq.gif') no-repeat 0 0; width: 57px; }
a#navnews { background: url('../images/nav/nav-news.gif') no-repeat 0 0; width: 63px; }
a#navcontact { background: url('../images/nav/nav-contact.gif') no-repeat 0 0; width: 85px; }

/*shopping cart nav*/
#cartarea { width: 200px; height: 40px; display:block; float:right; }
#cartarea span { width:130px; display: block; float:right; padding-top:13px; text-align:right; font-size:0.9em; color:#c9899f;}
#cartarea a { background: url('../images/nav/nav-cart.gif') no-repeat 0 0; width: 70px; height: 40px; overflow: hidden; text-indent: -999em; display: block; float: right;}
#cartarea a:hover { background-position: 0 -40px!important; }

body#homepage a#navhome, body#historypage a#navhistory, body#skinpage a#navskin, body#facialspage a#navtreatments, body#specialspage a#navspecials, body#productspage a#navproducts, body#faqpage a#navfaq, body#newspage a#navnews, body#contactpage a#navcontact, body#cartpage #cartarea a { background-position: 0 -40px!important; }

/*=============================================================
	Main body - left + right + banner
=============================================================*/

#flash-container { width: 100%; height: 430px; display: block; overflow: hidden; clear: both; margin:0 auto; background: url('../images/core/flash-bg.jpg') no-repeat 50% 0; position: relative; z-index: 5; }
#flash { width: 100%; height: 430px; display: block; position: relative; z-index: 5; margin: 0 auto;  }
#flash-content { width: 920px; height: 215px; display: block; margin: -215px auto 215px auto; position: relative; z-index:30; }

body#homepage h1 { float:left; }
body#homepage #text { width:760px; float:right;}
#content-bg { width: 100%; clear: both; background: url('../images/core/content-bg.jpg') no-repeat 50% 0% #390017; display:block;}
/*body#productspage #content-bg {background: url(../images/core/product-content-bg.jpg) repeat-x 50% 0;}*/

#content { width: 920px; margin: 0 auto; clear: both; padding:40px 0px 40px 0px;  position:relative; z-index: 10;}
body#homepage #content { padding:30px 0px 15px 0;}
#content:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
body#popupwindow #content-bg { background: url('../images/core/content-bg.jpg') no-repeat 60% 0%;}
body#popupwindow #content { width: 90%; padding:30px 0px;}

#content-left { width:190px; float:left; }/*may not needed*/
#content-right { width:700px; float:right; padding-left:30px; display:block;}

/*banner image*/
body#historypage #content, body#cartpage #content { background: url('../images/core/banner01.jpg') no-repeat 0 0;}
body#faqpage #content { background: url('../images/core/banner02.jpg') no-repeat 0 0;}
body#newspage #content { background: url('../images/core/banner03.jpg') no-repeat 0 0;}
body#facialspage #content { background: url('../images/core/banner04.jpg') no-repeat 0 0;}
body#contactpage #content { background: url('../images/core/banner05.jpg') no-repeat 0 0;}


/*=============================================================
	Body elements
=============================================================*/
/*home page CTA*/
#news { width:445px; height:40px; clear:both; display:block; overflow:hidden; font-size:16px; color: #65676a; font-weight:normal; text-transform:uppercase;}
#news img { float:left; padding-right:10px;}
#news a { color: #a11c50; font: bold 14px "Verdana"; color:#a11c50; }
#news a:hover { color: #fff; text-decoration: none; }
.news {list-style:none;}
.news li{list-style:none;}

ul#cta { width:450px; height:115px; display:block; clear:both; }
ul#cta li { float:left; display:block; width:220px; height:175px; padding-right:5px; position:relative;}
ul#cta li#whats_new {background:url(../images/core/cta-new-bg.gif) no-repeat 0 0;}
ul#cta li#monthly_specials {background:url(../images/core/cta-special-bg.gif) no-repeat 0 0;}
ul#cta li a{
	display: block;
	height: 155px;
	margin-left: 23px;
	margin-top: 3px;
	overflow: hidden;
	width: 74px;
}

/*
#cta-new, #cta-specials { width:220px; height:115px; float:left; display:block;}
#cta-new { background: url('../images/core/cta-new-bg.gif') no-repeat 0 0;}
#cta-specials { float:left; margin-left:5px;  background: url('../images/core/cta-special-bg.gif') no-repeat 0 0;}
span.cta-pic { width:84px; height:94px; margin: 3px 3px 0 13px; background: url('../images/cta-thumb01.jpg') no-repeat 0 0; display:block; float:left; clear:both; overflow:hidden;}
*/

/*side nav*/
ul.category-nav { margin:0; width:190px; float:left; display:block; text-transform:uppercase;}
ul.category-nav li { list-style:none; float:left; display:block;  }
ul.category-nav a { width:190px; float:left; display:block; padding-bottom:8px; color: #c9899f;  }
ul.category-nav a:hover { color: #fff; text-decoration:none;}
ul.category-nav ul { width:190px; margin:0; list-style:none; font-size:1.0em; padding-bottom:10px; display:block; float:left; }
ul.category-nav ul a { text-indent: 20px; padding-bottom:3px; text-transform:capitalize; float:left; display:block; }


/*=============================================================
	Footer background-color:#f4f3f0; 
=============================================================*/

#footer { width: 920px; margin:0 auto; clear: both; padding:30px 0px; color: #CCCACD; font-size:1em;}
#footer a { padding:0px 5px;}
#footer a#wflogo { float:right; margin-top:-4px; padding:0;}
body#homepage #footer { border-top:#4c202f solid 1px;  padding:10px 0 30px 0;}

/*=======================================================
 End of CSS Document for 
=======================================================*/