/* - Releve LLC - www.instructdance.com                   - */
/* - Identity Developments - identitydevelopments.com     - */
/* - 2005 - 2008                                         - */
/* - ---------------------------------------------------- - */

* {margin: 0; padding: 0;}

body {
	background: #000 url(images/bg_000swish10.jpg);
	margin-bottom: 20px;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #96887E;
	text-align: center;
	}

ul.basic {list-style: square outside;}
ul.basic li {margin: 0 .5em .5em 2em;}
	
/* - clearfix hack - push content section after floats - */
.clearB:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/* IE mac fix */
.clearB {display: inline-block;}
/* IE win fix - hide mac \*/
* html .clearB {height: 1%;}
.clearB {display: block;}
/* stop hide */

.clearL {clear: left;}
.clearR {clear: right;}
.clearLR {clear: both;}
.fltL {float: left;}
.fltR {float: right;}


h1, h2, h3, h4, h5, h6 {
	clear: both;
	margin-top: 1.5em;
	color: #444;
	font: normal small-caps 1.9em arial, helvetica, verdana, sans-serif;
	}

h1 {margin-top: 0;}

h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;}

p {margin: 0 0 1em;}

acronym {
	cursor: help;
	border-bottom: dashed 1px #842050;
	}

a {
	color: #842050;
	font-style: italic;
	font-weight: bold;
	}

a:hover {
	color: #000;
	font-style: normal;
	text-decoration: none;
	}

a img {border: none;}

/* - layout --------------------------------- - */
#wrapper {
	background: #F8F7F7 url(images/bg_sqtop.gif) no-repeat right top;
	position: relative;
	margin: 0 auto;
	width: 740px;
	text-align: left;
	}

#innerWrapper {
	background: transparent url(images/bg_sqbot.gif) no-repeat left bottom;
	position: relative;
	}

/* =HDR - header - */
#header {position: relative;}

#logoReleve {
	position: relative;
	top: 10px;
	left: 10px;
	width: 307px;
	height: 108px;
	}

.imgLogo {
	position: absolute;
	z-index: 100;
	top: 4px;
	left: 4px;
	}

#subHeader {
	position: relative;
	margin: -2px 0 0 17px;
	color: #111;
	font-weight: bold;
	letter-spacing: .54em;
	}

/* - taglines in header - */
.tagline1, .tagline2 {
	position: absolute;
	font-size: 1.6em;
	font-style: italic;
	}

.tagline1 {
	top: 30px;
	left: 350px;
	text-align: right;
	}

.tagline2 {
	top: 4em;
	right: 40px;
	}

/* =CNT - content area ---------------------- - */
#content {
	background: transparent;
	position: relative;
	margin: 0 5px 1.5em;
	}

#contentMain {
	background: transparent;
	position: relative;
	float: right;
	display: inline;
	margin: 6.2em 20px 5px 5px;
	width: 390px;
	color: #666;
	}

#contentMain p {font-size: 1.2em;}

#contentSec {
	background: transparent;
	position: relative;
	float: left;
	display: inline;
	margin: 18em 10px 10px 25px;
	width: 250px;
	line-height: 1.6;
	}

#contentMain .note {
	font-style: italic;
	font-size: 1em;
	}

.tip {
	background: transparent url(images/sq26.gif) no-repeat left top;
	margin: 1.6em 0;
	padding: 4px;
	}

p.tip span {
	font-size: 120%;
	font-weight: bold;
	}

/* - testimonial - */
.testimonial {
	background: transparent url(images/quotelt.gif) no-repeat left top;
	position: relative;
	margin: 1.6em 0 0;
	text-align: right;
	}

.testimonial blockquote {
	position: relative;
	z-index: 20;
	padding: 20px 32px 0;
	line-height: 1.2;
	text-align: left;
	font-style: italic;
	}

.testimonial blockquote:first-letter {
	font-size: 140%;
	font-weight: bold;
	}

.testimonial p {
	background: transparent url(images/quotert.gif) no-repeat right top;
	position: relative;
	z-index: 10;
	top: -34px;
	margin: 0 0 -18px;
	padding-top: 38px;
	line-height: 1.2;
	font-weight: bold;
	}

.testimonial p span {
	display: block;
	font-size: 80%;
	font-weight: normal;
	}

.bumpDown1 {margin-top: 30em;}

/* - image treatments - */
.imgPositions, .imgClass, .imgEssentials, .imgPoem {
	position: absolute;
	z-index: 100;
	}

/* - product image borders - */
.imgPositions, .imgClass, .imgPoem {
	border-top: solid 1px #EFDCE7;
	border-left: solid 1px #EFDCE7;
	}

.noscriptCaption {
	display: block;
	text-align: center;
	}

/* - shadow treatment - */
img.imgShadow {
	position: relative;
	z-index: 20;
	border: none;
	}

/* - holder for main image - */
.imgMain {
	position: relative;
	z-index: 100;
	top: 1em;
	left: 10px;
	margin-bottom: 1em;
	width: 250px;
	}

