@charset "UTF-8";
body {
	font: 13px/1.5em Georgia, "Times New Roman", Times, serif;
	background: #a2b6a7 url(../images/striped_bg.gif) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
}

 a:link {
	color: #caa959;
	text-decoration: none;
	
}
 a:visited {
	text-decoration: none;
	color: #666666;
	
}
 a:hover {
	text-decoration: none;
	color: #caa959;
	
}
 a:active {
	text-decoration: none;
	color: #666666;
	
}


h1 {
	color: #caa959;
	font: normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px;
}


p {
	margin: 0px 0px 15px;
}

ul {
	list-style: none outside;
	padding-left: 0px;
	line-height: 1.2em;
}

li {
	margin-bottom: 8px;
}


/* PAGE LAYOUT */

#container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
}

#mainContent {
	margin: auto 35px auto 30px;
	overflow: auto;
	width: 425px;
	margin-bottom: 15px;
	margin-top: 155px;
}


#mainContent h2 {
	font: 12px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #CC9900;
	margin: 0px;
}


#mainContent a:link {
	color: #caa959;
	text-decoration: none;
	border-bottom: 1px dotted #CAA959;
}
#mainContent a:visited {
	text-decoration: none;
	color: #666666;
	border-bottom: 1px dotted #666666;
}
#mainContent a:hover {
	text-decoration: none;
	color: #caa959;
	border-bottom: 0px ;
}
#mainContent a:active {
	text-decoration: none;
	color: #666666;
	border-bottom: 1px dotted #666666;
}

#mainMenu {
	height: 25px;
	width: 450px;
	margin-left: 30px;
}
#mainMenu img{
	margin-right: 18px;
}

#header {
	background: #c3d2c0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	text-align: left;
	height: 100px;
	width: 900px;
}

#main {
	padding: 8px 8px 0px 8px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	height: 488px;
	overflow: hidden;
	width: 884px;
}


#mainLeft {
	float: left;
	height: 488px;
	width: 491px;
	background: url(../images/main_bg.gif) no-repeat;
}

#mainRight {
	float: left;
	height: 488px;
	width: 391px;
	margin-left: 1px;
}

#rightContent {
	margin-top: 275px;
	margin-right: 35px;
	margin-left: 42px;	
}

#rightContent p {
	font: 12px/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF
}

#rightContent h2 {
	font: 12px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #666666;
	margin: 0px;
}

#rightContent a:link {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
	
}
#rightContent a:visited {
	text-decoration: none;
	color: #FFFFFF;
	border-bottom: 1px dotted #FFFFFF;
}
#rightContent a:hover {
	text-decoration: none;
	color: #FFFFFF;
	border-bottom: 0px ;
	
	
}
#rightContent a:active {
	text-decoration: none;
	color: #666666;
	
	
}

#footer {
	background:#FFFFFF;
}

/* OTHER STYLES */

#hr {
	height: 5px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #CCCCCC;
}

.introText {
	font-size: 12px;
	text-transform: uppercase;
	color: #CC9900;
}

.floatRight {
	float: right;
}



.background {
	background: url(../images/main_map.gif) no-repeat;
}

.caption { font-size: 10px; line-height:1.3em;}




/* GALLERY STYLES */

#optionlist { visibility: hidden; position: absolute; top: 15px; right: 15px;

font: 12px Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	background: #CAA959;
	border: 1px solid #E5D4AC;
	padding: 2px;}
#backBtn { position:absolute; top: 420px; left: 0px; 
 
	}
#nextBtn {  position:absolute; top: 420px; right: 0px;
	
}
#galleryImg { position:relative;

}

#gallerylist {
	
}


/* CUSTOM JEWELRY PAGE STYLES */


#thumb1 { position:absolute; top: 370px; left: 0px; 
 
	}
#thumb2 {  position:absolute; top: 370px; left: 99px;
	
}

#thumb3 {  position:absolute; top: 370px; left: 198px;
	
}

#thumb4 {  position:absolute; top: 370px; left: 296px;
	
}
#galleryImg { position:relative;

}

#gallerylist {
	
}