@charset "utf-8";
/* CSS Document */
body{
	margin: 0;
	padding: 0;
	color: #000;
	font-family:  "Palatino Linotype", Pristina, "Palace Script MT";
	font-size: small;
	background-color: #000000; 
	
}

#wrapper {	
    
	margin:0px;
	padding: 0px;
	
	width:900px;
	

	}
#wrapleft {
    margin:0px;
	padding:0 0 0 24px;
	float:left;
	width:900px;
	height:auto;
	background:#FFFFFF url(images/fullshadowblue.png) top left repeat-y;

}
/*
#wrapright {

   margin:0px;
	float:right;
	width:35px;
	background:#FFFFFF url(rshadowblue.png) top right repeat-y;

}

  */  

  #mast {
     float:left;
	 margin:0;
	 padding:0;
	 width:900px;
	 height:177px;}
	 
/*----------------------Mast head left side---------------------*/
  #mastleft{
   float:left;
   width:455px;
   height:177px;
   marging:0;
   padding:0;
   }
   #mastleftA{
      float:left;
	  width:100%;
	  height:89px;
	  margin:0;
	  padding:0;
	  background:url(logo1.png) top left no-repeat;
   }
     #mastleftB{
      float:left;
	  width:100%;
	  height:88px;
	  margin:0;
	  padding:0;
	  background:url(caption1.png) top right no-repeat;
   }
   
  /* ---unused code for text in the mast heading-------------------------------
  #mastleft h1 {font-size: 52px; color:white; padding: 15px 0 0 0; margin:0;}
   #mastleft p {padding: 20px 0 0 90px; font-size: 130%; color:#ffcc33; margin:0;}*/

/*----------------Mast head right side-------------------------------------------------------*/   
  #mastright{
   float:right;
   width:322px;
   height:177px;
   margin:0;
   padding:0;
   background:url(flashimages/mbead2.jpg) top left no-repeat;

  }
  
 /*--------menu-----------title--------spacerbar--------main----------------------*/
  #menubar {
     float:left;
	 width: 100%; height: 100px;
	 padding: 5px 0 0 60px;
	  background:url(images/rippedpapertop900.jpg) top left no-repeat;
  }

 #titlebar {
     float:left;
	 width: 100%;
	 height: 80px;
	 padding: 25px 0 0 0;
	 background-color:#FFFFFF;
  }
#titlebar h1 { color:#000; font-size: 200%;}

#titlebar2 {
     float:left;
	 width: 100%;
	 height: 50px;
	 padding: 15px 0 0 0;
	 background-color:#FFFFFF;
  }
#titlebar2 h1 { color:#000; font-size: 200%;}

 #titlebar3 {
     float:left;
	 width: 100%;
	 height: 50px;
	 padding: 5px 0 20px 0;
	 background-color:#FFFFFF;
	 
  }
#titlebar3 h3 { color:#696969; font-size: 150%;}

#titlebar2p {
     float:left;
	 width: 100%;
	 margin:0;
	 padding: 0px 0 10px 0;
	 background-color:#FFFFFF;
	 color:#000; font-size: 300%;
  }
  
#viewcart {width:880px; float:left; height:auto;background-color:#FFFFFF; text-align:right; padding: 0 20px 0 0; }
 #titlebar3p {
     float:left;
	 width: 100%;
	 height: auto;
	 padding: 5px 0 20px 0;
	 background-color:#FFFFFF;
	
     color:#636262; font-size: 130%;}
#titlebar3p p {padding: 0 40px 0 40px;}

#titlebar2pL {
     float:left;
	 width: 100%;
	 height: auto;
	 padding: 5px 0 0 0;
	 background-color:#FFFFFF;
	 color:#000; font-size: 200%;
  }

 #spacerbar {
     float:left;
	 width: 100%;
	 height: 10px;
	 background-color:#FFFFFF;
  }
 #main {
     float:left;
	 width: 100%;
	 padding: 0 0 50px 0;
	 background-color:#FFFFFF;
  }
  
/*---------------Main Left and Right---------------------------*/
#mainleft {
     float:left;
	 width: 46%;
  }

  #mainright {
     float:right;
	 width: 48%;
  }
 
 /*---------home page variation-----------------*/
 .homeleft {
	padding:0 0 0 25px;
	color: #000033;
	text-align: left;
	word-spacing: normal;
	font-size: 105%;}

