/* CSS Document */

body {
	margin-top:40px;
	background-color:#731029;
}

#container {

	width:946px;

	height:658;
	
	 
	margin-left:20px;

	margin-top:0px;

	font-family:Garamond;

	text-align:left;

}
#container_diamond {

	width:960px;

	height:830px;
	
	 
	margin-left:20px;

	margin-top:0px;

	font-family:Garamond;

	text-align:left;

}


#sparkle {
	height:38px;
	width:214px;
	top:90px;
	position:absolute;
	z-index:1;
}

#header-right {
	height:28px;
	width:275px;
	margin-left:670px;
	position:absolute;
	z-index:1;
	color:#E59898;
	font-family:Garamond;
	font-size:11px;
	text-align:right;
}

#main-content-container {

	z-index:5;

/*	filter: alpha(opacity=85);

	-moz-opacity: .85;*/

	top:70px;

	margin-left:154px;

	width:725px;

	height:518px;

	font-family:Garamond;

	position:relative;

}



#header-menu {

	z-index:2;

	height:35px;

	width:100%;

	color:#FFFFFF;

	font-family:Garamond;
	
	font-size:14px;
	
	/*background-color:red;*/

}



#main-content {

	z-index:2;

	height:400px;

	width:700px;	

	margin-top:8px;

	font-family:Garamond;	

	padding-left:12px;

	padding-right:12px;

}



#main-content-left {

	z-index:3;

	height:400px;

	width:345px;	

	margin-top:10px;

	font-family:Garamond;
}



#main-content-right {

	z-index:3;

	height:400px;

	width:345px;

	margin-left:358px;

	font-family:Garamond;	

	position:absolute;	

	top:55px;

}

#page-name-container {
	width:500px;
	height:40px;
}
#page-name-container-diamond {
	width:500px;
	height:40px;
	margin-top:260px;
}

#footer-contact {
	height:20px;
	width:100%;
	margin-top:34px;
	
	color:#FFFFFF;
	font-family:Garamond;
	font-size:12px;
	text-align:center;
}
#footer-contact-diamond {
	height:20px;
	width:100%;
	margin-top:30px;
	color:#FFFFFF;
	font-family:Garamond;
	font-size:12px;
	text-align:center;
}
#footer-contact-gallery {
	height:20px;
	width:100%;
	margin-top:39px;
	
	color:#FFFFFF;
	font-family:Garamond;
	font-size:12px;
	text-align:center;
}

#footer-description {
	height:20px;
	width:100%;
	margin-top:7px;
	
	color:#E59898;
	font-family:Garamond;
	font-size:11px;
	text-align:center;
}

/************************Gallery Pages*****************************/



#viewImg {

	height:400px;

	width:400px;

}



#thumbImg {

	position:absolute;

	margin-left:135px;

	margin-top:-70px;	

	background:#FFFFFF;

}



#thumbTbl td {

	border-bottom:#7D132A 1px solid;

	border-top:#7D132A 1px solid;

	border-left:#7D132A 1px solid;

	border-right:#7D132A 1px solid;

}



#thumbTbl {

	border-collapse:collapse;

	padding:0px;

	margin:0px;

}



#viewImgDetail {

	width:300px;

	height:250px;

	position:absolute;

	top:52px;

	margin-left:390px;

}



#viewImgPages {

	/*width:300px;*/
	
	width:540px;

	height:30px;

	position:absolute;

	top:335px;

	/*margin-left:370px;*/
	
	margin-left:140px;

	text-align:right;	
	
	/*background-color:green;*/
	
	z-index:10;

}



#galleryLinkTbl td.enq {

	background-color:#690B1D;

	color:#FFFFFF;

	height:36px;

	font-weight:bold;
	
	white-space:nowrap;
	padding-left:5px;
	padding-right:5px;
}



#galleryLinkTbl td.pri {

	font-size:24px;

	font-weight:bold;

}



#jewelName {

	color:#690B1D;

	font-size:20px;

	font-weight:bold;

	font-family:Garamond;

}



a.enq, a.enq:visited, a.enq:hover {

	color:#FFFFFF;

	text-decoration:none;

	font-weight:bold;

}

a.galleryPageNum, a.galleryPageNum:hover, a.galleryPageNum:visited {

	text-decoration:none;

	color:#690B1D;

	font-size:20px;

	font-weight:bold;

	font-family:Garamond;

}

