/* GENERAL STYLES */

* {
          margin:	0px; 
          padding: 0px; 
          border:	0px;
          } 

html,body{
          margin:0px;
          padding:0px;
          height:100%;   
          border:none;
          font-size: 0.9em;
          color: rgb(80,80,80);
          background-color: #8a8984;
          background-image: url(images/bgtxt.jpg); 
          background-repeat: repeat-x;      
          font-family: trebuchet MS; 
          line-height: 1.5em; 
          text-align: center;
          }










/*STRUCTURE*/
#valign {
        	width: 100%;
        	height: 50%;      
        	margin-top: -251px; 
        	float: left;
          }
#wrap {
          position: relative;  
          text-align: left;
          width: 984px;
          height: 500px;
          margin: 0px auto;
        	clear: both;
        	background-image: url(images/logo.gif);
        	background-position: 0px 455px;
        	background-repeat: no-repeat;
          }
         /* height: 380px would be better; fits on everyones screen*/   
         
#container { 
        	position: absolute;
        	right: 0px;
        	top: 0px;    	
          background-color: #dedad2;
          width: 984px;
          height: 450px;
          }       

#maingraphic {
          float: left; 
          margin: 0px; 
          padding: 0px; 
          display: inline;}

#content {
          float: left; 
          width: 720px;
          height: 450px;
          margin: 0px; 
          padding: 0px; 
          display: inline}
 
#logo {
          margin: 20px 0px 0px 10px;} 
          /*center margin margin: 10px 0px 0px 64px*/


     
#footer {
          position: absolute; 
          bottom: 17px;
          width: 984px;
          font-size: 0.8em;
          color: rgb(230,230,230);
          line-height: 1em;
          text-transform: uppercase;
          }
          /*3 lines of footer bottom value is 14px while2 lines is 22px*/
          
#navigation {
          float: right; 
          display: inline;
          width: 264px;
          margin: 15px 0px 0px 0px;
          padding: 25px 0px 25px 0px;
          background-color: #eae8e4; 
          background-image: url(images/graytxt.gif)
          }      

#navlist {
          list-style-type: none; 
          line-height: 1.25em; 
          float: right;
          width: 220px;
          margin: 0px 20px 0px 0px;
          padding: 0px;
          display: inline;
          color: #00c5d1;
          font-size: 0.9em;
          text-transform: uppercase;
          }         

#navlist li {
          float: left;
          clear: left; 
          width: 220px;
          display: block; 
          height: 16px;
          padding: 0px;
          margin: 0px}
          
          
          
          
/* GENERAL, CHARACTER, FONT, INLINE, STYLES */
img {
          border-width: 0px}
h1 {
          font-size: 1.3em;
          font-weight: bold;
          color: rgb(60,60,60)}  



/* COMMON STYLES*/
.floatl {float: left}
.floatr {float: right}
.bold {font-weight: bold}
.clearb {clear: both}
.clearl {clear: left}
.clearr {clear: right}
.zero {line-height: 0px; font-size: 0px; height: 0px; margin: 0px; padding: 0px; border: 0px; width: 0px}   
.white {color: white}  
.darkgray {color: rgb(120,120,120)}  
.onehund {width: 100px}  
          
/* LINKS */

a:link {
          text-decoration: underline;
          color: rgb(80,80,80);
          }
a:visited {
          text-decoration: underline;
          color: rgb(80,80,80);
          }      
a:hover {
          text-decoration: underline;
          color: #00c5d1;
          }          

#whitelink:link {
          text-decoration: underline;
          color: rgb(80,80,80);
          }
#whitelink:visited {
          text-decoration: underline;
          color: rgb(80,80,80);
          }      
#whitelink:hover {
          text-decoration: underline;
          color: white;
          }          

a.nav:link {
          text-decoration: none;
          color: black;
          display: block;
          height: 16px;
          }
a.nav:visited {
          text-decoration: none;
          color: black;
          display: block;
          height: 16px;}      
a.nav:hover {
          text-decoration: none;
          color: #00c5d1;
          display: block;
          height: 16px;}                
          /* old hover color of navigation pink #ff3d74*/
          
 
