/* CSS Document */
/**/
body {
	background-color: #fff;
	margin: 0;
	padding: 0;
 font-family: verdana, arial, helvetica, sans-serif;
 line-height:1.4;
	text-align: center; /* Takes care of horizontal alignment in Internet Explorer */
		background-image: url(images/bg5.gif);
		font-size: x-small;
		 voice-family: "\"}\"", inherit;
		 /* All below here hidden from IE 5 PC */
		 font-size: small; 
		 	}
	
	
	.container{
	position: relative; /* Needed for Safari */
	margin: auto; /* Takes care of horizontal alignment in standards compliant browsers */
	text-align: left;
	width:800px;
	height:1000px;
	background-color:#fff;
	padding-top:0px;
	top:10px;
	margin-bottom:10px;
	/*top:0;*/
	
	/*background-image: url(images/bglinepc.gif);
	background-repeat: repeat-x;*/
	

        voice-family: "\"}\"";
        voice-family: inherit;
 /*  background-image: url(images/bgline2.gif);
   background-image: url(images/bglinepc.gif);*/
		}
	
	
	
	img{
	border:0;
	padding:0;
	margin:0;
	}
	
	a{
	color:#cf600f;
	text-decoration:none;
	}
	
	a:hover{
	text-decoration:none;
	color:#000;
	}
	
		
.header{
/*height:50px;*/
border:0px solid silver;
background-color:#CCCC66;
margin:0;
float:left;
width:800px;
background-color:#f3eecf;


}


.left{
width:280px;
float:left;
border:0px solid silver;
border-top:6px solid white;
background-color:#fff;
}

.left p{
padding-left:6px;
margin:0;
border:0px solid silver;
}



.whole{
width:520px;
float:left;
border:0px solid silver;
border-top:6px solid white;
}

.whole p{
padding-left:6px;
margin:0;
}

p.highlight {
color: #cf600f;
	font-weight: bold;
}
.right{
border:0px solid silver;

float:right;
/*margin-top:6px;*/
border-top:6px solid white;
border-right:6px solid #fff;
}

/* NAV  starts  */
#menu {
	margin: 0;
	padding: 0;
	padding-left:6px;
	
	}

#menu ul {
	border: 0;
	
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
	}

#menu ul li {
font-size:0.9em;

	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#menu ul li a {
	background: #fff;
	width: 100px;
	height: 2em;
	border-top: 1px solid #C9C299;
	border-left: 1px solid #C9C299;
	border-bottom: 1px solid #C9C299;
	border-right: none;
	padding: 0;
	margin: 0 0 10px 0;
	color: #cf600f;
	text-decoration: none;
	display: block;

	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 2em;
	font-size:    xx-small;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size:    x-small;
	 
	}

html>#menu ul li a  {
	font-size: x-small;   
	} 

#menu ul li#mfour a	{
	width:100px;
	border-right:1px solid #C9C299;
	}


body#sectionmone #menu li#mone a, 
body#sectionmtwo #menu li#mtwo a,
body#sectionmthree #menu li#mthree a,
body#sectionmfour #menu li#mfour a,
body#sectionmfive #menu li#mfive a {
	background: #cf600f;
	border: 1px solid #C9C299;
	border-right:0;
	
	color: #fff;
	font-weight: bold;
	}
	
	#menu ul li a:hover {
	color: #fff;
	background: #cf600f;
	font-weight: bold;
	}
	
/* NAV ends */


.thumb{


width:93px;
border-left:6px solid #fff;
margin-right:0px;
margin-bottom:6px;
height:87px;
background-color:#fff;
overflow:hidden;
float:left;
voice-family: "\"}\"";
        voice-family: inherit;
		width:87px;

}

.byline{

padding:2px;
}

p.copyright{

font-size: xx-small;
		 voice-family: "\"}\"", inherit;
		 /* All below here hidden from IE 5 PC */
		 font-size: x-small; 


}

.copyright a{
border:1px solid #999;
padding:2px 4px 2px 4px;
margin-left:2px;
background:#fff;
}




.thumb p{
width:200px;

padding:2px;
padding-left:3px;
padding-top:0;
margin:0;
}

.thumb img{
float:left;
padding-right:0px;
}





.largecontainer{
/*gallery*/
padding:0;

/*does this postion box?*/

width:500px;
height:520px;
background-image: url(images/bg6.gif);


}


.large{
/*gallery*/
position:relative;
top:10px;
left:10px;
width:480px;
height:500px;
 background:#fff;

border:0;
padding:0;

}





