﻿/*------------------------Page Start-----------------------------------------------------------------*/
/*------------------------Body Start----------------------------------------------*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(../images/header-bg.gif);
	background-color: #030303;
	background-repeat: repeat-x;
	scrollbar-face-color: #B3995D;
}
#wrapper {
	margin: 0 auto;
	width: 786px;
	height: auto;
	padding: 0px 10px 0px 10px;
}
#header {
	color: #ffffff;
	width: 786px;
	padding: 0px;
	border: 0px solid #ffffff;
	height: 180px;
	margin: 5px 0px 0px 0px;
	background: url(../images/bg_header.gif) no-repeat;
	background-color: #000000;
}
#hnav {
	float: left;
	width: 766px;
	height: 15px;
	color: #ffffff;
	padding: 10px;
	border: 0px solid #ccc;
	margin: 0px 0px 0px 0px;
	background-color: #030303;
	/*background: url(images/bg_nav.png) no-repeat;*/
}
#leftcolumn {
	color: #ffffff;
	border: 0px solid #ccc;
	background: #030303;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	width: 210px;
	height: auto;
	float: left;
}
#content {
	float: left;
	color: #666;
	border: 0px solid #ccc;
	background: #030303;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 20px;
	height: 535px;
	width: 766px;
	display: inline;
	overflow-x: auto;
}
#center {
	float: left;
	color: #666;
	border: 0px solid #ccc;
	background: #030303;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 20px;
	height: 535px;
	width: auto;
	display: inline;
	
	/*overflow-x: hidden;*/


	
}
#footer {
	width: 766px;
	height: 22px;
	clear: both;
	color: #ffffff;
	border: 0px solid #ccc;
	background-color: #030303; 
	/*	background: url(images/bg_nav.png) no-repeat;*/;
	margin: 0px 0px 0px 0px;
	padding: 10px;
}
/*------------------------Body End--------------------------------------------*/
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrap {width:706px; margin:30px auto; background-color: #000000; display:none}
#wrap * {margin:0; padding:0}
#fullsize {position:relative; width:700px; height:400px; padding: 0px; border:0px solid #000000; background:#000000}
#information {position:absolute; bottom:0; width:700px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:700px}
#image img {position:absolute; z-index:150; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:655px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}
/*------------------------Links Start---------------------------------------*/
a {
	text-decoration: none;
}
a:link {
	color: #fff;
	background-color: transparent;
}
a:visited {
	color: #fff;
	background-color: transparent;
}
a:active {
	color: #DC143C;
	background-color: transparent;
}
a:hover {
	color: #DC143C;
	background-color: transparent;
}
/*------------------------Links End----------------------------------------------*/
/*------------------------Headers Start------------------------------------------*/
h1 {
	font-family: Verdana, Tahoma, Sans-serif;
	font-weight: Bold;
	color: #fff;
	font-size: 130%;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	font-size: 100%;
}
h3 {
	font-family: Verdana, Tahoma, Sans-serif;
	font-weight: Bold;
	color: #C83264;
	font-size: 120%;
}
hr {
	background: #C0C0C0;
	color:white;
	height: 1px;
	border: 1px inset;
	margin: 0 10px 0px 0;
}
/*------------------------Headers End---------------------------------------------*/
/*------------------------Image Start---------------------------------------------*/
img {
	background: #FAFAFA;
	border: 1px solid #B3995D;
	padding: 5px;
}
img.float-right {
	margin: 5px 10px 10px 15px;
	float: right;
}
img.float-left {
	margin: 10px 10px 10px 0px;
	float: left;
}
img.displayed {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*------------------------Image End-------------------------------------------------*/
/*------------------------Contact Start---------------------------------------------*/
fieldset {
	padding: 20px;
	border: none;
}
label {
	float: left;
	width: 30%;
	margin-right: 1px;
	padding-top: 5px;
	text-align: left;
	color: #fff
}
/*------------------------Contact End---------------------------------------------------*/
/*------------------------Boxes Start---------------------------------------------------*/
.box {
	width: 740px;
	margin: 0 0 20px 0px;
	padding: 0;
	background: #ccc ;
}
.boxtop {
	margin: 0 10px 10px 0;
	padding: 10px;
	font-size: 130%;
	color: #fff;
	border-bottom: 1px solid #fff;
	background: #B3995D;
}
.boxbottom {
	margin: 0 15px 0 10px;
	padding: 0 10px 10px 10px;
	color: #fff;
	font-family: Verdana, sans-serif;
	font-size: 90%;
}
dl {
	width: 740px;
	margin: 0 0 20px 0px;
	padding: 0;
	background: #ccc ;
}
dt {
	margin: 0 0 10px 0;
	padding: 10px;
	font-size: 130%;
	color: #fff;
	border-bottom: 1px solid #fff;
	background: #999 ;
}
dd {
	margin: 0 0 0 10px;
	padding: 0 10px 10px 10px;
	color: #666;
	font-family: Verdana, sans-serif;
	font-size: 90%;
}
#ruby dt {background-color: #E41B17;}
#ruby {background-color: #FCDFFF;}
#emerald dt {background-color: #458B00;}
#emerald {background-color: #B8FF72;}
#diamond dt {background-color: #657383;}
#diamond {background-color: #C2DFFF;}
#opal dt {background-color: #009ACD;}
#opal {background-color: #C6DEFF;}
#sapphire dt {background-color: #009ACD;}
#sapphire {background-color: #88FFFF;}
#tanzanite dt {background-color: #4D4DFF;}
#tanzanite {background-color: #C3DDFF;}
/*------------------------Boxes End----------------------------------------------------*/

/*------------------------Page End----------------------------------------------------------------------*/
