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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}


/* Basic Selectors
--------------------------------------------------------------------------------------- */

body { background-color:#000; font: normal 13px/1.4 "lucida grande", "lucida sans", calibri, corbel, verdana, arial, sans-serif; color: #666666; }

h1, h2, h3, h4, h5, h6 { font-size:1.8em; font-weight:bold; color: #333333; font-family: Helvetica, Arial, Verdana, sans-serif; }
p { font-size:1.2em; line-height:1.4em; margin:12px 0; }

/* Links
--------------------------------------------------------------------------------------- */

a{text-decoration:none;color:#ddcba0}
a:hover{text-decoration:none; color:#fce8b6}
a:focus {-moz-outline: none;} 
a {
    outline: none;
}
a:active { outline: none; }
:-moz-any-link:focus { outline: none; }
object { outline:none; }
a img{border:none}
ul{list-style-type:none}
p { margin:11px 0 0 0; padding:0px; } /*sets top margin of p */
.clear{width:100%;height:0px;font-size:0px;line-height:0px;clear:both}

.footer a{text-decoration:none; color: #a4689e;}
.footer a:hover {text-decoration:none; color: #bc77b5;}


/* Main 
--------------------------------------------------------------------------------------- */
#container {margin: 2px auto; padding: 0; background-image: url("images/background.jpg"); background-repeat: no-repeat; width:996px;height:664px; }

#FlashMovie h1 { background-color:#000; font-family:verdana, arial ; color:#EEE ; font-size: 16px ; margin: 10px auto;  line-height:18px; width:510px; text-align:left;
}
#FlashMovie p { background-color:#000; font-family:verdana, arial ; color:#EEE ; font-size: 14px ; margin: 10px auto;  line-height:18px; width:510px; text-align:left;
}

/* Top
--------------------------------------------------------------------------------------- */

#top {margin: 0; padding: 0; width:996px;height:185px; }

#logo {
float:left;
width:454px;
height:185px;
}
#navright {
  margin:10px 0 0 0;
  float:left;
}
.social {
padding-left:447px;
margin:0 0 38px 0;
}
#menu {
  list-style: none;
  margin:3px 0 0 0;
  float:left;
}
#menu ul li {
	display:inline;
	float:left;
	position:relative;
	margin:0;
	font-size:19px;
	text-transform:lowercase;
	letter-spacing:0px;
	font-weight:normal;
	padding-left:29px;
}
#menu ul li a {
	color:#fff;
	text-decoration:none;
}
#menu ul li a:hover {
	color:#ff7db5;
}
#menu ul li.selected a {
	color:#ff7db5;
}

#navigation {
  list-style: none;
  margin:8px 0 0 0;
  float:left;
}
#navigation li {
  float: left;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
  height: 21px;
  position: relative;
  display: block;
  cursor: pointer;
  background: url(images/nav.png) 0 0 no-repeat;
}

/* individual navigation items */
#navigation a.shop {
  background-position: 0 0;
  width: 159px;
  margin-right:0px; /* could add to each to space between for text nav*/
}

#navigation .highlight a.shop:hover,
#navigation a.shop .hover, #navigation a.shop.active {
  background-position: 0 -21px;
}

#navigation a.gallery {
  background-position: -159px 0;
  width: 94px;
}

#navigation .highlight a.gallery:hover,
#navigation a.gallery .hover, #navigation a.gallery.active {
  background-position: -159px -21px;
}

#navigation a.about {
  background-position: -253px 0;
  width: 89px;
}

#navigation .highlight a.about:hover,
#navigation a.about .hover, #navigation a.about.active {
  background-position: -253px -21px;
}

#navigation a.contact {
  background-position: -342px 0;
  width: 166px;
}

#navigation .highlight a.contact:hover,
#navigation a.contact .hover, #navigation a.contact.active {
  background-position: -342px -21px;
}

/* Shop Landing
--------------------------------------------------------------------------------------- */
#shop-main {padding-left:22px;}

#title-bar {
width:950px;
height:42px;
background-color:#000;
}

#sub-nav {
float:left;
width:220px;
height:402px;
background-color:#FFF;
}

.indent {
padding:25px 0 0 35px;
}

#sub-nav li  {
	margin-bottom:45px;
}

#sub-nav li  a {
	display: block;
	height: 21px;
	text-indent: -9999px;
	position: relative;
	z-index: 20;
}