.gallerySelectedPageNum {
	color:#690B1D;

	font-size:30px;

	font-weight:bold;

	font-family:Garamond;
}

a.gallery, a.gallery:visited {
	color:#741426;
	font-weight:bold;
	text-decoration:none;
}

a.gallery:hover {
	color:#741426;
	font-weight:bold;
	text-decoration:underline;
}

.gallery-page-list {
	display:inline;
	word-spacing:20px;
}


a, a:visited {
	font-family:Garamond;
	color:#690B1D;
	text-decoration:none;
}

a:hover {
	font-family:Garamond;
	color:#690B1D;
	text-decoration:underline;

}

/*****************************************************/







/*****************************************************************************

                         Drop down menu css

*****************************************************************************/



#menu {z-index:-1;padding-left:10px;}

.menu {width:725px; height:33px; position:relative; z-index:100;border-right:0px; font-family:Garamond; vertical-align:middle; color:#EEEEEE;}



/* hack to correct IE5.5 faulty box model */

* html .menu {width:725px; w\idth:725px;}



/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0;margin:0;list-style-type:none;}

.menu ul ul {width:100px;margin-left:0px;border:0px; margin-top:-2px;}



/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left;XXXwidth:100px;position:relative;}



/* style the links for the top level 

IE6 needs width so we set it to 1px which is pretty much the same as "auto"

*/

.menu a, .menu a:visited {display:block;font-size:14px;text-decoration:none; color:#EEEEEE; height:31px; border:0px; line-height:30px; text-align:center; padding-left:17px; padding-right:17px;}



/* a hack so that IE5.5 faulty box model is corrected */

/* 

	* html .menu a, * html .menu a:visited {XXXwidth:140px; XXXw\idth:138px;} 

*/

* html .menu a, * html .menu a:visited {\width:30px; w\idth:30px;} 



/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#700D20 no-repeat 100px center;}



/* style the second level hover */

.menu ul ul a.drop:hover{background:#700D20 no-repeat 130px center;}

.menu ul ul :hover > a.drop {background:#700D20 no-repeat 130px center;}



/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#700D20;}



/* style the third level hover */

.menu ul ul ul a:hover {background:#700D20;}



/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;position:absolute;height:0;top:32px;left:0; width:130px;border-top:0px;}



/* another hack for IE5.5 */

* html .menu ul ul {top:31px;t\op:32px;}



/* position the third level flyout menu */

.menu ul ul ul{left:140px; top:-1px; width:130px;}



/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {left:-130px;}



/* style the table so that it takes no ppart in the layout - required for IE to work  */

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}



/* style the second level links  */

.menu ul ul a, .menu ul ul a:visited {background:#700D20; color:#EEEEEE; height:15px; line-height:1em; padding:6px 10px; width:148px;border-width:1px; text-align:left;}

.menu ul ul a.nav-selected { font-size: 14px ! important; color:#FFFFFF; border-bottom:#FFFFFF 2px solid; margin-left:10px;}

.menu ul ul a.nav {border-bottom:#FFFFFF 2px solid; margin-left:10px;}



<!--[if IE]> .menu ul ul a.nav {margin-left:0px;} <![EndIf]-->

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {\width:170px;w\idth:170px;}



/* style the top level hover 

Remo: IE6 needs a background color! */



.menu a:hover, .menu ul ul a:hover{color:#FFFFFF;font-size:14px;}

.menu :hover > a, .menu ul ul :hover > a {color:#FFFFFF;font-size:14px;}



/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul, 

.menu ul a:hover ul{visibility:visible; }



/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}



/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ visibility:visible; }
.seolink {
	color:#E59898!important;
	font-family:Garamond;
	font-size:11px;
	height:20px;
	margin-top:7px;
	text-align:center;
	width:100%;
	text-decoration:none;
}
.seolink a {
	color:#E59898!important;
	font-family:Garamond;
	font-size:11px;
	height:20px;
	margin-top:7px;
	text-align:center;
	width:100%;
	text-decoration:none;
}
.seolink1 {
	color:#FFFFFF!important;
	text-decoration:none;
}
.seolink1 a {
	color:#FFFFFF!important;
	text-decoration:none;
}

#header-right h1 {
	color:#E59898;
	font-family:Garamond;
	font-size:11px;
	font-weight:normal;
}