@charset "utf-8";

/***** tags *****/
html { height: 100%; }
body { margin: 0; padding: 0; border: none; background: #FFF; height: 100%; font: 12px Arial, Helvetica, sans-serif; color: #282218; }
table, tr, td, input, textarea, select { font: 12px Arial, Helvetica, sans-serif; color: #282218; }
form, img { margin: 0; padding: 0; border: none; background: none; }
a { color: #63866F; text-decoration: none; }
a:hover { text-decoration: underline; }

/***** custom *****/
div.clear { clear: both; margin: 0; padding: 0; border: none; background: none; height: 0px; line-height: 0px; font-size: 0px; }
div.hr { margin: 15px 0px 15px 0px; padding: 0; border: none; background: #353535; height: 1px; line-height: 1px; font-size: 1px; }

/***** wrapper *****/
#wrapper { margin: 0; padding: 0; border: none; background: none; min-height: 100%; position: relative; }
#bg-site { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../images/client/bg-site.jpg) top left repeat; z-index: -100; }
#bg-flowers { position: absolute; top: 200px; left: 0; width: 100%; height: 690px; background: url(../../images/client/bg-flowers.png) top center no-repeat; z-index: -10; }
#bg-cityscape { position: absolute; bottom: 0; left: 0; width: 100%; height: 426px; background: url(../../images/client/bg-cityscape.png) top center no-repeat; z-index: -10; }

/***** header *****/
#header { margin: 0; padding: 0; border: none; background: none; }
#header div.inner { margin: 0 auto; padding: 0; border: none; background: none; width: 970px; height: 158px; position: relative; overflow: hidden; }
#header div.inner div.logo { position: absolute; top: 0px; left: 173px; width: 585px; height: 377px; background: url(../../images/client/logo-en.png) top left no-repeat; }
#header div.inner div.logo a { position: absolute; top: 49px; left: 145px; width: 327px; height: 84px; outline: none; }
#header div.inner div.toplinks { position: absolute; top: 10px; }
#header div.inner div.toplinks a { font-size: 11px; font-weight: bold; color: #FFF; text-decoration: none; text-transform: uppercase; margin-left: 15px; }
#header div.inner div.toplinks a:hover { color: #738567; }
#header div.inner div.toplinks a:first-child { margin-left: 0px; }
#header div.inner div.toplinks.left { left: 0; }
#header div.inner div.toplinks.right { right: 0; }
#header div.inner div.countdown { position: absolute; top: 55px; left: 0; }
#header div.inner div.countdown div.box { float: left; margin: 0px 0px 0px 15px; padding: 0; border: none; background: none; color: #FFFFFF; }
#header div.inner div.countdown div.box.days { margin-left: 0; }
#header div.inner div.countdown div.box div.value { font-size: 40px; line-height: 40px; font-weight: bold; text-shadow: 1px 1px 2px rgba(0,0,0,.7); }
#header div.inner div.countdown div.box div.title { font-size: 14px; line-height: 12px; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 2px rgba(0,0,0,.7); }
#header div.inner div.info { position: absolute; top: 45px; right: 0; text-align: right; text-transform: uppercase; color: #FFF; }
#header div.inner div.info div.line1 { font-size: 36px; margin-top: 0px; }
#header div.inner div.info div.line2 { font-size: 20px; margin-top: -5px; }
#header div.inner div.info div.line3 { font-size: 18px; color: #D6651D; margin-top: 5px; }

/***** nav *****/
#nav { margin: 0; padding: 0; border: none; background: none; }
#nav div.inner { margin: 0 auto; padding: 0; border: none; background: url(../../images/client/bg-nav.png) top left no-repeat; width: 1000px; height: 57px; position: relative; z-index: 1000; text-align: center; }
#nav div.inner ul { margin: 0; padding: 0; border: none; background: none; list-style: none; }
#nav div.inner ul li { display: inline-block; margin: 0px 0px 0px 20px; padding: 0; border: none; background: none; list-style: none; position: relative; zoom: 1; *display: inline; _height: 30px; vertical-align: top; }
#nav div.inner ul li.first { margin-left: 0px; }
#nav div.inner ul li a { display: block; margin: 0px 0px 0px 0px; padding: 0px 15px 0px 15px; border: none; background: none; height: 40px; line-height: 40px; color: #FFF; font-size: 22px; font-weight: bold; text-decoration: none; text-transform: uppercase; }
#nav div.inner ul li ul { display: none; position: absolute; top: 40px; left: 0; background: none; text-align: left; z-index: 1000; }
#nav div.inner ul li:hover a { background: #63866F; }
#nav div.inner ul li:hover ul { display: block; border: 1px solid #63866F; }
#nav div.inner ul li:hover ul li { display: block; margin: 0; padding: 0; border: none; background: none; list-style: none; }
#nav div.inner ul li:hover ul li a { display: block; margin: 0; padding: 10px 15px 10px 15px; border: none; border-top: none; background: #63866F; height: auto; line-height: normal; color: #FFF; font-size: 11px; font-weight: bold; text-decoration: none; text-transform: none; white-space: nowrap; }
#nav div.inner ul li:hover ul li.first a { }
#nav div.inner ul li:hover ul li.last a { }
#nav div.inner ul li:hover ul li a:hover { background: #B8CCB1; }

/***** content *****/
#content { margin: -17px auto 0px auto; padding: 0; border: none; background: #B8CCB1; width: 970px; }
#content #content-full { float: left; width: 930px; margin: 20px 20px 20px 20px; }
#content #content-main { float: left; width: 600px; margin: 20px 0px 20px 20px; }
#content #content-side { float: left; width: 300px; margin: 20px 20px 20px 30px; }

/***** sections *****/
#content div.section { float: left; margin: 0; padding: 0; border: none; background: #FFF; position: relative; }
#content div.section.full-width { width: 100%; }
#content div.section.margin-top { margin-top: 20px; }
#content div.section.margin-left { margin-left: 30px; }
#content div.section.padding { padding: 15px 15px 15px 15px; }
#content div.section.border { border: 1px solid #8FAF84; }
#content #content-side div.section { margin-top: 15px; }
#content #content-side div.section:first-child { margin-top: 0px; }
#content div.section div.header { line-height: 24px; font-size: 24px; font-weight: bold; color: #EB7F3A; text-shadow: 1px 1px 2px #999; }
#content div.section div.header a { color: #EB7F3A; font-weight: bold; text-decoration: none; }
#content div.section div.header a:hover { color: #FE6411; }

/***** shadows *****/
#content div.section div.shadow.small { position: absolute; bottom: -17px; right: 0px; width: 100%; height: 16px; background: url(../../images/client/section-shadow-small.png) top right no-repeat; }
#content div.section div.shadow.full-width { position: absolute; bottom: -17px; right: 0px; width: 100%; height: 16px; background: url(../../images/client/section-shadow-full-width.png) top center no-repeat; }
#content div.section div.shadow.side { position: absolute; bottom: -16px; right: 0px; width: 100%; height: 15px; background: url(../../images/client/section-shadow-side.png) top right no-repeat; }

/***** footer *****/
#footer { margin: 0; padding: 15px 0px 25px 0px; border: none; background: none; }
#footer div.inner { margin: 0 auto; padding: 0; border: none; background: none; width: 970px; color: #FFF; font-size: 11px; font-weight: bold; }
#footer div.inner a { color: #FFF; text-decoration: none; }
#footer div.inner a:hover { }
#footer div.inner div.logos { margin: 0; padding: 15px 0px 15px 0px; border: none; background: #FFF; text-align: center; }
#footer div.inner div.logos img { vertical-align: middle; margin: 0px 0px 0px 15px; }
#footer div.inner div.logos img.first { margin-left: 0px; }
#footer div.inner div.copyright { float: left; margin: 15px 0px 0px 0px; }
#footer div.inner div.links { float: right; margin: 15px 0px 0px 0px; }
#footer div.inner div.links a { margin-left: 15px; text-transform: uppercase; }
#footer div.inner div.links a:first-child { margin-left: 0px; }

/***** questions and answers *****/
div.question-answer div.question { font-size: 14px; font-weight: bold; cursor: pointer; }
div.question-answer div.question:hover { color: #F72900; }
div.question-answer div.answer { margin-top: 10px; padding-left: 25px; }

/***** form *****/
#content #content-main div.section.full-width div.form { height: 1%; }
#content #content-main div.section.full-width div.form div.form-left { float: left; width: 280px; }
#content #content-main div.section.full-width div.form div.form-right { float: left; width: 280px; margin-left: 30px; }
#content #content-main div.section.full-width div.form div.label { color: #FFFFFF; font-weight: bold; }
#content #content-main div.section.full-width div.form div.label.margin-top { margin-top: 15px; }
#content #content-main div.section.full-width div.form div.input { margin-top: 5px; }
#content #content-main div.section.full-width div.form div.input input[type="text"] { margin: 0; padding: 5px; width: 268px; border: 1px solid #343434; background: #1E1E1E; color: #FFFFFF; }
#content #content-main div.section.full-width div.form div.input textarea { margin: 0; padding: 5px; width: 268px; height: 75px; border: 1px solid #343434; background: #1E1E1E; color: #FFFFFF; }
#content #content-main div.section.full-width div.form div.submit { text-align: right; height: 32px; }
#content #content-main div.section.full-width div.form div.submit a { float: right; width: 137px; height: 32px; background: url(../../images/client/btn-submit.png) 0px 0px no-repeat; }
#content #content-main div.section.full-width div.form div.submit a:hover { background-position: 0px -32px; }