/* Robe to Wellness --by Kaoru Kawasaki March 2011-- */

@import url(reset.css);

body {
 background: #fff url(../i/bg_bar.png) top left repeat-x;
 border: 0;
 color: #684945;
 font: 12px Verdana, Arial, Helvetica, Sans-serif;
 margin: 0;
 padding: 0;
}

body.mov {
 background: #fff;
 border: 0;
 color: #684945;
 font: 12px Verdana, Arial, Helvetica, Sans-serif;
 margin: 0;
 padding: 0;
}


#wrapper {
 width: 800px;
 margin: 0 auto;
 padding: 0;
 background: #dcc7df;
 border-left: 4px solid #fff;
 border-right: 4px solid #fff;
 position: relative;
 clear: both;
}

a {
	color: #990;
}


/* Header ---------------------------------------------------------------*/
#header {
 height: 93px;
 background-color: #dcc7df; /* url(../i/bg.jpg) top left repeat-x; */
 position: relative;
}

div#header h1 {
	height: 38px;
	width: 656px;
	position: absolute;
	top: 45px;
	left: 14px;
	background: url(../i/rtw-logo-lg3.png) no-repeat top left;
	text-indent: -9999px;
	overflow: hidden;
}


h1 a {
	height: 38px;
	width: 656px;
	display: block;
}


.buy-button a {
	width: 86px;
	height: 29px;
	position: absolute;
	top: 10px;
	right: 10px;
	background: url(../i/buy-now-button.png) no-repeat top right;
	text-indent: -9999px;
	overflow: hidden;
}


/* Main image -----------------------------------------------------------*/
#main-image250 {
 height: 250px;
 background: transparent url(../i/main_img_bg.gif) top left repeat-y;
 border-top: 2px solid #fff;
 border-bottom: 2px solid #fff;
 position: relative;
}

#main-image250-twork {
 height: 250px;
 background-color: #bdb48e;
 border-top: 2px solid #fff;
 border-bottom: 2px solid #fff;
}


/* Contents -------------------------------------------------------------*/
#content-wrapper {
 width: 800px;
 float: left;
 margin: 0;
 padding: 0;
 background-color: #dcc7df;
}

#cont-left-wrapper {
 width: 177px;
 float: left;
 margin: 0;
 padding: 0;
 background: #dcc7df;
}

#cont-right-wrapper {
 width: 623px;
 float: right;
 margin: 0;
 padding: 0;
 background: #dcc7df;
}

#cont-right {
 width: 519px;
 margin: 27px 0 24px 0;
 padding: 37px 45px 25px 45px;
 background: #fefdfe;
 border: 7px solid #f1e9f2;
 float: right;
}

#cont-right-bottom {
 width: 519px;
 margin: 0 0 40px 0;
 padding: 37px 45px 25px 45px;
 background: #fffdf9;
 border: 7px solid #f1e9f2;
 float: right;
}


h2.header {
 font: 16px Georgia, "Times New Roman", Times, serif;
 color: #990;
 font-style: italic;
 margin: 0;
 padding: 0;
}


div#cont-right h2 {
	font: 24px/36px 'JosefinSlabBoldItalic', Arial, sans-serif;
	color: #990;
	border-top: 2px dotted #990;
	border-bottom: 2px dotted #990;
	padding: 18px 0;
	margin: 0 0 36px;
	text-align: left;
}

div#cont-right h2.cont-header {
	font: 24px Georgia, "Times New Roman", Times, serif;
	color: #1c0667;
	letter-spacing: 1px;
	width: 564px;
	padding: 0 0 3px 0;
	border: none;
	border-bottom: 2px solid #dcc7df;
	margin-bottom: 18px;
	/* margin-left: 139px; */
	text-align: left;
}

div#cont-right h3 {
	font: 20px/18px 'JosefinSlabBold', Arial, sans-serif;
	color: #684945;
	margin: 18px 0;
	letter-spacing: 1px;
}

div#cont-right-comm h3 {
	font: 20px/24px 'JosefinSlabBold', Arial, sans-serif; /* Originally 20px/18px */
	color: #684945;
	margin: 18px 0;
	letter-spacing: 1px;
}


