/* CSS Document */
html, body { padding: 0; margin:0; }
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #fff;  
	background-image: url(../imgs/bg-bar-flower.gif);
	background-repeat: repeat-x;
	background-position: top center;
	background-color:#000000;
		
		}
	
#body1 {}

#body1.IE {zoom: 1;}
#wrapper { width:960px; margin:0 auto;}

#wrapper p {font-size: 80%;color: white;margin:0.5em 0; line-height:1.4em;}


a {	text-decoration:none;}	
a:link, a:visited{	color: #555;}
a:hover{	color: #fff;}


a img, img {border:0; margin:0; padding:0;}

h1 {font-size: 250%;
	color: #555;
	text-transform: capitalize;}
h2 {font-size: 100%;
	color: #555;
	text-transform: capitalize;}


#header {}
	.W3C #header {min-height:61px;}
	.IE #header {height:61px;}
	#header h1 {display:none;}


	#menu {font-size:75%;  width:650px; float:right; margin-top:18px; padding: 5px 0 0 0 ;}
	/*#menu ul { margin:0; padding: 5px 0 5px 0 ;  list-style:none; text-transform: uppercase;}
	#menu li { display:inline; margin:0; padding:0 6px; }*/
	#menu a:link, a:visited, a:active { color: #959595; text-decoration:none; }
	#menu a:hover {  color: #fff; text-decoration:none; }
	#menu a.selected {color: #fff; text-decoration:none; }
	

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin:0; padding: 0 0 5px 0 ;  list-style:none; text-transform: uppercase;
	z-index:9999; /*** IE FIX  ***/
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			5em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	 padding:0 6px; 
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;padding:0 8px; 
	position:		relative;
	
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			1em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			5em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			5em; /* match ul width */
	top:			0;
}

ul.sf-menu  li ul li {width:			100%;} /*sets width of drop down to 100%	*/
ul.sf-menu  li ul li a {	text-align:left; background-color:#312F30; padding:5px; display:block; width:160px; margin-left:15px;}
ul.sf-menu  li ul li .top {margin-top:5px;}
	

#wrapperContent {position:relative; width:960px; }

	#navigation {width:960px; text-align:center; z-index:9999;}
	
	
	#navigation p {font-size:1.3em; }
	#navigation ul {   list-style:none; text-transform: lowercase; font-size:0.7em; padding:10px 0;}
	.IE #navigation ul {margin:0 0 0 -10px;}
	.W3C #navigation ul {margin:0 0 0 -30px;}
	
		#navigation li { display:inline; margin:0 1px; background-color:#252525; border: 1px #535353 solid; padding:3px 3px;  }
		/*#navigation strong { display:inline; margin:0 1px; background-color:#252525; padding:3px 4px;  }*/
		
		#navigation a:link, #navigationa:visited, #navigation a:active { color: #959595; text-decoration:none;}
		#navigation a:hover {  color: #959595; text-decoration:none; }

	
	.collectionTitle {font-family:Arial, Helvetica, sans-serif; text-align:left; color:#363435; position:relative; top:5px; left:0; }

	.collectionnumber {font-family:Arial, Helvetica, sans-serif; text-align:right; font-size:80%; color:#CCC; position:absolute; bottom:10px; right:5px; width:15px; height:10px;}


#footer  { width:960px; padding-top:10px; text-align:center; }
#footer  p { color:#959595; font-size:11px; }
		#footer a:link, a:visited, a:active { color: #959595; text-decoration:none; }
	#footer a:hover {  color: #fff; text-decoration:none; }
	#footer a.selected {color: #fff; text-decoration:none; }


.cleaner {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;display:none;}


/* Contact Page */	

#contact {background:url(../imgs/bg/contact.jpg) top left no-repeat; height:520px}

#contact-trans{position:absolute; top:10px; right:10px; background-color:#000000; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;}

#contact1 {
	float:left;
	width:170px;
	padding:15px 0 0 15px;
	color: #fff; 
	}
#contact1 p {line-height:1.2em; }
#contact2 {	
	float:left;	width:270px;
	margin:10px 0 0 0;	
	padding-right:10px; padding-bottom:10px;
	}

form {margin:0; padding:0;}
input, textarea { 
	font-size:80%;
	color: #666;
	overflow:auto;font-family:Georgia, "Times New Roman", Times, serif;	}

.contactform {width:270px;margin-top:20px;}
.button {width:80px; float:right;}
.formstyle {width:160px;}

th {
	font-size:11px;
	color: #fff;
	text-align:right;
	vertical-align:top;
	width:85px;
	}

td {
	padding-left:10px;
	}


/* Contact END */	
/*
.home img , .look img{float:left;} */


#stores {background:url(../imgs/bg/stores.jpg) top left no-repeat; height:500px}

#stores-trans{position:absolute; top:10px; right:10px; background-color:#000000; filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; padding:20px 0 20px 30px;
}


.storescol {position:relative; width:400px;}

.smalllisttext {
	font-size:90%;
	}
	
#bio {padding-top:46px;}

	.W3C #bio {min-height:430px;}
	.IE #bio {height:430px;}

#bio img {float:left;}

#bridal {padding-top:0;}

	.W3C #bio {min-height:430px;}
	.IE #bio {height:430px;}

#bridal img {float:left;}

.bioright {
	width:500px;
	float:left;
	padding:15px 0 0 20px;	font-size:100%;}

#press {padding-top:46px;}
	.W3C #press {min-height:430px;}
	.IE #press {height:430px;}

	
#press img {float:left;}
.pressleft {float:right;	width:550px;	padding:75px 0 0 20px;	}


/* stepcarousel */
.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 10px solid black;*/
overflow: scroll; /*leave this value alone*/
width: 960px; /*Width of Carousel Viewer itself*/
height: 500px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0 1px 0 0; /*margin around each panel*/
width: 320px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .panel img {margin: 0 0 0 0;}
/* stepcarousel */