/* - positioning of main image - */
.imgMain .imgPositions, .imgMain .imgClass, .imgMain .imgEssentials {
	position: absolute;
	z-index: 100;
	top: 1px;
	left: 1px;
	}

/* - main products page images - */
/* - image holder - */
.imgProdMain {
	position: relative;
	z-index: 100;
	float: right;
	display: inline;
	margin: 5px 0 2px 5px;
	}

/*- position background images on main product page - */
.bgPositions {
	background: transparent url(images/products/bg_positions2.gif) no-repeat center center;
	padding: 36px 32px 0 8px;
	}

.bgClass {
	background: transparent url(images/products/bg_class.gif) no-repeat center center;
	padding: 36px 40px 0 8px;
	}

.bgEssentials {
	background: transparent url(images/products/bg_essentials.gif) no-repeat center center;
	padding: 36px 40px 0 8px;
	}

/* - sub product pages images - */
/* - image holder - */
.imgProdSub {
	position: relative;
	z-index: 100;
	float: left;
	display: inline;
	margin: 5px 39px 2px 0;
	}

/* - home page - */
#sec1 #contentMain {
	position: relative;
	float: left;
	display: inline;
	margin: 18em 10px 10px 25px;
	width: 250px;
	line-height: 1.6;
	}

#sec1 #contentSec {
	position: relative;
	float: right;
	display: inline;
	margin: 5em 5px 5px 5px;
	width: 410px;
	color: #666;
	}

#sec1 #contentSec p {font-size: 1.2em;}

#sec1 #contentSec p.tagline3 {
	position: relative;
	margin: 0 0 0 10px;
	width: 260px;
	color: #96887E;
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	}

img.ru1, img.ru2, img.se1, img.se7 {
	position: absolute;
	border: solid 1px #EFDCE7;
	}

img.ru2 {
	top: 30px;
	right: 60px;
	z-index: 50;
	}
img.se7 {
	top: 108px;
	right: 10px;
	z-index: 48;
	}
img.ru1 {
	top: 190px;
	right: 60px;
	z-index: 46;
	}
img.se1 {
	top: 270px;
	right: 10px;
	z-index: 44;
	}

img.poem {
	position: relative;
	float: right;
	margin: 2px 0 4px 6px;
	border: solid 1px #EFDCE7;
	}


/* - product pages - */
ul {list-style: square;}

ul.productText, ul.productFeature {margin: 0 0 10px 30px;}

/* - contactform - */
#contactForm label {
	float: left;
	margin: 0 10px;
	width: 120px;
	}

#contactForm select	{
	float: right;
	display: inline;
	margin-right: 12px;
	margin-bottom: 6px;
	width: 180px;
	}

#contactForm input, #contactForm textarea {
	margin: 0 0 10px 0px;
	width: 210px;
	font-size: .8em;
	}

#contactForm textarea {font-size: 1.2em;}

#contactForm span.required {
	position: relative;
	top: -10px;
	margin-left: 10px;
	color: #842050;
	font-size: 1.2em;
	font-weight: bold;
	}

#contactForm p span.required {top: 0;}

#contactForm input.submit {
	float: right;
	margin-right: 44px;
	width: 8em;
	}

/* - sitemap - */
.pgSitemap ul {
	margin: 0 0 0 30px;
	list-style: none;
	}

.pgSitemap li a {
	background: url(images/blt_flower.gif) no-repeat left center;
	padding-left: 20px;
	line-height: 2.5em;
	}

.pgSitemap li a {font-style: normal;}

.pgSitemap li a:hover {background: none;}

/* - tips hide/reveal - */
.handler {
	margin: .5em 0;
	cursor: help;
	}

.handler_down {cursor: help;}

.toggle {margin: .5em 50px 1em;}

#sec3 h2 {font-variant: normal;}

/* - go redirect - */
#secGo #contentMain {padding-bottom: 9em;}

/* - banners page - */
#secBanner #contentSec img, #secBanner #contentSpecial img {margin: 5px 0 20px 0;}

#secBanner #contentSec {margin-top: 7em;}
#secBanner #contentSpecial {
	background: transparent;
	position: relative;
	float: left;
	display: inline;
	margin: 0 10px 10px 25px;
	width: 480px;
	line-height: 1.6;
	}

/* =ECOM - ecommerce ---------------------------- - */
p.ecom {
	position: relative;
	clear: both;
	margin-top: 25px;
	font-weight: bold;
	}

p.ecom span {
	position: relative;
	float: right;
	display: inline;
	padding-left: 15px;
	font-weight: normal;
	text-align: right;
	}

/*p.ecom span {
	background: #DDD;
	position: relative;
	float: right;
	display: inline;
	margin: 0 12px 2em 15px;
	width: 20%;
	list-style: none;
	text-align: center;
	}

p.ecom span a {
	background: #EACCD8;
	display: block;
	position: relative;
	top: -3px;
	left: -3px;
	padding: 5px 5px 5px;
	color: #842050;
	border: solid 1px #842052;
	height: 100%;
	text-align: center;
	text-decoration: none;
	font: 90%/1.3 Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	}

p.ecom span a:hover {
	background: #842050;
	color: #FFF;
	font-style: normal;
	text-decoration: overline underline;
	}
*/

