@charset "UTF-8";
/* CSS Document */

body {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; width: 900px; margin: 20px auto;  color: #666666; line-height: 18px;}

#wrap {
	background: white;
	margin:0 auto;
	width:900px;
	border: 1px solid;
	border-color: 9966CC;
	margin-top: 25px;
	height: auto;
}
#wrap2 {
	background: white;
	margin:0 auto;
	width:500px;
	border: 1px solid;
	border-color: 9966CC;
	margin-top: 25px;
	height: auto;
}
#home-button {
	position:absolute;
	top:-150px;
	left:825px;
	width: 72px;
}
#home-button a {color:#56A1D5;margin-left:5px;}
#home-button a:hover  {	color:#91C2E3;	text-decoration:none;}

#masthead {width: 900px; height:120px; border-bottom: 1px solid white; margin: 0; padding: 0;}
#masthead2 {width: 500px; height:120px; border-bottom: 1px solid white; margin: 0; padding: 0;}

a {text-decoration: underline; color: #999999;}
a:hover {text-decoration: none; color: #666666; }
a img {border: none;}

.subhead {
	color:#000000;
	font-size: 10px;
	line-height: 12px;
}
.emphasis { color:#9933CC;}

/* TEXT STYLES */

.ital { font-style: italic;}
.rule { border-top: 1px solid #CCCCCC; padding: 10px 0px 10px 0px;}
.LatinName { font-style:italic; font-size: 12px; color: #999999}
.saleprice {color: #ff0000}



body h1{ font-size: 12px; font-weight: 400; text-transform:uppercase; color:#C86F35;}
body h2{ font-size: 12px; color: #333333; }
body h3 { font-size: 14px; color: #666699; line-height:18px; font-weight: 400;}
body h4 {font-family: "Times New Roman", Times, serif; font-size: 20px; color: #666699; font-weight: normal; line-height: 30px; margin-top: 10px; margin-bottom: 5px;}

/* BREADCRUMBS */


#breadcrumbs {width: 886px; margin: 0; padding: 7px; color: #666; background-color:#FAE8D8; font-size: 11px; border-top: 1px solid white; text-transform:uppercase;}

#breadcrumbs a:link {color: #666; text-decoration:none;}
#breadcrumbs a:active {color: #666; text-decoration:none;}
#breadcrumbs a:visited {color: #666; text-decoration:none;}
#breadcrumbs a:hover {color: #999; text-decoration:underline;}

#breadcrumbs-left {width: 542px; margin: 0; padding: 7px; color: #666; background-color:#E5D9D9; font-size: 11px; float: left;}
#breadcrumbs-right {width: 130px; margin: 0; padding: 7px; color: #666; background-color:#E5D9D9; font-size: 11px; float:right;}




/* SEARCH BOX */
#search  { width: 900px; color:#000000; position:relative; top:-25px; right:10px; overflow:hidden; z-index:99; }


.search { float: right; color: #016445; padding: 0px}	
.click { vertical-align: top;}	



#nav {
	background: white;
	color:#FFFFFF;
	width: 900px;
	height: 26px;
	padding: 0;
	list-style:none;
	margin: 0;
	border:0;
	position: relative;
	z-index:99;
	text-align: center;
}

#nav a {display: block; text-decoration: none; padding: 5px 10px; }
#nav a {color: white;}
#nav a:hover {color: #660099;}

#nav li {float: left; padding: 0 0; }

#nav li.home {background: #9966CC; width: 66px; border-right: 1px solid white; }
#nav li.about {
	background: #9966CC;
	width: 165px;
	border-right: 1px solid white;
	text-align: center;
}
#nav li.shop {background: #6600CC; width: 100px; border-right: 1px solid white;}
#nav li.learn {background: #6600CC; width: 99px; border-right: 1px solid white;}
#nav li.mood {
	background: #9966CC;
	width: 85px;
	border-right: 1px solid white;
	text-align: center;
}
#nav li.news {background: #9966CC; width: 84px; }


#nav li ul {position: absolute; left: -999em; height: auto;	width: 150px; w\idth: 150px; font-weight: normal; margin: 0; list-style:none;}

#nav li ul.shop {background: #B4B87D; width: 150px; }

/* dropdown part */

#nav li li {margin-left: 0px;	padding: 0 0 0 0; }

/* Background for 2nd and 3rd level dropdowns */


#nav li.home ul a {background: #C86F35; width: 129; w\idth: 129px; border-bottom: dotted #FFFFFF 1px; }
#nav li.about ul a {background: #8AB00F; width: 129px; w\idth: 129px; border-bottom: dotted #FFFFFF 1px; }
#nav li.shop ul a {background: #B4B87D; width: 129px; w\idth: 129px; border-bottom: dotted #FFFFFF 1px; }
#nav li.learn ul a {background: #BCBCB0; width: 129px; w\idth: 129px; border-bottom: dotted #FFFFFF 1px; }
#nav li.mood ul a {background: #75ACC1; width: 129px; w\idth: 129px; border-bottom: dotted #FFFFFF 1px; }
#nav li.news ul a {background: #55A1A1; width: 130px; w\idth: 132px; border-bottom: dotted #FFFFFF 1px; }



#nav li.about ul ul {background: #8AB00F; margin: -20px 0 0 120px; }
#nav li.shop ul ul {background: #B4B87D; margin: -20px 0 0 140px; }
#nav li.mood ul ul {background: #75ACC1; margin: -20px 0 0 120px; }
#nav li.learn ul ul {background: #BCBCB0; margin: -20px 0 0 129px; }
#nav li.news ul ul {background: #55A1A1; margin: -20px 0 0 160px; }
#nav li.search ul ul {background: #9091C7; margin: -20px 0 0 180px; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul 
{left: -999em; width: 129px; padding: 0 0 0 0; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul 
{left: auto; padding: 0 0 0 0;}

/* MAIN 2 COLUMN */

#mainleft {background: white; float:left; width:212px; padding: 10px 10px 10px 10px; }
#maincenter {background: white; float:right; width:447px; padding: 0px 10px 10px 10px; border-left: 1px solid #C86F35; margin: 10px 0px;}

/* MAIN 3 COLUMN */

#threemainleft {background: white; float:left; width:279px; padding: 10px 10px; margin: 0; }
#threemaincenter {
	border-right: 1px solid #9966CC;
	background: white;
	float:left;
	width:279px;
	padding: 10px;
	margin: 0;
}
#threemainright {
	background: white;
	float:right;
	width:279px;
	padding: 10px;
}

/* MAIN 2 COLUMN - WIDE LEFT */

#twowidemainleft {
	background: white;
	float:left;
	width:278px;
	padding: 10px 10px;
	border-right: 1px solid #9966CC;
}
#twowidemaincenter {
	background: white;
	float:right;
	width:580px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/* MAIN 2 COLUMN SPLIT  */

#splitleft {background: white; float:left; width:330px; padding: 10px 10px; }
#splitright {background: white; float:right; width:329px; padding: 10px 10px; border-left: 1px solid #C86F35; }

/* MAIN 1 COLUMN */

#onemain {background: white; float:left; width:500px; padding: 0px; margin: 0px; border-top: 30px solid #9966CC; }
#onemain p { padding: 0px 20px 10px 10px;}

/* MAIN 1 COLUMN2 */

#onemain2 {background: white; float:left; width:880px; padding: 10px 10px; margin: 0px; border-top: 1px solid white; }
#onemain2 p { padding: 0px 20px 10px 10px;}


/* MAIN PRESS */

#pressleft {background: white; float:left; width:100px; padding: 0px 10px; margin: 10px 0px; font-size: 11px;}
#presscenter {border-right: 1px solid #C86F35; background: white; float:left; width:418px; padding: 0px 10px; border-left: 1px solid #C86F35;  margin: 10px 0px; font-size: 11px; }
#pressright {background: white; float:right; width:120px; padding: 0px 10px; margin: 10px 0px; font-size: 11px; }

/* VIDEO PAGES */
#Videos {background: white; width: 450px; margin: 0 auto; text-align:left;}



/* SUBCONTENT */

#subcontent {
	width:900px;
	padding-bottom: 0px;
	right: auto;
}



/* SUBLINKS */

#sublinks {font-size:11px; width: 900px; margin: 0 auto; clear:both; padding: 0px 0 10px 0; }
#sublinks li {display: inline; border-right: 1px solid #999999; padding-right: 5px; padding-left: 5px;}
#sublinks li.last {border-right: 0;}
#sublinks a {color: #999;}
#sublinks a:hover {color: #9966FF;}

/* SUBLINKS2 */

#sublinks2 {font-size:11px; width: 500px; margin: 0 auto; clear:both; padding: 0px 0 10px 0; }
#sublinks2 li {display: inline; border-right: 1px solid #999999; padding-right: 5px; padding-left: 5px;}
#sublinks2 li.last {border-right: 0;}
#sublinks2 a {color: #999;}
#sublinks2 a:hover {color: #9966FF;}

/* BTMBAR */

#btmbar {width: 900px; height: 25px; background-color: #9966CC; clear: both; }

/* BTMBAR2 */

#btmbar2 {width: 500px; height: 25px; background-color: #9966CC; clear: both; }


.icons {float:right; width: 120px;}
.Directory { vertical-align: middle; color:#C86F35;  }
.Directory img { vertical-align: middle; color:#666699;  }
.header {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	color: #9966CC;
}
.header2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	color: #666666;
	font-style: italic;
}