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

/* --------------------------------------------------------------    
	Reset      
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight:inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
body {font-size: 62.5%;	line-height: 1.5;}
table {border-collapse: separate; border-spacing: 0; }
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after {content: ""; }
blockquote, q {quotes: "" ""; }
a img {border: none;}
br.clear {clear:both; display:block; height:1px; margin:-1px 0 0 0 }
div {position:relative; float:left}

/* --------------------------------------------------------------    
	Headings      
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 	{width:100%; float:left; line-height:1.1; font-weight:lighter;}
h2 					{font-size: 1.5em; margin-top:12px}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}

/* --------------------------------------------------------------    
	Text Elements    
-------------------------------------------------------------- */

p 					{font-size:1.1em; line-height:1.5; float:left; width:100%; margin-top:12px}
p img 				{float: left; margin:0px; padding:0px}
a 					{color:#9a0128; text-decoration:none;}
a:focus, a:hover 	{text-decoration:underline}
strong 				{font-weight: bold;}
em,dfn 				{font-style: italic;}
dfn 				{font-weight: bold;}

/* --------------------------------------------------------------    
	Tables      
-------------------------------------------------------------- */

table       {margin-bottom: 1.4em; width:100%; float:left}
th          {font-weight: bold; background: #C3D9FF;}
th,td       {padding: 4px 10px 4px 5px;}
tr.even td  {background: #E5ECF9;}
tfoot       {font-style: italic;}
caption     {background: #eee;}


/* --------------------------------------------------------------    
	Misc Classes      
-------------------------------------------------------------- */

.small      {font-size:8px}
.highlight  {color:#ed135d}
.bold 		{font-weight:bold}
.red 		{color:#ed1848}
	
/* --------------------------------------------------------------    
	Container Elements      
-------------------------------------------------------------- */

html, body {height: 100%}

body {
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-weight:lighter;
	background:url(../images/bg.gif)
	}


#content {
clear:left;
float:left;
height:100%;
position:relative;
text-align:left;
width:1188px;
}
/* --------------------------------------------------------------    
	Text Column     
-------------------------------------------------------------- */

#nav-column {width:308px;
	text-align:left;
	position:fixed;
	float:none;
	z-index:1;
	background:url(../images/trans-bg.png);
	height:100%
}
#logo {width:254px; height:81px; margin-left:30px; margin-top:90px;}

/* --------------------------------------------------------------    
	Right Side    
-------------------------------------------------------------- */

#image-section {width:100%; height:100%; position:fixed;}
#image-section img {height:auto; width:100%;}

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
.gallery_demo_unstyled {position:absolute; top:-440px; left:-440px;}
.galleria_wrapper {min-width:910px; min-height:587px;}
#main_image {background:url(../images/loading.gif) no-repeat; background-position:center; min-width:910px; min-height:587px; width:auto; height:auto}
.replaced {padding:20px; width:auto; height:auto; margin-bottom:20px; z-index:100; background:url(../images/trans-bg.png); width:auto}

#content-column {width:860px; margin-left:328px; margin-top:90px }
.content-section {background:url(../images/trans-bg.png); width:606px; padding:20px; margin-bottom:20px}


/* --------------------------------------------------------------    
	Footer    
-------------------------------------------------------------- */

#footer {}


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

ul#nav_main {
		list-style: none;
		float:left;
		width:182px;
		margin-left:0px;
		margin-top:70px}
		
ul#nav_main li {
		float:left;
		padding-right:0px;
		margin-bottom:10px;
		width:162px;
		list-style:none} /*!*/
		
ul#nav_main a {
		display:block;
		text-decoration:none;
		background:none;
		width:162px;
		position:relative;
		color:#000;
		text-align:right}
		
ul#nav_main a span {
		display:none;}		
		
ul#nav_main a:hover {
		display:block;
		text-decoration:none;
		background-position:bottom;}