/* =FTR - footer ---------------------------- - */
#footer {
	background: transparent;
	position: relative;
	margin: 1em 5px 0;
	padding-bottom: 1px;
	width: 730px;
	text-align: center;
	}

#footer a {
	color: #96887E;
	font-weight: normal;
	font-style: normal;
	}

#footer a:hover {color: #842050;}

/* - =NAV - navigation ---------------------- - */
/* - skip navigation - */
#skipNav {
	position: absolute;
	top: 0;
	left: -999em;
	}

/* - top of page - */
.linkTop {
	position: relative;
	clear: both;
	display: block;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	}

/* - sub navigation - */
.subNav li {list-style: none;}

.subNav li a {
	background: url(images/blt_flower.gif) no-repeat left center;
	padding-left: 20px;
	line-height: 2.5em;
	}

.subNav li a:hover {background: none;}

/* - main navigation - */
#navHolder {
	position: absolute;
	z-index: 10;
	top: 130px;
	left: 5px;
	width: 315px;
	}

#navMain {position: relative;}

/* - main nav menu items - */
/* display inline to fix IE margin doubling */
/* margin-bottom for button wrap and future buttons */
ul#navMain li {
	position: relative;
	float: left;
	display: inline;
	margin: 0 12px 2em 15px;  background: #DDD;
	width: 74px; width: 6.6em;
	list-style: none;
	text-align: center;
	}
ul#navMain li a {
	position: relative;
	top: -3px;
	left: -3px;
	border: solid 1px #842052;
	}
ul#navMain li.nav2 a {background: #E0B4C7;} /* products    */
ul#navMain li.nav3 a {background: #EACCD8;} /* tips        */
ul#navMain li.nav4 a {background: #EFDCE7;} /* about       */
ul#navMain li.nav5 a {background: #E0B4C7;} /* buy         */
ul#navMain li.nav6 a {background: #F7DBE7;} /* contact     */
ul#navMain li.nav7 a {background: #EFDCE7;} /* distributor */

#navMain a {
	display: block;
	padding: 0 5px;
	padding: 25px 5px 0;
	color: #842050;
	height: 100%;
	height: 50px;
	text-decoration: none;
	font: 90%/1.3 Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	}

/*ul#navMain li.nav5, ul#navMain li.nav6 {
	width: 125px;
	}

#navMain li.nav5 a, #navMain li.nav6 a {
	height: 25px;
	padding: 10px 5px 0;
	}
*/
ul#navMain li a:hover {
	background: #842050;
	color: #FFF;
	font-style: normal;
	text-decoration: overline underline;
	}


/* - locator - */
#sec1 li.nav1 a, #sec2 ul#navMain li.nav2 a, #sec3 ul#navMain li.nav3 a, #sec4 ul#navMain li.nav4 a, #sec5 ul#navMain li.nav5 a, #sec6 ul#navMain li.nav6 a, #sec7 ul#navMain li.nav7 a {
	background: #000 url(images/bg_acute.gif) no-repeat center 5px;
	color: #FFF;
	font-style: normal;
	}

/*#sec1 ul#navMain li.nav1 a:hover, #sec2 ul#navMain li.nav2 a:hover, #sec3 ul#navMain li.nav3 a:hover, #sec4 ul#navMain li.nav4 a:hover, #sec5 ul#navMain li.nav5 a:hover, #sec6 ul#navMain li.nav6 a:hover, #sec7 ul#navMain li.nav7 a:hover {background-image: none;}*/

.subA li.navA a, .subB li.navB a, .subC li.navC a, .subD li.navD a, .subE li.navE a, .subF li.navF a, .subG li.navG a, .subH li.navH a {
	background: transparent url(images/blt_flower2.gif) no-repeat left center;
	color: #96887E;
	font-style: normal;
	text-decoration: none;
	letter-spacing: .6em;
	}

/* - identity developments byline ----------- - */
a.iDevs span {
	position: absolute;
	left: -999em;
	}

a.iDevs {
	color: #666;
	text-decoration: underline;
	border: none;
	font-style: normal;
	font-weight: normal;
	}

a.iDevs:hover {
	color: #D2D5A8;
	background: #FFF;
	font-size: 1em;
	text-decoration: none;
	}

/* - background-color for opera - */
a.iDevs:hover span {
	background-color: #D2D5A8;
	background: #D2D5A8 url(images/id64trans-b.gif) no-repeat 5px center;
	left: -5px;
	top: -20px;
	z-index: 500;
	display: block;
	color: #0D3C72;
	border: 2px solid #0D3C72;
	padding: 8px 90px;
	width: 556px;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;	
	cursor: pointer;
	}
/* IE fix - mac hide \*/
* html a.iDevs:hover span {
	width: 740px;
	w\idth: 556px;
	}
/* stop hide */