body {
  margin:0px;
  font-family: "Helvetica", Arial, Verdana, sans-serif;
  font-size:12px;
  color:#444444;
  background:url(../images/design/marble.jpg) 0% 0%;
}

.editorBody { background:#FFFFFF; color:#000000;}

/* Default Styles */

h1 {
  margin:0px;
  padding:14px 20px 12px 20px;
  font-family: "Helvetica", Arial, Verdana, sans-serif;
  font-size:20px;
  color:#2C476C;
  border-bottom:1px solid #C3C3C3;
  background:url(../images/design/h1bg.jpg) repeat-x 0% 0%;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  behavior: url(PIE.php);
}

h2 {
  margin:0 0 8px 0;
  padding:0px;
  font-family: "Helvetica", Arial, Verdana, sans-serif;
  font-size:16px;
  color:#2C476C;
}

h3 {
  margin:0 0 8px 0;
  padding:0px;
  font-family: "Helvetica", Arial, Verdana, sans-serif;
  font-size:14px;
  color:#2C476C;
}

h4 {
  font-family: "Helvetica", Arial, Verdana, sans-serif;
  font-size:12px;
  color:#2C476C;
}

h5, h6 {
  font-family: "Helvetica", Arial, Verdana, sans-serif;
  font-size:11px;
  color:#2C476C;
}

a {
  color:#899240;
  text-decoration:underline;
}

a:hover {
  color:#444444;
  text-decoration:none !important;
}

a img {
  border:0px;
}

.left{
  float:left;
  margin:0 10px 10px 0;
  border:8px solid #FFFFFF;
  -webkit-box-shadow:#666 0px 2px 6px;
  -moz-box-shadow:#666 0px 2px 6px;
  box-shadow:#666 0px 2px 6px;
  behavior: url(PIE.php);
}

.right{
  float:right;
  margin:0 0 10px 10px;
  border:8px solid #FFFFFF;
  -webkit-box-shadow:#666 0px 2px 6px;
  -moz-box-shadow:#666 0px 2px 6px;
  box-shadow:#666 0px 2px 6px;
  behavior: url(PIE.php);
}
/* End Default Styles */

#shell {
  width:100%;
  background:url(../images/design/graident.jpg) repeat-x 0% 0%
}

#innershell {
  position:relative;
  width:990px;
  margin:0 auto;
}

#header {
  position:relative;
  width:970px;
  margin:0 auto 0 auto;
}

#logo {
  width:318px;
  height:116px;
}

#stones {
  position:absolute;
  top:60px;
  right:3px;
  text-align:right;
}

#stones img {
  padding:10px 0 0 0;
}


#login {
  position:absolute;
  top:10px;
  right:10px;
}

/* Login */
#login {
  margin:0px;
  padding:0px;
  font-style:italics;
  color:#CCCCCC;
}

#login a {
  color:#FFFFFF !important;
}

#login form{
  margin:0px;
  padding:0px;
}

#login form label {
  float:left;
  padding:3px 8px 0 0;
  color:#CCCCCC;
  font-size:12px;
  font-family: "Helvetica", Arial, Verdana, sans-serif;
  display:block;
}


.loginInput {
  float:left;
  width:90px;
  margin:0 10px 0 0;
  padding:3px 5px 2px 5px;
  color:#555555;
  font-size:12px;
  font-style:italic;
  font-family: "Helvetica", Arial, Verdana, sans-serif;
  border:0px;
  background:#E6E6E6;
}

#go {
  width:28px;
  height:20px;
  cursor:pointer;
  border:0px;
  background:url(../images/design/go.jpg) no-repeat 0% 0%;
}


#loginbox {width:350px; text-align:center;}
#loginbox p {text-align:left;}
.loginnamefield {float:left; padding-top: 3px; width: 90px;}
.logininputfield {float:left; width: 210px; padding:2px;}
.loginbttn {
  float:left; 
  width:28px;
  height:20px;
  margin-left:131px;
  cursor:pointer;
  border:0px;
  background:url(../images/design/go.jpg) no-repeat 0% 0%;
}

/* End Login */

/* Navigation */
#menu {
  width:970px;
  height:28px;
  margin:5px 0 0 0;
  padding:0px;
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
  background:url(../images/design/menubg.png) repeat 0% 0%;
  _background:transparent;
}

#nav, #nav ul {
  margin:0px;
  padding:0px;
  display:inline;
  list-style-type: none;
}

#nav li {
  position:relative;
  float: left;
  margin:0px;
  padding:0px;
  text-decoration:none;
  list-style-type:none;
  z-index:995 !important;
}

