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

/****************** ABOUT ******************/
#preview{position:absolute; border:1px solid #fdb813; background:#333; padding:5px; display:none; color:#fdb813; z-index:5;}


/****************** MOSAICS ******************/
#treeoflife a, #treeoflife-current, #winspearmosiac a, #winspearmosiac-current, #cathdome a, #cathdome-current, #riomaggiore a, #riomaggiore-current, #seascapes a, #seascapes-current, #hibiscus a, #hibiscus-current{
text-indent:-9999px; height:271px; width:380px; display:block; overflow:hidden;}

#treeoflife a{background:url("../images/xz_proj_treeoflife.jpg") no-repeat 0 -274px;}
#treeoflife a:hover, #treeoflife a:focus, #treeoflife a:active, #treeoflife-current{background:url("../images/xz_proj_treeoflife.jpg") no-repeat 0 -1px;}

#winspearmosiac a{background:url("../images/xz_proj_winpent2.jpg") no-repeat 0 -274px;}
	
#winspearmosiac a:hover, #winspearmosiac a:focus, #winspearmosiac a:active, #winspearmosiac-current{background:url("../images/xz_proj_winpent2.jpg") no-repeat 0 -1px;}

#cathdome a{background:url("../images/xz_proj_cathdome.jpg") no-repeat 0 -274px;}
#cathdome a:hover, #cathdome a:focus, #cathdome a:active, #cathdome-current{background:url("../images/xz_proj_cathdome.jpg") no-repeat 0 -1px;}
	
#riomaggiore a{background:url("../images/xz_proj_riomaggiore.jpg") no-repeat 0 -274px;}
#riomaggiore a:hover, #riomaggiore a:focus, #riomaggiore a:active, #riomaggiore-current{background:url("../images/xz_proj_riomaggiore.jpg") no-repeat 0 -1px;}
		
#seascapes a{background:url("../images/xz_proj_seascapes.jpg") no-repeat 0 -274px;}
#seascapes a:hover, #seascapes a:focus, #seascapes a:active, #seascapes-current{background:url("../images/xz_proj_seascapes.jpg") no-repeat 0 -1px;}

#hibiscus a{background:url("../images/xz_proj_hibiscus.jpg") no-repeat 0 -274px;}
#hibiscus a:hover, #hibiscus a:focus, #hibiscus a:active, #hibiscus-current{background:url("../images/xz_proj_hibiscus.jpg") no-repeat 0 -1px;}

/****************** INSTALLATIONS ******************/
#baptismfont a, #baptismfont-current, #monoliths a, #monoliths-current, #strata a, #strata-current, #winpentinstall a, #winpentinstall-current{text-indent:-9999px;	height:271px; width:380px; display:block; overflow:hidden;}

#baptismfont a{background:url("../images/xz_proj_baptismfont.jpg") no-repeat 0 -274px;}
#baptismfont a:hover, #baptismfont a:focus, #baptismfont a:active, #baptismfont-current{background:url("../images/xz_proj_baptismfont.jpg") no-repeat 0 -1px;}

#monoliths a{background:url("../images/xz_proj_monoliths.jpg") no-repeat 0 -274px;}	
#monoliths a:hover, #monoliths a:focus, #monoliths a:active, #monoliths-current{background:url("../images/xz_proj_monoliths.jpg") no-repeat 0 -1px;}
	
#strata a{background:url("../images/xz_proj_strata.jpg") no-repeat 0 -274px;}
#strata a:hover, #strata a:focus, #strata a:active, #strata-current{background:url("../images/xz_proj_strata.jpg") no-repeat 0 -1px;}
	
#winpentinstall a{background:url("../images/xz_proj_winpent1.jpg") no-repeat 0 -274px;}
#winpentinstall a:hover, #winpentinstall a:focus, #winpentinstall a:active, #winpentinstall-current{background:url("../images/xz_proj_winpent1.jpg") no-repeat 0 -1px;}

	
/****************** GLASS ******************/
#cdc a, #cdc-current, #elements a, #elements-current, #magnum a, #magnum-current, #colours a, #colours-current{text-indent:-9999px; height:271px; width:380px; display:block; overflow:hidden;}

#cdc a, #cdc-current{background:url("../images/xz_proj_cdc.jpg") no-repeat 0 -274px; width:425px;}
#cdc a:hover, #cdc a:focus, #cdc a:active, #cdc-current{background:url("../images/xz_proj_cdc.jpg") no-repeat 0 -1px;}
	
#elements a{background:url("../images/xz_proj_elements.jpg") no-repeat 0 -274px;}
#elements a:hover, #elements a:focus, #elements a:active, #elements-current{background:url("../images/xz_proj_elements.jpg") no-repeat 0 -1px;}

#magnum a{background:url("../images/xz_proj_magnum.jpg") no-repeat 0 -274px;}
#magnum a:hover, #magnum a:focus, #magnum a:active, #magnum-current{background:url("../images/xz_proj_magnum.jpg") no-repeat 0 -1px;}
	