ul#nav_main .sub {margin-bottom:0px; height:auto; line-height:1.3; margin-top:1px}
ul#nav_main .sub a {background:none; height:auto}
ul#nav_main .sub a:hover {color:#9a0128}
ul#nav_main .sub {font-size:1.5em}
#fashion-inner {margin-top:4px}
#beauty-inner {margin-top:4px}

#nav_main .about a {background-image: url('../images/about.png'); height:28px}
#nav_main .beauty a {background-image: url('../images/beauty.png'); height:28px}
#nav_main .fashion a {background-image: url('../images/fashion.png'); height:28px}
#nav_main .character a {background-image: url('../images/character.png'); height:29px}
#nav_main .contact a {background-image: url('../images/contact-link.png'); height:28px}
#about #nav_main .about a {background-position:bottom}
#contact #nav_main .contact a {background-position:bottom}
#beauty #nav_main .beauty a {background-position:bottom}
#fashion #nav_main .fashion a {background-position:bottom}
#character #nav_main .character a {background-position:bottom}



.earing-page ul#nav_main .earing a {color:#9a0128}
.metropolis-page ul#nav_main .metropolis-hel a {color:#9a0128}
.orpheus-page ul#nav_main .orpheus a {color:#9a0128}
.orpheus-page ul#nav_main .concept a {color:#9a0128}
.cocoon-page ul#nav_main .orpheus a {color:#9a0128}
.cocoon-page ul#nav_main .cocoon a {color:#9a0128}
.butterfly-page ul#nav_main .orpheus a {color:#9a0128}
.butterfly-page ul#nav_main .butterfly a {color:#9a0128}
.war-page ul#nav_main .war a {color:#9a0128}
.arden-page ul#nav_main .arden a {color:#9a0128}
.kingdoms-page ul#nav_main .three-kingdoms a {color:#9a0128}
.elizabethan-page ul#nav_main .elizabethan a {color:#9a0128}
.comic-page ul#nav_main .comic a {color:#9a0128}
.acres-page ul#nav_main .acres-de-beaute a {color:#9a0128}
.ginger-page ul#nav_main .ginger-kids a {color:#9a0128}
.heritage-page ul#nav_main .heritage a {color:#9a0128}
.junky-page ul#nav_main .junky-styling a {color:#9a0128}



ul#next-previous {
		list-style: none;
		float:left;
		width:64px;
		position:relative;
		right:1px}
		
ul#next-previous li {
		float:left;
		padding-right:0px;
		margin-bottom:10px;
		font-size:1.5em;
		width:64px} /*!*/
		
ul#next-previous a {
		display:block;
		text-decoration:none;
		background:none;
		width:64px;
		position:relative;
		color:#000;
		text-align:right}
		
ul#next-previous a span {
		display:none;}		
		
ul#next-previous a:hover {
		display:block;
		text-decoration:none;
		background-position:bottom;}
		
#next-previous .prev a {background-image: url('../images/previous.png'); height:25px}
#next-previous .next a {background-image: url('../images/next.png'); height:25px}

/* -------------------------------------------------------------- 
Contact Form  
-------------------------------------------------------------- */



#contact-form {
float:left;
width:606px;
}

#form-left {
float:left;
width:303px;
}

#form-right {
float:left;
width:303px;
}

#contact-form p {
width:293px;
margin-left:0px;
margin-right:0px;
}

#form-right p {position:relative; left:10px}



label {
float:left;
line-height:1.4;
width:65px
}

input {
float:right;
position:relative;
background:url(../images/trans-bg.png);
font-family:Georgia, "Times New Roman", Times, serif;
border:0px;
font-size:1.0em;
width:221px;
padding:2px
}

textarea {
float:right;
border: 0px dotted #cecfd0;
width:596px;
height:159px;
margin-top:10px;
right:0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.0em;
background:url(../images/trans-bg.png);
padding:5px;
border:0px
}


.submit-image {
position:relative;
width:66px;
height:27px;
margin-top:4px;
background:none
}
/* -------------------------------------------------------------- 
	Misc
-------------------------------------------------------------- */

.ie6 {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	background:#EFE6FA;
	text-align:center
}