/** RESETS */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, a img, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0; padding: 0;	border: 0;	font-size: 100%; font: inherit;}

/* ////////////////////////////////////////// GENERAL STYLES //////////////////////*/
body 										{ margin: 0; padding: 50px 0; background: #f5f5f5; font: 100% 'kepler-std'; font-weight: 400; color: #2c2c2c; letter-spacing: 1px; }

a:link,a:visited							{ color: inherit; text-decoration: none; }

.fltrt 										{ float: right; }
.fltlft 									{ float: left; }
.clear										{ clear:both; height:0; line-height: 0px; }

#span_contact, #span_email,
#span_name, #span_enquiry					{ color: red; }

/* ////////////////////////////////////////// LAYOUT //////////////////////*/
.wrapper 									{ width: 1000px; margin: 0 auto 50px; padding: 20px 0; overflow: auto; background: #ffffff;}

/* ////////////////////// LEFT SIDEBAR //////////////////////*/
.left-wrapper								{ width: 210px; float: left; }
.logo										{ width: 175px; height: 81px; margin: 77px auto 72px; background: url(../images/logo.jpg) no-repeat; }


/* ////////////////////// NAVIGATION //////////////////////*/
#nav 										{ margin: 0 0 30px 20px; list-style: none; background: url(../images/dt-div.png) repeat-x 0 bottom; }

#nav li { }

#nav > li > a								{ display: block; padding: 10px 0 10px 20px; background: url(../images/dt-div.png) repeat-x 0 0; font-family: 'ff-netto-web'; font-size: 16px; 
											   text-transform: uppercase; letter-spacing: 1px; }
#nav > li > a:hover, #nav > li > a.open		{ background:url(../images/nav-hver.jpg) repeat; color: #ffffff;  }

#nav li ul 									{ display: none; list-style: none; }
#nav li ul li								{ background: url(../images/dt-div.png) repeat-x 0 top; }
#nav li ul li a								{ display: block; padding: 10px 0 5px 40px; font-size: 14px; font-family: 'ff-netto-web'; text-transform: uppercase; }
#nav li ul li a:hover,
#nav li ul li.active 						{ background: url(../images/dmd-bullet.png) 20px 50% no-repeat, url(../images/dt-div.png) repeat-x 0 top; }

/* ////////////////////// RIGHT SIDE //////////////////////*/
.right-wrapper								{ width: 790px; float: left; }
.yellow-div									{ height: 2px; margin: 12px 0 0; background: #f0c357; }
.content-wrapper							{ padding: 20px; }
.dt-div										{ height: 2px; background: url(../images/dt-div.png) repeat-x; }

/* ////////////////////// HOMEPAGE RANGE //////////////////////*/
.range-wrapper								{ overflow: auto; }
.box 										{ width: 180px; margin: 0 10px 10px 0; display: block; float: left; }
.box.last 									{ margin-right: 0; }
.anchor-hover 								{ display: block; position: relative; width: 180px; height: 180px; }
.anchor-hover img 							{ position: relative; }

.anchor-hover .details 						{ opacity: 0; position: absolute; top: 0px; left: 0px; width: 180px; height: 180px; margin: 0; background: rgba(240, 195, 87, 0.5); overflow: hidden; 
											  transition: opacity 0.25s linear 0s; -webkit-transition: opacity 0.25s linear 0s; -moz-transition: opacity 0.25s linear 0s; -o-transition: opacity 0.25s linear 0s; }

.anchor-hover .details .more				{ width: 138px; margin: 65px auto 0; padding: 1px; vertical-align: middle; border: 5px solid #fff; box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.25);
											  -webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.25);  }
.anchor-hover .details .more .link			{ padding: 5px 0; background: #fff; font-family: 'ff-netto-web'; font-size: 12px; text-transform: uppercase; text-align: center; color: #a27f47; letter-spacing: 1px }

.anchor-hover:hover .details { opacity: 1; }
/* ////////////////////// CONTENT //////////////////////*/
h1											{ padding: 15px 0 10px; margin: 19px 0 20px; background: url(../images/dt-div.png) 0 0 repeat-x, url(../images/dt-div.png) 0 bottom repeat-x; font-family: 'ff-netto-web'; 
											  font-size: 24px;
											  text-align: center; letter-spacing: 1px; line-height: 24px;  }
h1 span										{ font-family: 'kepler-std'; font-style: italic; font-weight: 300; font-size: 20px; letter-spacing: normal; color: #a27f47; }

.info										{ padding: 0 10px; font-size: 16px; text-align: center; letter-spacing: normal; }

.contact									{ width: 600px; margin: 0 auto; overflow: auto; }

.title										{ margin: 0 50px 0 0; font-family: 'kepler-std'; font-size: 18px; font-style: italic; font-weight: 300; text-decoration: underline; vertical-align: top; }
.contact-info								{ margin: 0 95px 0 0; vertical-align: top; }

ul#contact, ul#contact ul					{ list-style: none inside; margin: 0 0 50px; text-align: left; }
ul#contact li, ul#contact ul li				{ display: inline-block; }

.info a										{ font-family: 'kepler-std'; font-style: italic; font-weight: 300; color: #a27f47; text-decoration: none; text-transform: none; }
.info a:hover								{ border-bottom: 1px dotted #a27f47; }

/* ////////////////////// FOOTER //////////////////////*/
.footer										{ width: 1000px; margin: 0 auto; padding: 11px 0; background: url(../images/footer-shadow.png) repeat-x 0 top, url(../images/footer-shadow.png) repeat-x 0 bottom; }
.footer-box									{ padding: 45px 20px 36px; background: #ffffff; }
ul.footer-content							{ padding: 40px 20px 35px; list-style: none; background: url(../images/dt-div.png) repeat-x 0 0; position: relative;  font-size: 12px; }
ul.footer-content li						{ margin: 0 50px 0 0; display: inline; font-family: 'ff-netto-web'; text-transform: uppercase; }
ul.footer-content li.copyright				{ display: block; position: absolute; right: 20px; top: 40px; margin: 0; }

ul.footer-content li a						{ font-family: 'kepler-std'; font-style: italic; font-weight: 300; color: #a27f47; text-decoration: none; text-transform: none; }
ul.footer-content li a:hover				{ border-bottom: 1px dotted #a27f47; }

button.enquiry								{ background: none; position: absolute; top: -30px; border: none; cursor: pointer;
											  transition: top 0.5s ease-out; -webkit-transition: top 0.5s ease-out; -moz-transition: top 0.5s ease-out; -o-transition: top 0.5s ease-out; }
button.enquiry:hover		 				{ top: -40px; }
/*ul.footer-content li img					{ width: 111px; height: 111px; position: absolute; top: -35px; background: url(../images/enquiry-btn.png) no-repeat; }*/