* {
	margin: 0;
	padding: 0;
 	outline: none;	
}

html {
	overflow-y: scroll;
	min-height: 100%;
	height: auto;
	height: 100%;
}

body {
	font-size: small;
	font-family: Helvetica, Arial, sans-serif;
	color: #666;
	line-height: 1em;
	background: url("../images/body_bg.gif") bottom no-repeat fixed;
}

* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /*for other IE versions*/
}

img {
	border: none;
}

* html img {
  	behavior: url("/media/pngbehavior.htc");
}

h1, h2, h3 {
	display: none;
}

p {
	margin: 15px 0 0 0;
	font-size: 85%;
}

p a {
	color: #666;
}

p span {
	font-size: 120%;
	color: #0DB14B;
}

p span a {
	font-size: 85%;
	color: #0DB14B;
}

h4 {
	margin: 15px 0 0 0;
	font-size: 110%;
	font-weight: 600;
}

.greenText {
	color: #0DB14B;
}

/*-------------------------------------- Nav --------------------------------------*/

#navContainer {
	position: relative;
	z-index: 4;
	width: 894px;
	height: 22px;
	margin: 0 auto;
}

#navContainer img.border {
	float: left;
}

ul#mainNav {
	float: left;
	width: 880px;
	height: 20px;
	background: #FFF;
	border: 1px solid #C1C1C1;
	border-right: none;
	border-left: none;
	list-style: none;
	overflow: hidden;
}

ul#mainNav li {
	float: left;
}

ul#mainNav li a {
	float: left;
	width: 108px;
	height: 18px;
	border: 1px solid #FFF;
}

ul#mainNav li a span {
	display: none;
}

ul#mainNav li#navIndex a {
	background: url("../images/nav_index.gif") top left no-repeat #636363;
}

ul#mainNav li#navAbout a {
	background: url("../images/nav_about.gif") top left no-repeat #636363;
}

ul#mainNav li#navPortfolio a {
	background: url("../images/nav_portfolio.gif") top left no-repeat #636363;
}

ul#mainNav li#navFeedback a {
	background: url("../images/nav_feedback.gif") top left no-repeat #636363;
}

ul#mainNav li#navPrice a {
	background: url("../images/nav_price.gif") top left no-repeat #636363;
}

ul#mainNav li#navShop a {
	background: url("../images/nav_shop.gif") top left no-repeat #636363;
}

ul#mainNav li#navPromotions a {
	background: url("../images/nav_promotions.gif") top left no-repeat #636363;
}

ul#mainNav li#navContact a {
	background: url("../images/nav_contact.gif") top left no-repeat #636363;
}

ul#mainNav li#navIndex a:hover, body#bodyIndex ul#mainNav li#navIndex a,
ul#mainNav li#navAbout a:hover, body#bodyAbout ul#mainNav li#navAbout a,
ul#mainNav li#navPortfolio a:hover, body#bodyPortfolio ul#mainNav li#navPortfolio a,
ul#mainNav li#navFeedback a:hover, body#bodyFeedback ul#mainNav li#navFeedback a,
ul#mainNav li#navPrice a:hover, body#bodyPrice ul#mainNav li#navPrice a,
ul#mainNav li#navShop a:hover, body#bodyShop ul#mainNav li#navShop a,
ul#mainNav li#navPromotions a:hover, body#bodyPromotions ul#mainNav li#navPromotions a,
ul#mainNav li#navContact a:hover, body#bodyContact ul#mainNav li#navContact a {
	background-position: bottom left;
}

/*-------------------------------------- Page Structure --------------------------------------*/

#pageContainer {
	z-index: 2;
	position: relative;
	width: 950px;
	height: 650px;
	margin: -670px auto 0 auto;
	background: url("../images/page_content_bg.gif") bottom left no-repeat #FFF;
	border: 1px solid #E2E2E2;
}

#pageBackground {
	z-index: 1;
	position: relative;
	width: 978px;
	height: 678px;
	margin: 0 auto 0 auto;
	background: url("../images/page_background_bg.gif") bottom left no-repeat;
}

* html #pageBackground {
	background: none;
}	
	
#contentContainer {
	z-index: 4;
	position: relative;
	margin: 10px 0 0 50px;
}

#flashContainer {
	width: 950px;
	height: 100px;
}

#contentBackground {
	z-index: 3;
	position: absolute;
	width: 890px;
	height: 550px;
	margin: -472px 30px 0 30px;
	text-align: right;
	vertical-align: bottom;
}

#pageContent {
	width: 425px;
	height: 350px;
	margin: 28px 0 20px 110px;
	overflow: hidden;
}

#pageContent > img {
	display: block;
}

#contentLeft {
	float: left;
	width: 210px;
	overflow: hidden;
}

#contentRight {
	float: left;
	width: 215px;
	overflow: hidden;	
}

#footerContainer {
	z-index: 2;
	position: relative;
	clear: both;
	width: 850px;
	margin: 10px auto 0 auto;
	padding: 0 0 20px 0;
	font-size: 85%;
	overflow: hidden;
}

#footerContainer a {
	color: #666;
}

