/* Website: http://www.chandlerjewelry.comAuthor: Jeff Golenski, jeffgolenski@yahoo.com*/

/* ------------------ BODY --------------------- */

body {	background: #000; 	
color: #fff;	
margin: 0;	
padding: 0;	
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;	
font-size: 10pt;	
line-height: 14pt;
margin-left: 85px;}

/* ------------------------- NORMAL LINKS  */
a:link, a:active, a:visited {	font-size: 10pt;	
color: #B78DB3; 	
text-decoration: underline; }

a:hover {	color: #aaa; 	text-decoration: underline; }	

/* ------------------ TABLE --------------------- */
#main {	width: 820px;}
#head {	width: 820px;	height: 81px;	background: url(images/headbg.gif) bottom no-repeat;}

/*------------------ NAV --------------------- */
#nav {	width: 111px;	
height: 250px;	
border-right: 1px #fff solid;	
padding: 5px 4px 5px 5px; 	
text-align: left;	
vertical-align: text-top;}

/* ------------------ MENU --------------------- */
#menu {	width: 135px;	text-align: left;	}
#menu ul {	list-style-type: none;	margin: 0;	
padding: 0;}	
#menu li a {	font-size: 10pt;	
height: 19px;	text-decoration: none;	
padding: 4px 0 3px 2px;	}			
#menu li a:link, #menu li a:visited {	color: #fff;	display: block;	}	
#menu li a:hover {	color: #fff;	text-decoration: underline;	}	
#menu li a:active {	color: #fff;	text-decoration: underline;	}

/* ------------------ CONTENT --------------------- */
#content {	width: 670px;	
height: 230px;	
padding: 10px 10px 10px 15px;	
border-top: 1px #fff solid;	
vertical-align: text-top;	
text-align: left;}

#content h1 {	font-size: 12pt;	
color: #aaa;	
line-height: 16pt;	
margin:  2px 0 3px 0;	width: 100%;}

#content h2 {	font-size: 11pt;	
color: #D9E6EF;	
font-weight: bold;	
margin:  12px 0 2px 0;}

#content h3 {	font-size: 10pt;	
color: #D9E6EF;	
font-weight: bold;	
margin: 2px;}

#content p {	font-size: 10pt;}

#content .ulborder {	background: #F3F3F3;	
border 1px #ccc solid;	
padding: 5px;}

#content ul {text-align: left;}

#content li {padding: 2px;}

#gallery {	width: 550px;	text-align: center;	vertical-align: middle;}

#gallery #thumbs {	width: 100%;	text-align: center;	vertical-align: middle;}

#gallery #thumbs td {width: 33%;	text-align: center;	vertical-align: middle;}

img.thumb1 {width: 190px;	height: 143px;	border: 1px #333 solid;}

img.poster {width: 550px;	height: 686px;	border: 1px #333 solid;}

img.about {	float: right;	margin: 10px;	border: 1px #333 solid;}

/* ------------------ FOOTER --------------------- */

#footer {width: 735px;	
height: 31px;	
text-align: left;	
vertical-align: text-top;	
padding: 4px 15px 4px 5px;	
background: url(images/footerbg.gif) no-repeat;	border-top: 1px #aaa solid;}

#footer a, #footer a:visited {	font-size: 8pt;	color: #aaa; 	text-decoration: none; }
#footer a:hover {	color: #aaa; 	text-decoration: underline; }
#footer a:active	{	color: #aaa; }
#footer div.copyright {	float: left;	height: 20px;	font-size: 8pt;}
#footer div.plug {	float: right;	height: 20px;	text-align: right;	font-size: 8pt;}

/* ------------------ POPUP --------------------- */
#pop {	background: #000; 	
color: #fff;	
margin: 0 auto;	
padding: 0;	
text-align: center;	
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;	
font-size: 10pt;	
line-height: 14pt;}

#pop h1 {	font-size: 12pt;	
color: #aaa;	
line-height: 16pt;	
margin:  2px 0 3px 0;	
width: 100%;	
border-bottom: 1px #aaa solid;}

.popcellleft {	text-align: left;}
.popcellright {	text-align: left;	
padding: 5px;}

img.popthumb1 {	width: 500px;	
height: 375px;	
border: 1px #333 solid;}

img.popthumb2 {	width: 640px;	
height: 480px;	
border: 1px #333 solid;}

div.thin	{border-top: 1px #aaa solid;}