#nav li a {
  width:auto;
  margin:0px;
  padding:7px 10px 7px 10px;
  font-family: "Helvetica", Arial, Verdana, sans-serif;
  color:#FFFFFF;
  font-size:12px;
  text-decoration:none;
  display:block;
}

#nav li a:hover {
  width:auto;
  margin:0px;
  padding:7px 10px 7px 10px;
  color:#FFFFFF;
  text-decoration:none;
  background:url(../images/design/rollover.jpg) repeat-x 0% 0%;
  display:block;
}

#nav li span.subhover {cursor: pointer;} /*--Hover effect for trigger--*/  

#nav li ul.subnav {  
  position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
  top: 28px;
  left: 0px; 
  float: left;  
  width: 180px;
  margin: 0px;
  padding: 0px;  
  list-style: none;
  display: none;  
  z-index:995 !important;
}  

# li ul.subnav li{  
  width: 250px;
  margin:0px;
  padding:0px;  
  clear: both;  
  background:url(../images/design/spacer.gif) no-repeat 0% 0% !important;
}  

html #nav li ul.subnav li a {  
  position:relative;
  float: left;  
  width: 170px;  
  padding:3px 0 4px 10px;
  font-size:12px;
  border-top:1px solid #FFFFFF;
  background:#20385A url(../images/design/menubg.png) repeat 0% 0%;
  z-index:995 !important;
}  

html #nav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
  position:relative;
  color:#FFFFFF;
  text-decoration:none !important;
  background:url(../images/design/rollover.jpg) repeat-x 0% 0%;
  z-index:995 !important;
}

#nav li ul.subnav li ul.subsubnav li {
  width:180px !important;
  text-indent:10px;
}
/* End Navigation */

#holder {
  width:970px;
  padding:10px 10px 0 10px;
}

/* Slider */
#banner {
  width:970px;
  height:344px;
  margin:0 0 14px 0;
  -webkit-box-shadow:#666 0px 2px 6px;
  -moz-box-shadow:#666 0px 2px 6px;
  box-shadow:#666 0px 2px 6px;
  behavior: url(PIE.php);
}

#slides {
  position:relative;
	width:970px;
	height:344px;
	z-index:100;
}

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

.slides_container {
	width:970px;
	height:344px;
	overflow:hidden;
	position:relative;
}

#slides_control {
  float:right;
}

#slides .next {
	left:970px;
}

.pagination {
  position:absolute;
  bottom:18px;
  left:20px;
  width:auto;
  margin:0px !important;
  padding:0px !important;
	list-style-type:none;
}



.pagination li {
	float:left;
	margin:0 1px;
  padding:0px !important;
}

.pagination li a {
	display:block;
	width:12px;
	height:0px;
	padding-top:12px;
	background-image:url(../images/design/pagination.png);
	background-position:0 0;
	float:left;
	text-indent:-99px;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

.option2 .caption {
  display:none !important;
}

.details {
  float:left;
  width:316px;
  height:300px;
  padding:21px 21px 21px 21px;
  border:1px solid #B5B4B4;
  background:url(../images/design/greygradient.jpg) repeat-x 0% 0%;
}

.stoneslogan {
  padding:20px 0 20px 0;
  text-align:center;
}

.text {
  padding:14px 0 0 0;
  background:url(../images/design/divider.jpg) repeat-x 0% 0%;
}

.text p {
  width:170px;
  font-size:13px;
  color:#333333;
  font-family: "Helvetica Oblique", Arial, Verdana, sans-serif;
}

.text a {
  width:170px;
  font-size:15px;
  color:#232E5E;
  font-family: "Helvetica Oblique", Arial, Verdana, sans-serif;
  text-decoration:none;
}

.text a:hover {
  text-decoration:underline !important;
}

.text img {
  float:right;
  width:116px;
  height:116px;
  margin:0 0 0 0;
  border:4px solid #FFFFFF;
  -webkit-box-shadow:#666 0px 2px 6px;
  -moz-box-shadow:#666 0px 2px 6px;
  box-shadow:#666 0px 2px 6px;
  behavior: url(PIE.php);
}

/* End Slider */

#middlepanel {
  float:left;
  width:630px;
  border:1px solid #AEADAD;
  background:#FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow:#666 0px 2px 6px;
  -moz-box-shadow:#666 0px 2px 6px;
  box-shadow:#666 0px 2px 6px;
  behavior: url(PIE.php);
}

#middlepanel p {
  padding:0 20px 0 20px;
  line-height:18px;
}

#insidemiddlepanel {
  position:relative;
  width:928px;
  min-height:400px;
  #height:auto !important;
  _height:400px;
  padding:0 20px 20px 20px;
  line-height:18px;
  border:1px solid #AEADAD;
  background:#FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow:#666 0px 2px 6px;
  -moz-box-shadow:#666 0px 2px 6px;
  box-shadow:#666 0px 2px 6px;
  behavior: url(PIE.php);
}