a.bolda:link {
          text-decoration: none;
          color: rgb(80,80,80);
          font-weight: bold;}
          
a.bolda:visited {
          text-decoration: none;
          color: rgb(80,80,80);
          font-weight: bold;}      
a.bolda:hover {
          text-decoration: none;
          color: #ff3d74;
          font-weight: bold;}          
 
#port:link {
          text-decoration: none;
          color: rgb(230,230,230);}
          
#port:visited {
          text-decoration: none;
          color: rgb(230,230,230);}  
          
#port:hover {
          text-decoration: none;
          color: #00ccff;}   
 
/* PAGE SPECIFIC STYLES*/ 

/*index*/
#news {
        font-size: 0.9em; 
        width: 220px; 
        position: absolute; 
        bottom: 0px; 
        right: 20px;}
          
#noflash {
        float: left; 
        padding: 0px; 
        margin: 0px}          
















/* aboutus*/

div.aboutus {
      background-image: url(images/aboutus.jpg);
      background-repeat: no-repeat;}

div.aboutdiv {
      float: right; 
      width: 250px; 
      display: inline; 
      color: rgb(60,60,60);
      margin: 55px 30px 10px 10px}

#pgspec2 {
        font-size: 0.9em; 
        width: 220px; 
        position: absolute; 
        bottom: 20px;
        right: 20px;}
        
.tt {
            position:absolute; 
            top: 25px;
            left: -140px;
            text-decoration: none;            
            color: rgb(210,210,210);
            border-width: 0px;
            border-style: solid;
            border-color: rgb(100,100,100);
            width:250px;
            height: 82px;
            margin:1em;
            padding:3px;            
            background-image: url(images/tttxt.gif);
            background-color: rgb(50,50,50)
            }   
      
        
/* NEWS*/

div.news {
      background-image: url(images/news.gif);
      background-repeat: no-repeat;}        

div.newsdiv {
      padding: 50px 50px 50px 50px; 
      line-height: 1em}
      
div.newsdiv2 {
      padding: 50px; 
      font-size: 1.15em;
      line-height: 1.5em}
      
div.newsdiv2 a:link {
      text-decoration: none;
      color: rgb(80,80,80);
      border-color: rgb(80,80,80);
      border-width: 0px 0px 1px 0px;
      border-style: dotted;} 

div.newsdiv2 a:visited {
      text-decoration: none;
      color: rgb(80,80,80);
      border-color: rgb(80,80,80);
      border-width: 0px 0px 1px 0px;
      border-style: dotted;} 
      
div.newsdiv2 a:hover {
      text-decoration: none;
      color: #00c5d1;
      border-color: rgb(180,180,180);
      border-width: 0px 0px 1px 0px;
      border-style: dotted;
      }   
     
            
#sep0107 {display: none}      
      
h1.newsh1 {
      font-weight: bold; 
      text-transform: uppercase; 
      font-size: 1em}

a.newsa:link {
      text-decoration: none;
      color: rgb(80,80,80);} 

a.newsa:visited {
      text-decoration: none;
      color: rgb(80,80,80);} 
      
a.newsa:hover {
      text-decoration: none;
      color: rgb(80,80,80);
      border-color: rgb(80,80,80);
      border-width: 0px 0px 1px 0px;
      border-style: dotted;
      }       
      
      
/* GALLERY*/

div.gallery {
      background-image: url(images/news.gif);
      background-repeat: no-repeat;}        

div.gallerydiv {
      padding: 20px; 
      line-height: 1em}
      
div.gallerydiv2 {
      padding: 20px; 
      font-size: 1.15em;
      line-height: 1.5em}
      
div.gallerydiv2 a:link {
      text-decoration: none;
      color: rgb(80,80,80);
      border-color: rgb(80,80,80);
      border-width: 0px 0px 1px 0px;
      border-style: dotted;} 

div.gallerydiv2 a:visited {
      text-decoration: none;
      color: rgb(80,80,80);
      border-color: rgb(80,80,80);
      border-width: 0px 0px 1px 0px;
      border-style: dotted;} 
      