div#cont-right h3.no-slab {
	font: 14px/18px Verdana, Arial, Helvetica, Sans-serif;
	color: #684945;
	margin: 18px 0;
}

div#cont-right-comm h3.no-slab {
	font: 14px/18px Verdana, Arial, Helvetica, Sans-serif;
	color: #684945;
	margin: 18px 0;
	letter-spacing: 0;
}


div#cont-right p {
	line-height: 18px;
	letter-spacing: 0.03em;
	margin-bottom: 18px;
	
	
}


.how-works {
 width: 380px;
 margin: 0;
 padding: 0 0 0 20px; 
 float: right;
 font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
}


#cont-right .how-works p a:link, #cont-right .how-works p a:visited {
 text-decoration: underline;
 font-weight: bold;
}

#cont-right .how-works p a:hover {
 text-decoration: none;
 font-weight: bold;
}

#cont-right p.main-text-learn {
 font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
 color: #684945;
 margin: 15px 0 0 0;
 padding: 0;
}


 


/* Footer -------------------------------------------------------------*/
#footer {
 text-align: right;
 clear: both;
 background-color: #dcc7df;
 font: 11px Arial, Helvetica, sans-serif;
 color: #666;
 letter-spacing: 1px;
 margin: 0;
 padding: 0 8px 24px 0;
}

#footer p {
	margin: 0 0 5px;
}



/* Global Navigation --------------------------------------------------*/
#navwrap {
 width: 94px;
 height: 131px;
 margin: 0;
 padding: 0;
 position: relative;
 z-index: 10;
}

#navwrap #gnav {
 margin: 52px 0 0 17px;
 padding: 0;
 }

#navwrap #gnav li {
 display: inline;
}

#navwrap #gnav li a {
 float: left;
 width: 94px;
 height: 0px;
 padding-top: 20px;
 overflow: hidden;
 background: url(../i/gnav.png) no-repeat;
}

/* Mouse off */
#navwrap #gnav li#home a {
 background-position: 0 0;
 }

#navwrap #gnav li#robe a {
 background-position: 0 -20px;
 }
 
#navwrap #gnav li#sewing a {
 background-position: 0 -40px;
 }
 
#navwrap #gnav li#wishes a {
 background-position: 0 -60px;
 }
 
#navwrap #gnav li#buy a {
 background-position: 0 -80px;
 }
 
#navwrap #gnav li#contribute a {
 background-position: 0 -100px;
 }
 
#navwrap #gnav li#contact a {
 background-position: 0 -120px;
 }
 
 
 /* Mouse over */ 
#navwrap #gnav li#home a:hover {
 background-position: -104px 0;
 } 
 
#navwrap #gnav li#robe a:hover {
 background-position: -104px -20px;
 }
 
#navwrap #gnav li#sewing a:hover {
 background-position: -104px -40px;
 }
 
#navwrap #gnav li#wishes a:hover {
 background-position: -104px -60px;
 }
 
#navwrap #gnav li#buy a:hover {
 background-position: -104px -80px;
 }
 
#navwrap #gnav li#contribute a:hover {
 background-position: -104px -100px;
 }
 
#navwrap #gnav li#contact a:hover {
 background-position: -104px -120px;
 }
 
 
 /* You are here */
#navwrap.home #gnav li#home a {
 background-position: -104px 0;
 } 
 
#navwrap.robe #gnav li#robe a {
 background-position: -104px -20px;
 }
 
#navwrap.wishes #gnav li#sewing a {
 background-position: -104px -40px;
 }
 
#navwrap.sewing #gnav li#wishes a {
 background-position: -104px -60px;
 }
 
#navwrap.buy #gnav li#buy a {
 background-position: -104px -80px;
 }
 
#navwrap.contribute #gnav li#contribute a {
 background-position: -104px -100px;
 }
 
#navwrap.contact #gnav li#contact a {
 background-position: -104px -120px;
 }
 
 
 /* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 25, 2011 11:07:21 AM America/New_York */