#colours a{background:url("../images/xz_proj_colours.jpg") no-repeat 0 -275px;}	
#colours a:hover, #colours a:focus, #colours a:active, #colours-current{background:url("../images/xz_proj_colours.jpg") no-repeat 0 1px;}


/* --------- Elements Page --------------- */
#elements-bar{background:url("../images/elements-left-image.jpg") no-repeat 0 -1px; text-indent:-9999px; float:left; height:274px; width:95px; display:block; overflow:hidden; margin-right:30px;}

#elements-nav{width:237px !important; float:left;}
#elements-nav ul li{list-style-type:none; height:35px; width:237px; margin-bottom:44px; text-indent:-9999px; text-decoration:none;}
#elements-nav ul li a, #elements-nav ul li a:hover{height:35px; display:block; overflow:hidden; text-decoration:none;}

.earth-nav a{background:url("../images/elm-nav-earth.jpg") no-repeat 0 -35px;}
.earth-nav a:hover, .earth-nav a:focus, .earth-nav-current a{background:url("../images/elm-nav-earth.jpg") no-repeat 0 0;}

.fire-nav a{background:url("../images/elm-nav-fire.jpg") no-repeat 0 -35px;}
.fire-nav a:hover, .fire-nav a:focus, .fire-nav-current a{background:url("../images/elm-nav-fire.jpg") no-repeat 0 0;}

.ice-nav a{background:url("../images/elm-nav-ice.jpg") no-repeat 0 -35px;}
.ice-nav a:hover, .ice-nav a:focus, .ice-nav-current a{background:url('../images/elm-nav-ice.jpg') no-repeat 0 0;}

.wind-nav a{background:url("../images/elm-nav-wind.jpg") no-repeat 0 -35px;}
.wind-nav a:hover, .wind-nav a:focus, .wind-nav-current a{background:url("../images/elm-nav-wind.jpg") no-repeat 0 0;}


/* --------- Magnum Page --------------- */
#magnum-bar{background:url("../images/xz_proj_magnum.jpg") no-repeat 0 -1px; text-indent:-9999px; float:left; height:274px; width:380px; display:block; overflow:hidden; margin-right:30px;}

/*
#magnum-nav{width:237px !important; float:left;}
#magnum-nav ul li{list-style-type:none; height:35px; width:237px; margin-bottom:10px; text-indent:-9999px; text-decoration:none;}
#magnum-nav ul li a, #magnum-nav ul li a:hover{height:35px; display:block; overflow:hidden; text-decoration:none;}

#magnum-nav ul{margin-left:250px;}
#magnum-nav ul.left{float:left; margin-left:0;}
 
.mag-fire a{background:url("../images/elm-nav-earth.jpg") no-repeat 0 -35px;}
.mag-fire a:hover, .mag-fire a:focus, .mag-fire-current a{background:url("../images/elm-nav-earth.jpg") no-repeat 0 0;}

.mag-agua a{background:url("../images/elm-nav-fire.jpg") no-repeat 0 -35px;}
.mag-agua a:hover, .mag-agua a:focus, .mag-agua-current a{background:url("../images/elm-nav-fire.jpg") no-repeat 0 0;}

.mag-serp a{background:url("../images/elm-nav-ice.jpg") no-repeat 0 -35px;}
.mag-serp a:hover, .mag-serp a:focus, .mag-serp-current a{background:url('../images/elm-nav-ice.jpg') no-repeat 0 0;}

.mag-ess1 a{background:url("../images/elm-nav-wind.jpg") no-repeat 0 -35px;}
.mag-ess1 a:hover, .mag-ess1 a:focus, .mag-ess1-current a{background:url("../images/elm-nav-wind.jpg") no-repeat 0 0;}

.mag-ess2 a{background:url("../images/elm-nav-wind.jpg") no-repeat 0 -35px;}
.mag-ess2 a:hover, .mag-ess2 a:focus, .mag-ess2-current a{background:url("../images/elm-nav-wind.jpg") no-repeat 0 0;}
 
.mag-citr a{background:url("../images/elm-nav-earth.jpg") no-repeat 0 -35px;}
.mag-citr a:hover, .mag-citr a:focus, .mag-citr-current a{background:url("../images/elm-nav-earth.jpg") no-repeat 0 0;}

.mag-soph a{background:url("../images/elm-nav-fire.jpg") no-repeat 0 -35px;}
.mag-soph a:hover, .mag-soph a:focus, .mag-soph-current a{background:url("../images/elm-nav-fire.jpg") no-repeat 0 0;}

.mag-reli a{background:url("../images/elm-nav-ice.jpg") no-repeat 0 -35px;}
.mag-reli a:hover, .mag-reli a:focus, .mag-reli-current a{background:url('../images/elm-nav-ice.jpg') no-repeat 0 0;}

.mag-glac a{background:url("../images/elm-nav-ice.jpg") no-repeat 0 -35px;}
.mag-glac a:hover, .mag-glac a:focus, .mag-glac-current a{background:url('../images/elm-nav-ice.jpg') no-repeat 0 0;}*/


