@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #797f8a;
	margin: 0;
	background-image: url(images/rightbg.gif);
}
.container {
	width: 1000px;
	overflow: hidden;
	background-image: url(images/leftbg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-attachment: fixed;
}
#whitebox a{
	text-decoration: none;
	color: #797f8a;
}
#whitebox a:hover {
    color: #d9930b;
}
#sidenav {
	width: 324px;
	position: fixed; /*--Fix the sidenav to stay in one spot--*/
	float: left;
	padding-left: 35px;
}
#content {
	float: right; /*--Keeps content to the right side--*/
	width: 590px;
}
*html #sidenav {
    position: absolute;
    left: expression( ( 0   ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) )   'px' );
    top: expression( ( 0   ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) )   'px' );
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#sidenav h2 {
    text-indent: -99999px; /*--Push the text off of the page--*/
    height: 41px;
    padding: 0; margin: 15px 0 5px;
    background-position:  20px top; /*--Set position of each heading background--*/
}
h2.categories {background: url(h2_categories.gif) no-repeat ;} /*--Background image for "category" heading--*/
#sidenav ul {
	margin: 0;
	padding: 0 20px 20px 20px;
	list-style: none; /*--thin break line underneath the navigation--*/
	float: right;
	width: 200px;
	text-align: right;
}
#sidenav ul li{
	margin: 0;
	padding:  0;
	display: inline; /*--Fixes IE6 bug of double margin--*/
}
#sidenav ul li a{
	display: block;
	margin: 0;
	padding:  4px 25px 5px 0;
	text-decoration: none;
	color: #fff;
	background-image: url(images/arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-style: italic;
}
#sidenav ul li a:hover {
    color: #deb50f;
}
#whitebox {
	background-color: #FFF;
	padding: 14px;
	overflow: hidden;
	height: 600px;
}
#footer {
	margin-top: 30px;
	padding: 10px;
	margin-bottom: 10px;
}

/*--Image Rotator Main Container--*/
.main_view {
	position: relative;
	float: left;
}
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
	background-image: url(images/windowbg.gif);
	background-repeat: no-repeat;
	height: 345px;
	width: 497px;
	padding: 29px 30px 0 33px;
}
/*--Window/Masking Styles--*/
.window {
	height:272px;
	width: 497px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}
 
/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 12px;
	right: 180px;
	width: 195px;
	height:45px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	padding-top: 7px;
	background: url(images/paging.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	background-position: left top;
}
.paging a {
	padding: 9px 15px 7px 12px;
	text-decoration: none;
	color: #000;
	background-image: url(images/paging2.png);
}
.paging a.active {
	font-weight: bold;
	color: #deb50f;
}
.paging a:hover {font-weight: bold; color:#deb50f}
.paddingbox {
	padding: 10px 25px 10px 25px;
	clear: both;
	margin-bottom: 20px;
}
p {
	margin: 0px;
	padding-top: 15px;
	clear: both;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	line-height: 45px;
	font-weight: normal;
	color: #000;
	margin: 0;
}
.goldtext {
	color: #d9930b;
}
.leftimg {
	float: left;
	padding-right: 10px;
	display: block;
}
.collectionbox {
	float: left;
	width: 159px;
	margin-right: 6px;
	text-align: center;
}

/*------------------POPUPS------------------------*/
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none;
	background: #fff;
	padding: 20px; 	
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right; 
	margin: -55px -55px 0 0;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

#contact {
	color: #696969;
	padding: 5px;
	margin-top: 10px;
}
#contact input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 6px;
	border: 1px solid #E7E9EB;
	width: 230px;
	margin: 5px 0 5px 0;
	background-color: #E7E9EB;
	color: #333333;
}
#contact label {
	float: left;
	width: 90px;
	display: block;
	padding: 3px;
	margin: 3px 0 3px 0;
	clear: both;
	color: #999;
}
#contact textarea {
	border: 1px solid #E7E9EB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 6px;
	width: 230px;
	margin: 5px 0 5px;
	background-color: #E7E9EB;
	color: #333333;
}