#insidemiddlepanel h1 {
  position:relative;
  top:0px;
  left:-20px;
  width:928px;
  _width:888px;
  margin:0 0 20px 0;
}

#insidemiddlepanel h2 {
  color:#899240 !important;
}

#insidemiddlepanel ul {
  margin:0px !important;
  padding:14px 0 0 0 !important;
  list-style-type:none;
  border:1px solid #CFDAE5;
  background:#EBEFF3;
}

#insidemiddlepanel ul li {
  padding:0 0 14px 28px;
  background:url(../images/design/bullet.png) no-repeat 12px 5px;
}

#insidemiddlepanel ul li ul {
  margin:0px !important;
  padding:14px 0 0 0 !important;
  list-style-type:none;
  border:0px !important;
  background:#EBEFF3;
}

#insidemiddlepanel .divider {
  width:100%;
  height:1px;
  margin:20px 0 20px 0;
  background:#95A3B5;
}

/* Gallery */
#galleryHolder {
  width:760px;
  margin:0 auto 0 auto;
}

.picholder {
  float:left;
  width:154px;
  height:115px;
  margin:0 20px 20px 0;
  border:8px solid #FFFFFF;
  overflow:hidden;
  -webkit-box-shadow:#666 0px 2px 6px;
  -moz-box-shadow:#666 0px 2px 6px;
  box-shadow:#666 0px 2px 6px;
  behavior: url(PIE.php);
}


.galleryitem2 {
  float:left;
  margin:0 20px 20px 0;
}

.galleryitem2 a img {
  width:154px;
  height:154px;
  border:8px solid #FFFFFF;
  overflow:hidden;
  -webkit-box-shadow:#666 0px 2px 6px;
  -moz-box-shadow:#666 0px 2px 6px;
  box-shadow:#666 0px 2px 6px;
  behavior: url(PIE.php);
}

.gallerytext {
  text-align:center;
}
/* End Gallery */

#rightpanel {
  float:left;
  width:278px;
  margin:0 0 0 18px;
  padding:20px 20px 20px 20px;
  border:1px solid #AEADAD;
  background:#FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow:#666 0px 2px 6px;
  -moz-box-shadow:#666 0px 2px 6px;
  box-shadow:#666 0px 2px 6px;
  behavior: url(PIE.php);
}

/* Newsletter Signup */
#newsletter h2 {
  margin:0 0 6px 0 !important;
  padding:0px !important;
}

#newsletter p {
  margin:0 0 11px 0 !important;
  padding:0px !important;
}

#newsletter form {
  position:relative;
  margin:0px;
  padding:0px;
}

#newsletter form label {
  float:left;
  width:63px;
  padding:3px 0 0 0;
  color:#555555;
  font-size:12px;
  font-style:italic;
  font-family: "Helvetica", Arial, Verdana, sans-serif;
  display:block;
}

.newsletterInput {
  width:137px;
  margin:0 0 5px 0;
  padding:3px 5px 2px 5px;
  color:#555555;
  font-size:12px;
  font-family: "Helvetica", Arial, Verdana, sans-serif;
  border:0px;
  background:#C4C4C4;
}

#signup {
  position:absolute;
  bottom:5px;
  right:0px;
  width:51px;
  height:20px;
  cursor:pointer;
  border:0px;
  background:url(../images/design/signup.jpg) no-repeat 0% 0%;
}
/* End Newsletter Signup */

.divider {
  width:274px;
  height:1px;
  margin:20px 0 20px 0;
  background:#95A3B5;
}

#specials img {
  float:right;
  width:102px;
  height:102px;
  margin:0 0 0 15px;
}

#footer {
  margin:10px 0 0 0;
  font-size:11px;
  color:#444444;
}

/* Forms */
#form2 {
  width:500px;
}

label {
  display:none;
}

input, textarea, select {
  font-size:12px;
  font-family: "Helvetica", Arial, Verdana, sans-serif;
}

.required {
  color:#DD2200;
  font-weight:bold;
}

.input {
  width:200px;
}

.namefield {float:left; padding-top: 3px; width:180px; }
.inputfield {float:left; width: 290px; padding:2px;}
.namefield2 {float:left; padding-top: 3px; width: 180px;}
.inputfield2 {float:left; width: 290px; padding:2px;}

.submitbutton {
  width:100px;
  height:30px;
  margin:10px 0 0 0;
  border:0px;
  cursor:pointer;
  background:url(../images/design/submit.jpg) no-repeat 0% 0%;
}
/* End Forms */

.nothing {
  clear:both;
  margin:0px;
  padding:0px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