@font-face {
    font-family: 'JosefinSlabThin';
    src: url('JosefinSlab-Thin-webfont.eot');
    src: url('JosefinSlab-Thin-webfont.eot?iefix') format('eot'),
         url('JosefinSlab-Thin-webfont.woff') format('woff'),
         url('JosefinSlab-Thin-webfont.ttf') format('truetype'),
         url('JosefinSlab-Thin-webfont.svg#webfontVTgXk5Vz') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabThinItalic';
    src: url('JosefinSlab-ThinItalic-webfont.eot');
    src: url('JosefinSlab-ThinItalic-webfont.eot?iefix') format('eot'),
         url('JosefinSlab-ThinItalic-webfont.woff') format('woff'),
         url('JosefinSlab-ThinItalic-webfont.ttf') format('truetype'),
         url('JosefinSlab-ThinItalic-webfont.svg#webfontzaX0BCJV') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabLight';
    src: url('JosefinSlab-Light-webfont.eot');
    src: url('JosefinSlab-Light-webfont.eot?iefix') format('eot'),
         url('JosefinSlab-Light-webfont.woff') format('woff'),
         url('JosefinSlab-Light-webfont.ttf') format('truetype'),
         url('JosefinSlab-Light-webfont.svg#webfontkUjH7XqU') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabLightItalic';
    src: url('JosefinSlab-LightItalic-webfont.eot');
    src: url('JosefinSlab-LightItalic-webfont.eot?iefix') format('eot'),
         url('JosefinSlab-LightItalic-webfont.woff') format('woff'),
         url('JosefinSlab-LightItalic-webfont.ttf') format('truetype'),
         url('JosefinSlab-LightItalic-webfont.svg#webfontXr4jbcqC') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabRegular';
    src: url('JosefinSlab-Regular-webfont.eot');
    src: url('JosefinSlab-Regular-webfont.eot?iefix') format('eot'),
         url('JosefinSlab-Regular-webfont.woff') format('woff'),
         url('JosefinSlab-Regular-webfont.ttf') format('truetype'),
         url('JosefinSlab-Regular-webfont.svg#webfontWs4g4u7o') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabItalic';
    src: url('JosefinSlab-Italic-webfont.eot');
    src: url('JosefinSlab-Italic-webfont.eot?iefix') format('eot'),
         url('JosefinSlab-Italic-webfont.woff') format('woff'),
         url('JosefinSlab-Italic-webfont.ttf') format('truetype'),
         url('JosefinSlab-Italic-webfont.svg#webfontRtKJmKQG') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabSemiBold';
    src: url('JosefinSlab-SemiBold-webfont.eot');
    src: url('JosefinSlab-SemiBold-webfont.eot?iefix') format('eot'),
         url('JosefinSlab-SemiBold-webfont.woff') format('woff'),
         url('JosefinSlab-SemiBold-webfont.ttf') format('truetype'),
         url('JosefinSlab-SemiBold-webfont.svg#webfontiBtqXwXU') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabSemiBoldItalic';
    src: url('JosefinSlab-SemiBoldItalic-webfont.eot');
    src: url('JosefinSlab-SemiBoldItalic-webfont.eot?iefix') format('eot'),
         url('JosefinSlab-SemiBoldItalic-webfont.woff') format('woff'),
         url('JosefinSlab-SemiBoldItalic-webfont.ttf') format('truetype'),
         url('JosefinSlab-SemiBoldItalic-webfont.svg#webfont4VJlVJXk') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabBold';
    src: url('JosefinSlab-Bold-webfont.eot');
    src: url('JosefinSlab-Bold-webfont.eot?iefix') format('eot'),
         url('JosefinSlab-Bold-webfont.woff') format('woff'),
         url('JosefinSlab-Bold-webfont.ttf') format('truetype'),
         url('JosefinSlab-Bold-webfont.svg#webfontMbyg6Wt4') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabBoldItalic';
    src: url('JosefinSlab-BoldItalic-webfont.eot');
    src: url('JosefinSlab-BoldItalic-webfont.eot?iefix') format('eot'),
         url('JosefinSlab-BoldItalic-webfont.woff') format('woff'),
         url('JosefinSlab-BoldItalic-webfont.ttf') format('truetype'),
         url('JosefinSlab-BoldItalic-webfont.svg#webfontRTpBUUtd') format('svg');
    font-weight: normal;
    font-style: normal;

}