/* jcranejewelry.com */

body {
	background-color:#333333;
	color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	
h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
	}


p { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
    line-height: 150%;
	margin-top:10px;
    }

a { 
   	color:#000000;
	border:none;
	text-decoration:none;
	outline: none;
	}
	
#outerDiv {
	width: 1000px;
	height: 500px;
	background-color:#FFFFFF;
	margin: 10px auto;
	}

#header {
	background-image: no repeat;
	height: 59px;      
    position: relative;
	margin-bottom: 0px;
	padding: 30px 0 0 20px;
	}
	
	
/* NAVIGATION */

#navigation {
	height: 50px;
	margin:0;
	}

#navigation ul {
	padding-left: 250px; 
	margin-left: 0; 
	list-style: none;
	}

#navigation ul li {display: inline;}

#navigation ul a {
	display: block;
	float: left;
	padding: 0 25px 0 0;
	text-decoration: none;
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
#navigation ul a.current {
	color:#CCCCCC;
	}	
	
#sideBar {
	float: left;
	width: 200px;
	height: 250px;
	margin: 0px 20px 0 25px;
	}
	
#sideBarsub {
	color:#333333;
	float:left;
	width:200px;
	margin:75px 0 0 0;
	}
	
#sideBarsub a {
	color:#666666;
	}

#mainContent {
	margin-top: 0px;
	}

#mainContent img {
	width: 180px;
	float: left;
	margin: 0 5px 10px 0;	
	display:inline;
	border: none;
	}
	
#mainContent p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px; 
	color:#333333;
	}


/* GALLERY-- formerly 'galleria.css' styles */

.galleria{list-style:none;width:200px;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0;}
.galleria li a{display:none;}
.galleria li div{position:absolute;display:none;top:0;left:180px;}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li .caption{display:block;padding-top:.5em;}

/* GALLERY-- formerly embedded styles */
*{margin:0;padding:0;}
.demo{position:relative;width:900px;margin: 0 auto;} /* this has 'body' styling in it. the original 'body' was a wrapper for the whole gallery page */
.gallery_demo{width:200px;}
.gallery_demo li{width:40px;height:55px;border:3px double #fff;margin: 0 2px 2px 0;background:#fff;}
.gallery_demo li.active{border-style:3px solid;border-color:#333333;}
.gallery_demo li div{left:240px;}
.galleria_container{margin:0 auto 0px auto;height:250px;width:700px;float: right;}

.caption{font-style:italic; color:#666666;position:absolute;top:200px;left:3px;width:175px;}/* puts the caption under the thumbnails */
	
#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;}
	
#footer a{
	color:#666666;
	text-decoration:none;}