#footerContainer p {
	float: left;
	margin: 0px;
	font-size: 100%;
}

#footerContainer a img {
	float: left;
	margin: 0 0 0 10px;
}

#footerContainer ul {
	float: right;
	list-style: none;
	text-transform: lowercase;
}

#footerContainer ul#footerNav li {
	float: left;
	margin: 0 0 0 5px;
}

/*-------------------------------------- Index Page --------------------------------------*/

img#facebookLogo {
	margin: 100px 0 0 20px;
}

img#photoTile {
	margin: 15px 0 0 0;
}

body#bodyIndex ul#subNav {
	margin: 10px 0 0 0;
	list-style: none;
	overflow: hidden;
}

body#bodyIndex ul#subNav li {
	float: left;
}

body#bodyIndex ul#subNav li a {
	float: left;
	width: 180px;
	height: 25px;
	margin: 0 10px 0 0;
}

body#bodyIndex ul#subNav li a span {
	display: none;
}

body#bodyIndex ul#subNav li#subTimes a {
	background: url("../images/times_button.gif") top left no-repeat;
}

body#bodyIndex ul#subNav li#subBrochure a {
	background: url("../images/brochure_button.gif") top left no-repeat;
}

body#bodyIndex ul#subNav li#subTimes a:hover,
body#bodyIndex ul#subNav li#subBrochure a:hover {
	background-position: bottom left;
}

#timesContainer {
	width: 250px;
	height: 250px;
	padding: 30px;
}

#timesContainer img#timesh3 {
	margin: 20px 0 30px 15px;
}

#timesContainer h4 {
	margin: 5px 0 25px 15px;
	color: #0DB14B;
	font-weight: normal;
}

#timesContainer table {
	width: 220px;
	margin: 0 0 0 15px;
}

#timesContainer table td {
	padding: 0 0 5px 0;
}

#timesContainer table td.left {
	text-align: left;
}

#timesContainer table td.right {
	text-align: right;
}

/*-------------------------------------- About Page --------------------------------------*/

body#bodyAbout #contentRight {
	width: 170px;
	padding: 0 0 0 30px;
}

img.thumbNail {
	float: left;
	width: 68px;
	height: 68px;
	margin: 10px 0 0 10px;
	border: 1px solid #E2E2E2;
}

.aboutBox {
	z-index: 50;
	position: fixed;
	width: 620px;
	height: 475px;
	color: #000;
}

#aboutChris {
	background: url('../images/chris_bg.jpg') top left no-repeat;
}

#aboutMaygenne {
	background: url('../images/maygenne_bg.jpg') top left no-repeat;
}

#aboutNicole {
	background: url('../images/nicole_bg.jpg') top left no-repeat;
}

#aboutRyan {
	background: url('../images/ryan_bg.jpg') top left no-repeat;
}

#aboutSophie {
	background: url('../images/sophie_bg.jpg') top left no-repeat;
}

.aboutBox h4 {
	margin: 165px 0 10px 170px;
	text-transform: uppercase;
}

.aboutBox p {
	width: 235px;
	margin: 0 0 10px 170px;
}

.aboutBox img#closeButton {
	float: right;
	margin: 10px 10px 0 0;
}

ul#aboutNav {
	position: absolute;
	bottom: 15px;
	left: 165px;
	width: 200px;
	list-style: none;
	overflow: hidden;
}

ul#aboutNav li a {
	width: 95px;
	height: 25px;
}

ul#aboutNav li#aboutPrev,
ul#aboutNav li#aboutPrev a {
	float: left;
}

ul#aboutNav li#aboutNext,
ul#aboutNav li#aboutNext a {
	float: right;
}

/*-------------------------------------- Portfolio Page --------------------------------------*/

body#bodyPortfolio #pageContent {
	margin: 28px 0 15px 110px;
	height: 85px;
}

body#bodyPortfolio #pageContent #contentLeft {
	width: 280px;
}

#thumbnailGallery {
	margin: 0 0 10px 0;
	width: 570px;
	height: 270px;
	overflow: hidden;
}

#thumbnailGallery p {
	display: none;
}

#thumbnailGallery img.thumbNail {
	float: left;
	width: 68px;
	height: 68px;
	margin: 0 10px 10px 0;
	border: 1px solid #0DB14B;
}

#thumbnailGallery a img.thumbNail {
	filter: alpha(opacity=50);
	-moz-opacity: .50;
	opacity: .50;
}

#thumbnailGallery a:hover img.thumbNail {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

/*-------------------------------------- Feedback Page --------------------------------------*/

body#bodyFeedback #contentRight {
	text-align: center;
}

/*-------------------------------------- Price Guide Page --------------------------------------*/

body#bodyPrice #contentBackground {
	width: 950px;
	margin: -472px 0 0 0;

}

body#bodyPrice #pageContent {
	width: 590px;
}

body#bodyPrice ul#subNav {
	float: right;
	margin: 5px 0;
	list-style: none;
	overflow: hidden;
}

body#bodyPrice ul#subNav li {
	float: left;
}