#shell { 
margin:0px;
padding:0;
background-image: url(images/shell2.jpg) ;
	 
	/*border:1px solid black;*/
	   width: 500px;
		height: 500px;
		
	}

#shellinfo a {
   position:absolute;
	 height: 30px;
   width: 30px;
 top: 31px;
   text-decoration: none;
   }

#shellinfo a i { visibility: hidden; }

a#credits, a#indicia { top: 531px; }
a#one { left: 600px; top:238px; }/*pc 0,0 */
a#two { left: 543px; top:295px; }/*mac 0,0 */
a#three { left: 581px; top:301px;}
a#four { left: 507px;top:302px;}
a#five { left: 586px; top: 353px; }
a#six { left: 550px; top:339px; }
a#seven { left:548px;top:395px; }
a#eight { left: 494px;top:385px }
a#nine { left: 532px; top:442px; }
a#ten { left: 473px; top:438px; }

a#eleven { left: 494px; top:473px; }/*pc 0,0 */
a#twelve { left: 435px; top:452px; }/*mac 0,0 */
a#thirteen { left: 436px; top:401px;}
a#fourteen { left: 391px;top:409px;}
a#fifteen { left: 394px; top: 376px; }
a#sixteen { left: 448px; top:357px; }
a#seventeen { left:375px;top:335px; }
a#eighteen { left: 432px;top:313px }
a#nineteen { left:484px; top:345px; }
a#twenty { left: 460px; top:285px; }

a#twentyone { left: 513px;top:248px }
a#twentytwo { left: 552px; top:238px; }
a#twentythree { left: 578px; top:223px; }



/*a#home:hover { background-image: url(homeglow.jpg); }*/
a#one:hover{ background-image: url(images/1_garnet.gif);width:178px; height:50px;}
a#two:hover{ background-image: url(images/2_pewter.gif);width:178px; height:50px; }
a#three:hover{ background-image: url(images/3_turquoise.gif);width:178px; height:50px; }
a#four:hover{ background-image: url(images/4_amazonite.gif);width:178px; height:50px;}
a#five:hover{ background-image: url(images/5_cyclindrical.gif);width:178px; height:50px; }
a#six:hover{ background-image: url(images/6_grey.gif);width:178px; height:50px; }
a#seven:hover{ background-image: url(images/7_cape.gif);width:178px; height:50px;}
a#eight:hover{ background-image: url(images/8_pyrite.gif);width:178px; height:50px; }
a#nine:hover{ background-image: url(images/9_malachite.gif);width:178px; height:50px; }
a#ten:hover{ background-image: url(images/10_jasper.gif);width:178px; height:50px; }

a#eleven:hover{ background-image: url(images/11_peridot.gif);width:178px; height:50px;}
a#twelve:hover{ background-image: url(images/12_freshwater.gif);width:178px; height:50px; }
a#thirteen:hover{ background-image: url(images/13_jade.gif);width:178px; height:50px; }
a#fourteen:hover{ background-image: url(images/14_amethyst.gif);width:178px; height:50px;}
a#fifteen:hover{ background-image: url(images/15_whitepearl.gif);width:178px; height:50px; }
a#sixteen:hover{ background-image: url(images/16_quartz.gif);width:178px; height:50px; }
a#seventeen:hover{ background-image: url(images/17_lapis.gif);width:178px; height:50px;}
a#eighteen:hover{ background-image: url(images/18_bluelace.gif);width:178px; height:50px; }
a#nineteen:hover{ background-image: url(images/19_ovalpewter.gif);width:178px; height:50px; }
a#twenty:hover{ background-image: url(images/20_blackagate.gif);width:178px; height:50px; }

a#twentyone:hover{ background-image: url(images/21_aventurine.gif);width:178px; height:50px; }
a#twentytwo:hover{ background-image: url(images/22_quartz.gif);width:178px; height:50px; }
a#twentythree:hover{ background-image: url(images/23_tigerseye.gif);width:178px; height:50px; }



.largecontainerthree{
  
/*form*/

padding:0;
padding-right:0;

/*does this postion box?*/

width:500px;
height:580px;
background-image: url(images/bg6.gif);
}


.a{
position:relative;
top:10px;
margin:0;
left:10px;
width:480px;
height:560px;
 background:#fff;

border:0;
padding:0;

}


p.formarea{
margin:0;
padding:0;
border:0;
}

.formarea label	{

	font-size:0.9em;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 0px;
	display: block;
	padding:2px;
	
	}

.formarea{
position:relative;
left:5px;
padding:0px;

width:450px;
margin:0;

	}

#desc{
padding:2px;
border:0;
margin:0;
}