@charset "UTF-8";
/* CSS Document */
body {margin: 0px;padding: 0px;font-family: "Lucida Grande", Helvetica, Arial, Tahoma, Verdana, sans-serif;width: 100%;height: 100%;font-size: 0.9 px;	line-height: 2em;	background: #FFF no-repeat center top;}
a {text-decoration:none;	font-style:normal; color:#98953e; text-decoration:underline  }	
a:hover {text-decoration:none;	font-style:normal; color:#646120; text-decoration:underline }	
#container {width: 1000px;margin: 0px auto;padding: 0px 0px 10px 0px;overflow: hidden;}
#internetexplorer {	display: none;}	
.getfirefox {display: none;}
.goodbrowser {display: block;}

	
/* ----------------------------------------------  HEADER  ---------------------------------------------- */

#headerlogo {width: 70px;	height: 125px;float: left;	margin: 0px 0px 0px 90px;	padding: 0px 0px 0px 0px;}
#headertop {	width: 745px;height: 100px;	float: right;margin: 0px 90px 0px 0px;	padding: 0px 0px 0px 0px;	background: url(../images/logokarleysmithtext.jpg) no-repeat left bottom;	border-bottom: thin solid #999;}
#headertopNav{	width: 500px;height: 100px;padding: 0px 200px 0px 0px;margin-top: 50px;}	
#headerbottom {width: 745px; height: 25px;	float: right;margin: 0px 90px 5px 0px;	padding: 0px 0px 0px 0px;}
.logo {width: 250px;	margin: 0;	height: 20px;	float: left;}		
.logo a {width: 250px;margin: 0;	height: 20px;	display: block;background: url(../images/logojewellery1.jpg) no-repeat 0px 5px;float: left;	}		
.logo a:hover {background: url(../images/logojewellery2.jpg) no-repeat 0px 5px;	}		
.logoKSJ {	width: 70px;margin: 0;height: 125px;	float: left;	}		
.logoKSJ a {	width: 70px;	margin: 0;	height: 125px;	display: block;	background: url(../images/logo.jpg) no-repeat left bottom;	float: left;}		
.logoKSJ a:hover {	background: url(../images/logoreversed.jpg) no-repeat left bottom;	}


/* ----------------------------------------------  SLIDESHOW  ---------------------------------------------- */
#wrapper{	width: 820px;float: left;	margin: 15px 0px 0px 90px;	padding: 0px 0px 0px 0px;	border: thin none #666;}
#wrapperleft {width:515px; height:400px; float:left; background:url(../images/wholesalebg.jpg)}
#eventsleft {width:510px; height:400px; float:left; background:url(../images/event-bk.jpg);}
#wholesaleleft {width:570px; height:400px; float:left; position:absolute; z-index:10; background:url(../images/wholesaleback.png)}
#wrapperright {width:300px; height:400px; float:right; position:relative; z-index:9;}
#newsletter {margin-left:15px; margin-top:20px; text-align:left;}
#wholesalelist {margin-left: 270px; margin-top: 15px; margin-right:15px; text-align: center;}
#wholesalelist p {margin:5px 0px; padding: 5px 0px;}
#catWrapper {width: 1000px;	float: left;	margin: 0px 0px 0px 50px;	padding: 0px 0px 0px 0px;}
#wrapperLeft{width: 530px;float: left;	margin: 0px 0px 0px 90px;	padding: 0px 0px 0px 0px;}
#wrapperRight{	width: 390px;float: left;margin: 30px 0px 0px 0px;padding: 0px 0px 0px px;}

#bioleft {width:415px; height:400px; float:left;}
#bioright {width:375px; height:400px; float:right; position:relative; z-index:9; background:url(../images/biobg.jpg) no-repeat; padding: 0px 15px 0px 15px}

#wholesaleleft {width:523px; height:400px; float:left; background:url(../images/wholesalebg.jpg); text-align:center}
	
/* ----------------------------------------------  FOOTER  ---------------------------------------------- */
	
#footer {width: 100%;height: 70px;	float: left;margin: 130px 0px 0px 0px;}		
#footercontent {width: 920px;margin: 0px auto;height: 50px; }	
#footer p { padding-bottom: 20px;	font-size: 11px; text-align:center; color:#666;}
.footerleft {float: left;	height: 100px;width: 460px;line-height: 75px;	}	
.footerright {	float: left;	height: 100px;width: 460px;text-align: right;line-height: 75px;}
.opustalis {font-family: Arial, Helvetica, sans-serif; color: #888; font-size:11px;}
#footer a {color: #888; border-bottom: 1px dashed #999; text-decoration:none}
#footer a:hover {color: #69C; border-bottom: 1px dashed #999;text-decoration:none}