/* 
	Author : Jason Nguyen / ReactivDesign.com / 7STM.com
	Website: Design & Stone International - v2
	CSS    : 3
	Date   : March 29, 2010	
	
*/
/* ***** Reset ***** */
html, body {height: 100%;}html, body, p, blockquote, ul, ol, dl, li, dt, dd {margin:0;padding:0;}a img, iframe {border:none;}h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-size:100%;}legend {padding:0;color:#000;}input, textarea, select {margin:0;padding:1px;font-size:100%;font-family:inherit;}

/* ***** Core ***** */
body{background:#211d1c /*url("img/home_bg.jpg") fixed center*/;/*background-size:100%*/}
header,footer,nav,section,small{display:block}/*html 5 */
section,aside{margin:0 auto;padding:20px 0 0;width:1000px}

h1,h2,h3,h4,noscript div a{color:#fff;text-shadow: black 0px 1px 2px;}
noscript div p,fieldset h3{margin:0 0 10px}

h2{color:#fff;font-size:1.4em;margin:20px 0 0;}
h3{font:1.5em/1em Georgia;text-align:center}
h4{font-weight:700;margin:10px 0 -5px}
a,a:visited{color:#B7B299;text-decoration:none}
a:hover{color:#fff;text-decoration:underline}
a:active{color:#362f2d}

noscript div{background:#362F2D;border:1px solid red;display:block;font:0.85em/1.3em arial;margin:0 0 20px;padding:20px}
noscript div li{margin:0 0 0 40px}

header{background:#362f2d url("img/hdr_rt_bg.png") no-repeat right top;color:#c7b299;font-family:arial, helvetica, serif;font-size:100%;height:116px;min-width:1000px;overflow:hidden;position:relative;width:100%;z-index:3}
header a:hover{display:block;text-decoration:none}
#logo{background:url("img/ds_logo.png") no-repeat;float:left;height:115px;margin:0;width:500px}
#logo span{font:1.5em/1em arial;letter-spacing:.016em;color:#C5B198;float:left;margin:33px 0 0 137px}
#slogan{font:.95em/1em arial;letter-spacing:.014em;color:#999;float:left;margin:60px 0 0 -362px}
#hdr_top{float:right;height:40px;padding:10px 0 0;width:100px}
.phone,.phone2,.hours,header address{clear:right;float:right;font:1.5em/.9em Georgia;margin:18px 30px 0 0;position:relative;text-align:center;width:220px;z-index:3}
.phone2{color:#fff;font-size:2em;margin:0 30px 0 0}
.hours{color:#fff;font:.75em/1em arial;margin:10px 90px 0 0;width:100px}
header address{font:.75em/1em arial;margin:10px 30px 0;}

nav{background:transparent url("img/menu_bg.png") repeat-x;height:55px;margin:0 0 60px;min-width:1000px;overflow:hidden;position:relative;width:100%;z-index:3}
nav ul{float:left;list-style:none;margin:0 0 0 41px;padding:0}
nav a{background:none;color:#c7b299;display:block;font-family:arial;height:30px;margin:0;padding:15px 0 10px;text-align:center;text-decoration:none;text-transform:capitalize;width:7.89em}
nav li{float:left;padding:0;width:7.94em}
nav #current a{background:url("img/nav_hov.png") repeat;color:#fff}
nav li:hover ul,nav a:hover{background:url("img/nav_hov.png") repeat;color:#c7b299;text-decoration:none}

#content-main{color:#c7b299;font-family:arial, helvetica, serif;font-size:100%;margin:0 0 0 40px;overflow:hidden;position:relative;width:930px;z-index:3}
.content-full h3{font:bold 1.1em/2em arial;margin:5px 0 -15px;text-align:left}
.content,.content-full{background:url("img/content_bg.png") repeat;float:left;height:auto;padding:0 20px 40px;width:400px}
.content-full{width:885px}
.content p,.content-full p{font:.85em/1.4em arial;padding:10px 0;}
.content ul,.content-full ul{list-style:square}
.content li,.content-full li{font-size:.85em;line-height:1.5em;margin:0 0 5px 30px}
.content-full div{padding:0 0 0 20px}
#content-sub,#feature,#content-sub-wide{background:url("img/content_bg.png") repeat;float:right;margin:0 0 0 5px;padding:20px;width:400px}
#content-sub img,#content-sub-wide img{background:url("img/input_bg.png") repeat;border:10px solid transparent;margin:0 15px 5px;}
#content-sub a:hover img,#content-sub-wide a:hover img,#feature a:hover img{background:#fff}
#content-sub a,#content-sub-wide a{float:left;font:.85em/1.5em arial;margin:10px 0 10px 15px;padding:0;text-align:center;text-decoration:none;width:115px}
#content-sub span a{margin:10px 0;width:100%;text-align:left}
#content-sub-wide a{margin:10px 0 10px 12px}
#content-sub-wide img{margin:0 0 5px 0;}

#feature{background:none;margin:0;left:480px;padding:0;position:absolute;}
#feature h3{background:url("img/content_bg.png") repeat;color:#fff;font:1.5em/2.8em Georgia;margin:-140px 0 0 20px;position:relative;clear:both;float:left;text-align:center;height:70px;width:400px}
#feature img{background:url("img/content_bg.png") repeat;margin:0 0 20px;padding:20px;}

aside{margin:20px 0 0}
aside p{float:right;line-height:1.5em;margin:0;padding:0 20px;width:500px}

form{background:url("img/content_bg.png") repeat;clear:left;float:left;margin:20px 0 0;padding:0}
fieldset{border:none;color:#fff;padding:20px;width:395px}
input{background:url("img/input_bg.png") repeat;border:1px solid transparent;clear:both;color:#C7B299/*one shade lighter #736357*/;float:left;font-size:.85em;height:20px;margin:10px 0 0;padding:2px 10px;width:163px}
input:hover,textarea:hover{border:1px solid #C7B299;color:#fff}
select{background:url("img/input_bg.png") repeat;border:none;color:#C7B299;font-size:.85em;height:26px;margin:10px 0 0 10px;padding:4px 0 0 10px;width:200px}
option{border:none;margin:5px}
option:hover{background:#C7B299;color:#fff}
textarea{background:url("img/input_bg.png") repeat;border:1px solid transparent;color:#C7B299;float:right;font-size:.85em;height:129px;margin:-10px 0 0;padding:2px 10px;width:177px}/*all pages*/
span.left{float:left}
span textarea{height:200px;margin:-170px 0 0;width:177px;}/*contact page*/
.button:hover{background:#C7B299}
.button{font-size:1.2em;font-weight:700;height:35px;width:100%}

.badges{background:url("img/ribbon_rt_bg.png") no-repeat right;clear:both;float:left;height:80px;margin:65px 0 0;width:750px}
.badges ul{background:url("img/content_bg.png") repeat;clear:both;float:left;height:100%;list-style-type:none;margin:-10px 0 0;padding:0 0 0 30px;width:679px}
.badges li a{float:left;margin:-10px 10px 0;text-indent:-9999px}
.badges li a.merillat{background:url("img/merillat_icon.png") no-repeat;height:78px;width:117px}
.badges li a.merillat:hover{margin:-9px 10px 0}
.badges li a.bbb{background:url("img/bbb_icon.png") no-repeat;height:93px;margin:-15px 10px 0;width:59px}
.badges li a.bbb:hover{margin:-14px 10px 0}
.badges li a.roc{background:url("img/roc_icon.png") no-repeat;height:69px;margin:5px 10px 0;width:245px}
.badges li a.roc:hover{margin:6px 10px 0}
.badges li a.fb{background:url("img/fb_icon.png") no-repeat;height:57px;margin:11px 10px 0;width:131px}
.badges li a.fb:hover{margin:12px 10px 0}

footer{color:#c7b299;font-family:arial, helvetica, serif;font-size:100%;margin:0;overflow:hidden;position:relative;width:100%;z-index:3}
small{float:left;font:normal .85em/2em georgia;margin:4em 40px;width:100%}
small span{float:right;margin:0 80px 0 0}

/* ***** BG Slide ***** */
#content {z-index: 3;}
#contentframe {overflow: hidden;z-index: 3;}
#slidecounter {float:left;color:#4F4F4F;font:50px "Helvetica Neue", Arial, sans-serif;font-weight:bold;margin:18px 20px;}
#slidecaption {overflow: hidden;float:left;color:#FFF;font:26px "Helvetica Neue", Arial, sans-serif;font-weight:bold;margin:33px 0;}
.stamp {float: right;margin: 25px 20px 0 0;}/*bg Stamp*/
#navigation {background: url('images/navbg.gif') no-repeat;float: right;margin:22px 20px 0 0;}
#loading {position: absolute;top: 49.5%;left: 49.5%;z-index: 3;width: 24px;height: 24px;text-indent: -999em;background-image: url(img/progress.gif);}
#bg {position:fixed;}
#bg img, #bg a {height:100%;width:100%;position:absolute;z-index: 0;}
#bg .prevslide, #bg .prevslide img {z-index: 1;}
#bg .activeslide, #bg .activeslide img {z-index: 2;}

/* ***** Lightbox ***** */
#jquery-overlay {position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;display: block;}
#lightbox-nav-btnPrev { left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;	}			
#lightbox-secNav-btnClose {width: 66px; float: right;padding-bottom: 0.7em;	}