div.gallerydiv2 a:hover {
      text-decoration: none;
      color: #00c5d1;
      border-color: rgb(180,180,180);
      border-width: 0px 0px 1px 0px;
      border-style: dotted;
      }   
        
h1.galleryh1 {
      font-weight: bold; 
      text-transform: uppercase; 
      font-size: 1em}

a.gallerya:link {
      text-decoration: none;
      color: rgb(80,80,80);} 

a.gallerya:visited {
      text-decoration: none;
      color: rgb(80,80,80);} 
      
a.gallerya:hover {
      text-decoration: none;
      color: rgb(80,80,80);
      border-color: rgb(80,80,80);
      border-width: 0px 0px 1px 0px;
      border-style: dotted;
      }       
      
.border {
      border:1px solid #000000;
      }
      
.lgborder {
      border:1px solid #ffffff;
      }
      
.gallerytext {
	  font-family: trebuchet MS, Verdana, "Lucida Sans Unicode", "Lucida Grande", Arial, helvetica, sans-serif;  
	  font-size: 1.2em; 
	  color: #FFFFFF;
	  }


/* store*/

div.store {
      background-image: url(images/luxtxt.gif);
      background-repeat: repeat-x;
      background-color: #383838;
      float: left; 
      width: 350px;
      height: 450px;
      margin: 0px; 
      padding: 0px; 
      display: inline;
      }   

#jewel {
      float: left; 
      width: 185px; 
      height: 450px;}
      
#crest {
      float: left; 
      width: 314px; 
      height: 450px;}  
      
#lettergold {
      float: left; 
      width: 239px; 
      height: 450px;}
      
#lettersilver {
      float: left; 
      width: 228px; 
      height: 450px;}
      
#bracelet {
      float: left; 
      width: 223px; 
      height: 450px;}
      
#eye {
      float: left; 
      width: 250px; 
      height: 450px;} 
      
#recpendentsilver {
      float: left; 
      width: 223px; 
      height: 450px;}       

#diamond {
      float: left; 
      width: 185px; 
      height: 450px;}
      
#formlist {
      list-style-type: none;
      margin: 64px 0px 0px 67px}
      
#formlist li {
      color: rgb(240,240,240);
      font-weight: normal;}      

#formlist img {
      margin: 20px 22px 20px 0px;
      font-weight: normal;}  
      
#formlistbracelet {
      list-style-type: none;
      margin: 15px 15px 0px 20px}
      
#formlistbracelet li {
      color: rgb(240,240,240);
      font-weight: normal;}      

#formlistbracelet img {
      margin: 20px 22px 20px 0px;
      font-weight: normal;}  

label {
      color: rgb(180,180,180);
      font-weight: normal;
      text-transform: lowercase;
      display: block;
      height: 20px;
      }
      
input {
      background-color: rgb(120,120,120);
      border-style: none;
      color: white;
      font-weight: normal;
      height: 16px;
      width: 220px;
	    background-image: url(images/inputxt.gif)
      }

select {
      background-color: rgb(120,120,120);
	    background-image: url(images/inputxt.gif);
      border-style: none;
      color: white;
      font-weight: normal;
      width: 220px;
      } 
      
button {
      height: 21px; 
      width: 101px;
      background-color: rgb(40,40,40);
      border-color: rgb(150,150,150);
      border-style: dotted;
      border-width: 1px;
      color: rgb(220,220,220);
      margin: 30px 18px 0px 0px;
      }  
      
.button_link {
      height: 21px; 
      width: 101px;
      background-color: rgb(40,40,40);
      border-color: rgb(150,150,150);
      border-style: dotted;
      border-width: 1px;
      color: rgb(220,220,220);
      margin: 30px 18px 0px 0px;
      }   
   
button:hover {
      height: 21px; 
      width: 101px;
      background-color: rgb(80,80,80);
      border-color: rgb(150,150,150);
      border-style: dotted;
      border-width: 1px;
      color: rgb(220,220,220);
      margin: 30px 18px 0px 0px;
      }       
         