#sub-nav li#nav-sashes a {
	background: transparent url("images/sub-nav-sashes.png") no-repeat left top;
	text-indent: -9999px;
	background-position: 0 0;	
}
#sub-nav li#nav-sashes a:hover {
	background-position: 0 -21px;
}

#sub-nav li#nav-tiaras a {
	background: transparent url("images/sub-nav-tiaras.png") no-repeat left top;
	text-indent: -9999px;
	background-position: 0 0;	
}
#sub-nav li#nav-tiaras a:hover {
	background-position: 0 -21px;
}

#sub-nav li#nav-headbands a {
	background: transparent url("images/sub-nav-headbands.png") no-repeat left top;
	text-indent: -9999px;
	background-position: 0 0;	
}
#sub-nav li#nav-headbands a:hover {
	background-position: 0 -21px;
}

#sub-nav li#nav-brooches a {
	background: transparent url("images/sub-nav-brooches.png") no-repeat left top;
	text-indent: -9999px;
	background-position: 0 0;	
}
#sub-nav li#nav-brooches a:hover {
	background-position: 0 -21px;
}

#shop-landing {
float:left;
}

#shop-thumbs {
margin:0;
padding: 35px 0 0 45px;
background-color:#F2F2F2;
width:905px;
cursor:default;
}
#shop-thumbs ul{
margin: 0;
padding: 0;
list-style: none;      
background-color:#F2F2F2;
}
#shop-thumbs li {
	width:180px;
    height:287px; 
	padding:0;
    float:left;
	display: inline;
	margin-right:45px;
	margin-bottom:40px;
	font:9pt 'Century Gothic',Futura,'URW Gothic L',sans-serif;
	font-weight: bold;
	text-transform:lowercase;
	text-align:center;
	color:#333;
	background-color:#fff;
}
#shop-thumbs li a {
	font:9pt 'Century Gothic',Futura,'URW Gothic L',sans-serif;
	font-weight: bold;
	text-transform:lowercase;
	text-align:center;
	color:#333;
}	
#shop-thumbs li a:hover {
	font:9pt 'Century Gothic',Futura,'URW Gothic L',sans-serif;
	font-weight: bold;
	text-transform:lowercase;
	text-align:center;
	color:#F1219B;
}	
#shop-thumbs li.lastone {
			margin-right:0px;
}		
#shop-thumbs .text {
			margin-top:2px;
}	

/* Press Layout
--------------------------------------------------------------------------------------- */

#press-thumbs {
margin:0;
padding: 35px 0 0 45px;
background-color:#F2F2F2;
width:905px;
cursor:default;
}
#press-thumbs ul{
margin: 0;
padding: 0;
list-style: none;      
background-color:#F2F2F2;
}
#press-thumbs li {
	width:180px;
    height:287px; 
	padding:0;
    float:left;
	display: inline;
	margin-right:45px;
	margin-bottom:40px;
	font:9pt 'Century Gothic',Futura,'URW Gothic L',sans-serif;
	font-weight: bold;
	text-align:center;
	color:#333;
	background-color:#fff;
}
#press-thumbs li a {
	font:9pt 'Century Gothic',Futura,'URW Gothic L',sans-serif;
	font-weight: bold;
	text-align:center;
	color:#F1219B;
}	
#press-thumbs li a:hover {
	font:9pt 'Century Gothic',Futura,'URW Gothic L',sans-serif;
	font-weight: bold;
	text-align:center;
	color:#333;
}	
#press-thumbs li.lastone {
			margin-right:0px;
}		
#press-thumbs .text {
			margin-top:2px;
}	
#press-thumbs .test {
			margin-top:2px; text-align:left; padding:0px 0 0 50px;
}	

	#mainquotes {
		background:  transparent url(press/mainquotes.png) no-repeat left top;
		height: 100px;
		margin: 10px 0 0 0;
		padding: 0;
	}
	#quoteDiv1, #quoteDiv2, #quoteDiv3, #quoteDiv4, #quoteDiv5, #quoteDiv6, #quoteDiv7, #quoteDiv8 {
		padding-left:8px;
		padding-top: 18px;
		padding-right:150px;
		color:#444;
		font-size:15px;
		font-weight:normal;
		text-align:justify;
	}

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

	
#bottom { text-align: center;
	   margin-top:28px;
	   padding-bottom:10px;
	   color:#444 ; font-size: 12px; }

#bottom a { color:#444 ; font-size: 12px ; 
}
#bottom a:hover { color:#666 ;font-size: 9px ; 
}