/*--------About us page variation----------------*/

 .aboutright {
	padding:0 30px 0 0;
	color: #636262;
	text-align: left;
	word-spacing: normal;
	font-size: 125%;}
#aboutleft {
     float:left;
	 width: 400px;
  }

  #aboutright {
     float:right;
	 width: 470px;
  }
  
 /*--------Contact us page variation----------------*/

 .contactright {
	padding:0 30px 0 0;
	color: #636262;
	text-align: left;
	word-spacing: normal;
	font-size: 125%;}
#contactleft {
     float:left;
	 width: 450px;
  }

  #contactright {
     float:right;
	 width: 420px;
  }
 
  /*--------Latest news page variation----------------*/

 .newsright {
	padding:0 30px 0 0;
	color: #636262;
	text-align: left;
	word-spacing: normal;
	font-size: 125%;}
#newsleft {
     float:left;
	 width: 350px;
  }

  #newsright {
     float:right;
	 width: 520px;
  }
  .news1 {width:90%; float:left; margin:0 0 0 30px; padding:0 0 0 0; text-align:left; font-size:130%;}
 
  /*--------Main variations----------------------*/
  #main100 {width:100%; float:left;}
  .main100 { width: inherit; float:left; padding: 0 0 0 15px; text-align:center; line-height: 1.8em;}
 
  #mainleft5mm {
     float:left;
	 width: 96%;
	 padding: 0 0 0 15px;
	 text-align: center;
  }
  #mainleft5mm td { padding: 0 0 5px 0;}
  .shpcrtbtn { padding: 0 0 10px 0; height: 35px;}
  .linkstyle, .linkstylesc {padding: 0 0 15px 0; margin:0; text-align:center; font-weight:bold; color:#000000;}
  
  .linkstylesc {font-size:115%; }

.linkstyle a, .linkstylesc a{ color:#000000;}
.linkstyle a:hover, .linkstylesc a:hover { color:#FF9900;}

 /*-----------Earring page variation-----------------------------------------*/
.plwindowe { float:right; padding:0 25px 5px 0; margin:0; text-align:center;}

.earleft {float:left; padding:0 0 0 0; margin:0; width:200px;}
.earright {float:right; padding:0; margin:0; width:225px; text-align:left;}
.earwindow {width:100%; float:right; padding:0; margin:0; height:auto; }
.earlayout { float:left; width: 425px; margin:0; padding:0 0 0 0px;}
.earsubtitle {font-weight:bold; color:#333333;}
.earright b,  {font-size:130%; text-decoration: underline; color:#000000; text-align:left;} 
.earright p {font-size:110%; text-align:left; padding:0; color:#000;}
.earwindow2 p {font-size:110%; text-align:left; padding:0; color:#363636; font-weight:bold; vertical-align: text-top;}
 /*-----------Pearl and Gemstone page variations-----------------------------------------*/

.plwindow b, .plwindowbb b {
	font-size:130%;
	text-align:center;
	text-decoration: underline;
	color:#000000;
	vertical-align: middle;
} 
.plwindow p, .plwindowbb p {font-size:110%; padding:5px 0; color:#363636; font-weight:bold;}
.plwindow h1, .plwindowbb h1 {font-size:130%;}
.plwindowbb h1, .plwindowbb p{text-align:left;}
.plwindow h1, .plwindow p {text-align:right;}

.pearlleft {float:left; padding:0 0 0 10px; margin:0; width:200px;}
.pearlright {float:right; padding:0 0 0 0; margin:0; width:170px;}
.pearlleftA {float:left; padding:0 0 0 10px; margin:0; width:170px;}
.pearlrightB {float:right; padding:0 0 0 0; margin:0; width:200px;}

.plwindow { float:right; padding:0 15px 0 0; margin:0; text-align:center;}
.plwindowA {width:205px; float:right; padding:0; margin:0; text-align:center;}
.plwindowB {width:100%; float:right; padding:0 0 10px 0; margin:0; text-align:center;}
.plwindowAB {width:205px; float:right; padding:0 0 10px 0; margin:0; text-align:center;}
.plwindowbb { float:left; padding:0 15px 0 0; margin:0; text-align:center;}
.plwindowAB a {color:#666666;}
.plwindowB a {color:#666666;}
.plwindow2 { float:right; padding:10px 15px 0 0; margin:0; height:100px;}
.plwindow2bb { float:left; padding:10px 15px 0 0; margin:0; height:100px;}
.mainleft50 {float:left; width: 439px; margin: 0; padding:0; height:200px;}
.mainright50 {float:right; width: 459px; margin: 0; padding:0; height: 200px;}

/*--------focal page---------------------------------------------------------------------*/
.focaltext {text-align:center; font-size:115%; color:#333333;}
.focaltext b {font-size:140%; text-decoration: underline; color:#000000;} 
.focaltext p {font-size:110%; padding:0; color:#000;}

/*--------personal showcase page---------------------------------------------------------------------*/
.psccenter {text-align:center;}

/*-----------Bead set page Variation-------------------------------------------------*/
 
.itemlayout { float:left; width: 870px; margin:0; padding:0 0 0 20px;}

.bsleft {float:left; padding:0 0 0 0; margin:0; width:310px;}
.bsright {float:right; padding:0; margin:0; width:375px; text-align:left;}
.bswindow {width:100%; float:right; padding:0; margin:0; height:auto; }

.subtitle {font-weight:bold; color:#333333;}
.bsright b,  {font-size:130%; text-decoration: underline; color:#000000; text-align:left;} 
.bsright p {font-size:110%; text-align:left; padding:0; color:#000;}
.bswindow2 p {font-size:110%; text-align:left; padding:0; color:#363636; font-weight:bold; vertical-align: text-top;}

  /*-------------Picture Window Code----------------------------------------------*/
  
 .picturewindow {margin:0; padding:0;}
 .pwtop {float:left; width: 100%;}
 .pwmiddle {float:left; width:100%;}
 .pwbottom {clear:both; float:left; width:100%;}
 
 .pwtopleft {float:left; width:50%; height:50px; margin:0; padding:0; background:url(images/images/picturewindow_01.png) top left no-repeat;}
 .pwtopright {float:right; width:50%; height:50px; margin:0; padding:0; background:url(images/images/picturewindow_02.png) top right no-repeat;}
 
 .pwmiddleleft {float:left; width:6%; background:url(images/images/picturewindow_03.png) top left repeat-y;}
 .pwmiddleright {float:right; width:6%; background:url(images/images/picturewindow_04.png) top right repeat-y;}
 
 .pwbottomleft {float:left; width:50%; height:50px; background:url(images/images/picturewindow_05.png) bottom left no-repeat;}
 .pwbottomright {float:right; width:50%; height:50px; background:url(images/images/picturewindow_06.png) bottom right no-repeat;}
 
 
 /*--------------code for picture windows on bicone pages---------------------------------*/
 
 .pwmiddleleftB {float:left; width:6%; height:5px; background:url(images/images/picturewindow_03.png) top left repeat-y;}
 .pwmiddlerightB {float:right; width:6%; height:5px; background:url(images/images/picturewindow_04.png) top right repeat-y;}
 
/*---------------------code for large view pictures------------------------------------------*/ 
  .pwtopleftLV {float:left; width:50%; height:50px; margin:0; padding:0; background:url(images/images/picwindow_01300.png) top left no-repeat;}
 .pwtoprightLV {float:right; width:50%; height:50px; margin:0; padding:0; background:url(images/images/picwindow_02300.png) top right no-repeat;}
 
/* --------code for picture windows on spacer beads page ----------------------------------*/ 

 .pwtopleftsb {float:left; width:50%; height:20px; margin:0; padding:0; background:url(images/images/picturewindow_01.png) top left no-repeat;}
 .pwtoprightsb {float:right; width:50%; height:20px; margin:0; padding:0; background:url(images/images/picturewindow_02.png) top right no-repeat;}
 .pwbottomleftsb {float:left; width:50%; height:20px; background:url(images/images/picturewindow_05.png) bottom left no-repeat;}
 .pwbottomrightsb {float:right; width:50%; height:20px; background:url(images/images/picturewindow_06.png) bottom right no-repeat;}
 
 /*----------------End of Picture Window code---------------------------------------*/
 
 
 /*-------Bottom Edge---------------------------------------------------------------*/

#bottomborder {float:left; width:100%; padding:0; margin:0; height: 100px; 
               background:url(images/rippedpaperbot900.jpg) bottom left no-repeat;}

#bottommenu { float:left; width:100%; margin:0; padding: 5px; background-color:#000000;



}
#bottommenu li{
	margin:0;
	padding: 0 10px 0 10px;
	font-size: 120%;
	color:#FFFFFF;
	display: inline;
	list-style-type: none;
	text-decoration: none;
}
#bottommenu li a{color:#FFFFcc;}