body#bodyPrice ul#subNav li a {
	display: block;
	float: left;
	width: 110px;
	height: 21px;
	margin: 0 0 0 10px;
	background-position: top left;
}
body#bodyPrice ul#subNav li#subLadies a  {
	background-image: url("../images/button_price_ladies.gif");
}

body#bodyPrice ul#subNav li#subMens a  {
	background-image: url("../images/button_price_mens.gif");
}

body#bodyPrice ul#subNav li#subTechnical a  {
	background-image: url("../images/button_price_technical.gif");
}

body#bodyPrice ul#subNav li#subTreatment a  {
	background-image: url("../images/button_price_treatment.gif");
}

body#bodyPrice ul#subNav li a:hover {
	background-position: bottom left;
}

body#bodyPrice ul#subNav li a span {
	display: none;
}

body#bodyPrice #pageContent #contentLeft {
	width: 590px;
}

body#bodyPrice #pageContent #contentLeft h4 {
	margin: 10px 0 0 0;
}

body#bodyPrice #pageContent #contentLeft .columnOne,
body#bodyPrice #pageContent #contentLeft .columnTwo,
body#bodyPrice #pageContent #contentLeft .columnThree {
	float: left;
	width: 180px;
}

body#bodyPrice #pageContent #contentLeft .columnTwo,
body#bodyPrice #pageContent #contentLeft .columnThree {
	margin: 23px 0 0 25px;
}

body#bodyPrice #pageContent #contentLeft .columnThree {
	margin: 0;
}

body#bodyPrice table {
	width: 180px;
	font-size: 85%;	
}

body#bodyPrice table span {
	font-size: 85%;
}

body#bodyPrice table th {
	padding: 7px 0 0 0;
	color: #0DB14B;
	font-weight: normal;
}

body#bodyPrice table th.left,
body#bodyPrice table td.left {
	width: 60%;
	text-align: left;
	white-space: nowrap;
}

body#bodyPrice table th.right,
body#bodyPrice table td.right {
	width: 40%;
	text-align: right;
	white-space: nowrap;
}

body#bodyPrice #pageContent #contentLeft #contentStyling #columnTwo,
body#bodyPrice #pageContent #contentLeft #contentTechnical #columnTwo,
body#bodyPrice #pageContent #contentLeft #contentTechnical #columnThree {
	margin: 23px 0 0 25px;
}

body#bodyPrice #pageContent #contentLeft #contentStyling #columnThree {
	margin: 0 0 0 25px;
}

/*-------------------------------------- Shop Page --------------------------------------*/

body#bodyShop #contentBackground {
	width: 950px;
	margin: -472px 0 0 0;
}

body#bodyShop #pageContainer {
	height: auto;
	padding: 0 0 80px 0;
}

body#bodyShop #pageContent {
	height: auto;
	width: 700px;
}

body#bodyShop #contentRight {
	width: 345px;
	padding: 0 0 0 20px;
}

body#bodyShop #contentRight img {
	clear: both;
	float: left;
	margin: 0 0 10px 0;
}

#productList {
	margin: 0 0 5px 35px;
	overflow: hidden;
}

#productList h4 {
	margin: 20px 0 10px 0;
	color: #0DB14B;
	font-size: 150%;
	font-weight: normal;
	line-height: 1.4em;
}

#productList h5 {
	margin: 0 0 10px 0;
	color: #808285;
	font-weight: normal;
	font-size: 130%;
	text-transform: uppercase;
	line-height: 1.2em;
}

#productList ul {
	width: 880px;
	margin: 0 0 14px 0;
	list-style: none;
	overflow: hidden;
}

#productList ul li {
	float: left;
	margin: 0 0 0 0;
}

#productList ul li a {
	display: block;
	width: 108px;
	border: 1px solid #888;
	text-decoration: none;
	text-align: center;
	background: url('/media/images/product_list_bg.gif') bottom left repeat-x #FFF;
}

#productList ul li a span {
	display: block;
	margin: 3px 0 5px 0;
	color: #0DB14B;
	font-size: 95%;
}

#productBox {
	width: 620px;
	overflow: hidden;
}

#productBox #leftColumn,
#productBox #rightColumn {
	float: left;
	width: 310px;
}

#productBox #rightColumn {
	padding: 100px 0 0 0;
}

#productBox h4 {
	margin: 0 0 5px 0;
	color: #0DB14B;
	font-size: 130%;
	font-weight: normal;
}

#productBox p {
	margin: 0 0 30px 0;
	font-size: 110%;
}

/*-------------------------------------- Contact Page --------------------------------------*/

body#bodyContact p span {
	font-size: 110%;
}

body#bodyContact #contentLeft img {
	margin: 15px 0 0 0;
}

body#bodyContact #contentLeft a#mapButton {
	display: block;
	width: 180px;
	height: 25px;
	margin: 10px 0 0 0;
	background: url("../images/map_button.gif") top left no-repeat;
}

body#bodyContact #contentLeft a#mapButton:hover {
	background-position: bottom left;
}

body#bodyContact #contentLeft a#mapButton span {
	display: none;
}

#map {
	width: 650px;
	height: 450px;
}