/* --------- More Page --------------- */
#colours-bar{background:url("../images/colours-left-image.jpg") no-repeat 0 -1px; text-indent:-9999px; float:left; height:274px; width:95px; display:block; overflow:hidden; margin-right:30px;}

#colours-nav{width:237px !important; float:left;}
#colours-nav ul li{list-style-type:none; text-decoration:none; height:35px; width:237px; margin-bottom:5px; text-indent:-9999px;}
#colours-nav ul li a, #colours-nav ul li a:hover{ height:35px; text-decoration:none; display:block; margin-bottom:5px; overflow:hidden;}

.aurora-nav a{background:url('../images/colours-nav-aurora.jpg') no-repeat 0 -35px;}
.aurora-nav a:hover, .aurora-nav a:focus, .aurora-nav-current a{background:url('../images/colours-nav-aurora.jpg') no-repeat 0 0;}

.bcane-nav a{background:url('../images/colours-nav-bcane.jpg') no-repeat 0 -35px;}
.bcane-nav a:hover, .bcane-nav a:focus, .bcane-nav-current a{background:url('../images/colours-nav-bcane.jpg') no-repeat 0 0;}

.cblue-nav a{background:url('../images/colours-nav-cblue.jpg') no-repeat 0 -35px;}
.cblue-nav a:hover, .cblue-nav a:focus, .cblue-nav-current a{background:url('../images/colours-nav-cblue.jpg') no-repeat 0 0;}

.clear-nav a{background:url('../images/colours-nav-clear.jpg') no-repeat 0 -35px;}
.clear-nav a:hover, .clear-nav a:focus, .clear-nav-current a{background:url('../images/colours-nav-clear.jpg') no-repeat 0 0;}

.cviolet-nav a{background:url('../images/colours-nav-cviolet.jpg') no-repeat 0 -35px;}
.cviolet-nav a:hover, .cviolet-nav a:focus, .cviolet-nav-current a{background:url('../images/colours-nav-cviolet.jpg') no-repeat 0 0;}

.cwrap-nav a{background:url('../images/colours-nav-cwrap.jpg') no-repeat 0 -35px;}
.cwrap-nav a:hover, .cwrap-nav a:focus, .cwrap-nav-current a{background:url('../images/colours-nav-cwrap.jpg') no-repeat 0 0;}

.whirlwind-nav a{background:url('../images/colours-nav-whirlwind.jpg') no-repeat 0 -35px;}
.whirlwind-nav a:hover, .whirlwind-nav a:focus, .whirlwind-nav-current a{background:url('../images/colours-nav-whirlwind.jpg') no-repeat 0 0;}




/****************** JEWELRY ******************/
#cufflinks a, #cufflinks-current{text-indent:-9999px; height:271px; width:380px; display:block; overflow:hidden;}

#cufflinks a, #cufflinks-current{background:url("../images/xz_proj_cufflinks.jpg") no-repeat 0 -274px; width:425px;}
#cufflinks a:hover, #cufflinks a:focus, #cufflinks a:active, #cufflinks-current{background:url("../images/xz_proj_cufflinks.jpg") no-repeat 0 -1px;}

#murano a, #murano-current{text-indent:-9999px; height:271px; width:380px; display:block; overflow:hidden;}
#murano a, #murano-current{background:url("../images/xz_proj_murano.jpg") no-repeat 0 -274px; width:425px;}
#murano a:hover, #murano a:focus, #murano a:active, #murano-current{background:url("../images/xz_proj_murano.jpg") no-repeat 0 -1px;}


/* --------- Cufflinks Page --------------- */
#cufflinks-bar{background:url("../images/cufflinks-left-image.jpg") no-repeat 0 -1px; text-indent:-9999px; float:left; height:274px; width:95px; display:block; overflow:hidden; margin-right:30px;}

#cufflinks-nav{width:237px !important; float:left;}
#cufflinks-nav ul li{list-style-type:none; height:35px; width:237px; margin-bottom:44px; text-indent:-9999px; text-decoration:none;}
#cufflinks-nav ul li a, #cufflinks-nav ul li a:hover{height:35px; display:block; overflow:hidden; text-decoration:none;}

.gold-solid-nav a{background:url("../images/cuff-nav-gold-solid.jpg") no-repeat 0 -35px;}
.gold-solid-nav a:hover, .gold-solid-nav a:focus, .gold-solid-nav-current a{background:url("../images/cuff-nav-gold-solid.jpg") no-repeat 0 0;}

.gold-weave-nav a{background:url("../images/cuff-nav-gold-weave.jpg") no-repeat 0 -35px;}
.gold-weave-nav a:hover, .gold-weave-nav a:focus, .gold-weave-nav-current a{background:url("../images/cuff-nav-gold-weave.jpg") no-repeat 0 0;}

.stainless-steel-nav a{background:url("../images/cuff-nav-stainless-steel.jpg") no-repeat 0 -35px;}
.stainless-steel-nav a:hover, .stainless-steel-nav a:focus, .stainless-steel-nav-current a{background:url("../images/cuff-nav-stainless-steel.jpg") no-repeat 0 0;}