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

body{
	margin: 0px;
	background:#000;
	font-family: Verdana;
	color: #C7B299;
	letter-spacing: 0pt;
	font-weight: normal;
	font-size: 12px;
	behavior: url("../csshover3.htc");
}

a:link
{ text-decoration: none; }
a:visited
{ text-decoration: none; }
a:active
{ text-decoration: none; }
a:hover
{ text-decoration: none; }

td
{ padding-right: 15px;
padding-bottom: 15px;
}

.pageHeader{
		float:right;
		font-family: Verdana;
		color: #C7B299;
		letter-spacing: 0pt; 
		font-weight: normal;
		font-size: 10px;
	}
storeLocations{
                width: 300;
                background:#000 url(../images/background_stores.jpg);
		float:left;
		font-family: Verdana;
		color: #C7B299;
		letter-spacing: 0pt;
		font-weight: normal;
		font-size: 10px;
		margin:300px 0 0 40px;
	}
.ClearFix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* WinIE7 only */
*:first-child+html .ClearFix{
	height:1%;
}

/* WinIE6 and below */
/*¥*/
* html .ClearFix{
	height:1%;
}
/**/

/* MacIE only */
/*¥*//*/
.ClearFix{
	display:inline-table;
}
/**/

#container {
	width: 800px;
	margin: 100px auto;
	background:#000 url(../images/back.png) no-repeat top left scroll;
	position:relative;
}

#container #leftpanel {
	float:left;
	position:relative;
	z-index:2;
}
#container #mainpanel {
	float:left;
	position:relative;
	width:598px;
	z-index:1;
}


/** menu CSS **/

#menu {
background: none;
float: left;
padding:0 0 0 30px;
margin: 150px 0 0 0;
}
#menu ul, li{
list-style: none;
margin: 0;
padding: 0;
width: 150px;
float: left;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2, #menu h3 {
font-family:Verdana, Geneva, sans-serif;
font-size:.1em !important;
text-indent: -9999px;
display: block;
margin: 0;
padding:0;

}

#menu h2 {
color: #fff;
}
#menu h3 {
color: #fff;
}
#menu a {
color: #fff;
text-decoration: none;
padding: 20px;
}
#menu ul li:hover{
  background-position:100% -40px;
  }
   #menu ul ul li:hover a{
  background-position:100% -40px;
  }


/*hiding and showing the menu*/

#menu ul ul, #menu ul li:hover ul ul, #menu ul ul li:hover ul ul 
{display: none;}

#menu li:hover ul, #menu li:hover li:hover ul {
   display:block;
}

#menu li {position: relative;}

#menu ul ul{
position: absolute;
z-index: 500;
}

#menu ul ul {
top: 0;
left: 100%;
}

/* end menu css  */




#content {
float:left;
margin:150px 0 0 40px;
}

#home {
background: url(../images/Menu_Home.png) no-repeat top left scroll;
}
#profile {
background: url(../images/Menu_Profile.png) no-repeat top left scroll;
}
#collections {
background: url(../images/Menu_Collections.png) no-repeat top left scroll;
}
     #velvetmoon {
     background: url(../images/Menu_CollectionsVelvetMoon.png) no-repeat top left scroll;
     }
     #infinitas {
     background: url(../images/Menu_CollectionsInfinitas.png) no-repeat top left scroll;
     }
     #tanzanite {
     background: url(../images/Menu_CollectionsTanzanite.png) no-repeat top left scroll;
     }
          .products {
          background: url(../images/Menu_Collections_Products.png) no-repeat top left scroll;
          font: 9px Verdana, Geneva, sans-serif;
          }
          .models {
          background: url(../images/Menu_Collections_Models.png) no-repeat top left scroll;
          font: 9px Verdana, Geneva, sans-serif;
          }
          .stillvideos {
          background: url(../images/Menu_Collections_Videos_Still.png) no-repeat top left scroll;
          font: 9px Verdana, Geneva, sans-serif;
          }
          .rampvideos {
          background: url(../images/Menu_Collections_Videos_Ramp.png) no-repeat top left scroll;
          font: 9px Verdana, Geneva, sans-serif;
          }
     #oro {
     background: url(../images/Menu_CollectionsOro.png) no-repeat top left scroll;
     }
     #pink {
     background: url(../images/Menu_CollectionsPink.png) no-repeat top left scroll;
     }
	 #gardenglories {
     background: url(../images/Menu_CollectionsGardenGlories.png) no-repeat top left scroll;
     }
	 #outofthewoods {
     background: url(../images/Menu_CollectionsOutOfTheWoods.png) no-repeat top left scroll;
     }
	 #waterworld {
     background: url(../images/Menu_CollectionsWaterWorld.png) no-repeat top left scroll;
     }
#products {
background: url(../images/Menu_Products.png) no-repeat top left scroll;
}
     #mens {
     background: url(../images/Menu_Products_MensRings.png) no-repeat top left scroll;
     }
     #ladies {
     background: url(../images/Menu_Products_LadiesRings.png) no-repeat top left scroll;
     }
     #engagement {
     background: url(../images/Menu_Products_EngagementRings.png) no-repeat top left scroll;
     }
     #wedding {
     background: url(../images/Menu_Products_WeddingRings.png) no-repeat top left scroll;
     }
#services {
background: url(../images/Menu_Services.png) no-repeat top left scroll;
}
     #design {
     background: url(../images/Menu_Services_Design.png) no-repeat top left scroll;
     }
     #order {
     background: url(../images/Menu_Services_MadeToOrder.png) no-repeat top left scroll;
     }
     #repair {
     background: url(../images/Menu_Services_Repair.png) no-repeat top left scroll;
}
#news {
background: url(../images/Menu_NewsEvents.png) no-repeat top left scroll;
}
#art {
background: url(../images/Menu_ArtPieces.png) no-repeat top left scroll;
}
#stores {
background: url(../images/Menu_Stores.png) no-repeat top left scroll;
}

.inlinepic_profile {
display:inline;
float:right;
margin:20px;
}

.inlinepic_collections_oro {
display:inline;
float:left;
margin:20px;
}

.inlinepic_collections_pink {
display:inline;
float:left;
margin:20px;
}