.button_hover {
      height: 21px; 
      width: 101px;
      background-color: rgb(80,80,80);
      border-color: rgb(150,150,150);
      border-style: dotted;
      border-width: 1px;
      color: rgb(220,220,220);
      margin: 30px 18px 0px 0px;
      }  
   
.text {
	  font-family: trebuchet MS, Verdana, "Lucida Sans Unicode", "Lucida Grande", Arial, helvetica, sans-serif;  
	  font-size: 0.9em; 
	  color: #FFFFFF;
	  }
	  
a.moreinfo:link {
          text-decoration: none;
          color: #FFFFFF;
          font-weight: bold;}
          
a.moreinfo:visited {
          text-decoration: none;
          color: #FFFFFF;
          font-weight: bold;}      

a.moreinfo:hover {
          text-decoration: none;
          color: #ff3d74;
          font-weight: bold;}        

   
   
/*Selects*/
.selectArea {
    	width:220px;
    	height:16px;
    	background-color: rgb(120,120,120);
    	background-image: url(images/inputxt.gif)
      }
.selectArea .left {
    	width:0px;
    	height:0px;
    	float:left;
    	background-color: rgb(120,120,120);
    	background-image: url(images/inputxt.gif)
      }
.selectArea .right {
    	width:16px;
    	height:16px;
    	float:right;
    	background-color: #878787;
    	background-image: url(images/selectbutton.gif);
    	background-repeat: no-repeat;
      }
.selectArea .right a {
    	display:block;
    	width:16px;
    	height:16px;
    	background-image: url(images/selectbutton.gif);
    	background-repeat: no-repeat; 
      }

.selectArea .right a:hover {
    	display:block;
    	width:16px;
    	height:16px;
    	background-image: url(images/selectbutton.gif);
    	background-repeat: no-repeat;	
    	background-position: bottom right
      }

.selectArea .right i {
    	display:none;
      }
.selectArea .center {
    	width:170px;
    	margin-left:0px;
    	margin-right:0px;
    	color:#FFF;
    	padding-top: 0px;
    	font-size: 12px;
      }

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
    	position:absolute;
    	margin-top:16px;
    	margin-left:0px;
    	width:220px;
    	background-color: rgb(120,120,120);
    	background-image: url(images/inputxt.gif);
    	padding:0px;
    	font-size:11px;
    	z-index:20;
      }
.optionsDivInvisible {
    	display:none;
      }
.optionsDivVisible {
    	display:block;
      }
.optionsDivVisible p {
    	margin:0;
    	padding:0;
      }
.optionsDivVisible a {
    	color:#F2F2F2;
    	text-decoration:none;
    	display:block;
    	padding:0px 4px;
    	border:0px solid rgb(120,120,120);
      }
      
.optionsDivVisible a:visited {
    	color:#F2F2F2;
    	text-decoration:none;
    	display:block;
    	padding:0px 4px;
    	border:0px solid rgb(120,120,120);
      }
            
.optionsDivVisible a:hover {
    	color:#FFF;
    	text-decoration:none;
    	background:#5F6062;
    	border-color:#cfd0d6;
      }








/* THANK YOU */

#thankyou {
      float: left; 
      width: 370px; 
      height: 450px;}
.thanks {
      font-size: 1.7em;
      margin: 210px 0px 0px 70px; 
      color: rgb(170,170,170);}








      
/* fashion*/

div.fashion {
      background-image: url(images/largelogo.gif);
      background-repeat: no-repeat;}         
      
      
      
   
   
   
/* CONTACT US*/   
   
div.contactus {
      background-image: url(images/contact.jpg);
      background-repeat: no-repeat;}

div.contactdiv {
      float: left; 
      width: 250px; 
      display: inline; 
      color: rgb(60,60,60);
      margin: 40px 30px 10px 30px}
   
   
   
   
   
   
   
   
   
   
   
      
      
           
/* MISSING */

#missing { 
          background-color: #dedad2;
          margin: 50px;
          position: relative;
          width: 884px;
          height: 350px;
          }   
#missingp {position: relative; top: 55px; left: 50px; width: 450px}

.largefont {font-size: 2em}


ol {list-style-type: decimal; padding-left: 20px}