@import url('reset.css');

/* CSS LAYOUT
---------------------------------------------- */

div.wrapper { position: relative; background: #EBE6DE url(../images/body.jpg) no-repeat top center; }
* html div.wrapper { height: 1%; }
*:first-child+html div.wrapper { height: 1%; }
div.container, div.wrap { position: relative; width: 994px; margin: 0 auto; text-align: left; }

/* HEADER
---------------------------------------------- */

#header { background: url(../images/header-home.jpg) no-repeat 0 111px; position: relative; height: 356px; }
#header.inside { background: url(../images/header-inside.jpg) no-repeat 0 34px; height: 281px; }

#header h1 a { background: url(../images/header-h1-a.png) no-repeat 0 0; width: 304px; height: 125px; display: block; text-indent: -9999px; }

#header p.slogan { background: url(../images/p-slogan.jpg) no-repeat 0 0; position: absolute; top: 134px; left: 124px; width: 340px; height: 61px; display: block; text-indent: -9999px; }

#header p.service { background: url(../images/header-p-service.jpg) no-repeat 0 0; position: absolute; top: 93px; right: 0; width: 369px; height: 57px; display: block; text-indent: -9999px; }

ul#companyNav { background: url(../images/company-nav.jpg) no-repeat 0 0; position: absolute; top: 34px; right: 0; width: 428px; height: 43px; }

ul#companyNav li a { background: url(../images/company-nav.jpg) no-repeat 0 0; position: absolute; top: 5px; height: 30px; display: block; }
ul#companyNav li.link1 a { left: 20px; width: 81px; background-position: -20px -5px; }
ul#companyNav li.link1 a:hover,
ul#companyNav li.link1 a.active { background-position: -20px -48px; }
ul#companyNav li.link2 a { left: 101px; width: 102px; background-position: -101px -5px; }
ul#companyNav li.link2 a:hover,
ul#companyNav li.link2 a.active { background-position: -101px -48px; }
ul#companyNav li.link3 a { left: 203px; width: 172px; background-position: -203px -5px; }
ul#companyNav li.link3 a:hover,
ul#companyNav li.link3 a.active { background-position: -203px -48px; }


ul#homeNav { background: url(../images/home-nav.jpg) no-repeat 0 0; position: absolute; top: 244px; height: 98px; width: 100%; }
#header.inside ul#homeNav { top: 167px !important; background: url(../images/inside-nav.jpg) no-repeat 0 0 !important; }

ul#homeNav a { background: url(../images/home-nav.jpg) no-repeat 0 0; position: absolute; z-index: 100; top: 0; height: 98px; display: block; }
#header.inside ul#homeNa a { background: url(../images/inside-nav.jpg) no-repeat 0 0 !important; }

ul a span { position: absolute; display: block; top: -9999px; }

#header ul#homeNav li.link1 a { left: 99px; width: 148px; background-position: -99px 0; }
#header ul#homeNav li.link1 a:hover,
#header ul#homeNav li.link1 a.active { background-position: -99px -105px; }

#header ul#homeNav li.link2 a { left: 247px; width: 140px; background-position: -247px 0; }
#header ul#homeNav li.link2 a:hover,
#header ul#homeNav li.link2 a.active { background-position: -247px -105px; }

#header ul#homeNav li.link3 a { left: 387px; width: 161px; background-position: -387px 0; }
#header ul#homeNav li.link3 a:hover,
#header ul#homeNav li.link3 a.active { background-position: -387px -105px; }

#header ul#homeNav li.link4 a { left: 548px; width: 135px; background-position: -548px 0; }
#header ul#homeNav li.link4 a:hover, 
#header ul#homeNav li.link4 a.active { background-position: -548px -105px; }

#header ul#homeNav li.link5 a { left: 683px; width: 140px; background-position: -683px 0; }
#header ul#homeNav li.link5 a:hover,
#header ul#homeNav li.link5 a.active { background-position: -683px -105px; }

#header ul#homeNav li.link6 a { left: 823px; width: 124px; background-position: -823px 0; }
#header ul#homeNav li.link6 a:hover,
#header ul#homeNav li.link6 a.active { background-position: -823px -105px; }

/* HOME
---------------------------------------------- */

#home { position: relative; z-index: 2; overflow: hidden; margin-bottom: -210px; }

#home div.intro { background: url(../images/div-intro-p.gif) no-repeat 0 0; width: 771px; height: 56px; margin-left: 110px; }
#home div.intro h2,
#home div.intro p { display: block; position: absolute; top: -9999px; }

#home div.dvdFilm { background: url(../images/dvd-film.png) no-repeat 0 0; position: relative; width: 457px; height: 331px; padding-top: 37px; margin: 0 0 48px 93px;  }
#home div.dvdFilm h2 { background: url(../images/dvd-film-h2.jpg) no-repeat 0 0; width: 155px; height: 27px; display: block; text-indent: -9999px; margin: 0 0 12px 67px; }

#home div.dvdFilm ul { margin: 0 185px 0 46px; }
#home div.dvdFilm ul li { background: url(../images/ul-services-li.gif) no-repeat 0 0; padding: 0 0 12px 22px; }

#home div.dvdFilm a.learnMore { background: url(../images/a-learnmore.gif) no-repeat 0 0; position: absolute; bottom: 49px; left: 46px; width: 107px; height: 17px; display: block; text-indent: -9999px; }

#home div.dvdFilm a.learnMore:hover { background-position: 0 100%; }

ul.services { float: right; width: 42%; padding-top: 50px; }
ul.services li { background: url(../images/ul-services-li.gif) no-repeat 0 0; padding: 0 0 12px 22px; margin-right: 140px; }

#extraStyle2 { background: url(../images/extrastyle2.jpg) no-repeat 0 0; position: absolute; top: 45px; right: 56px; width: 106px; height: 37px; }

/* CONTENT
---------------------------------------------- */

#content { position: relative; width: 882px; z-index: 10; margin-left: 97px; padding-bottom: 1in; margin-bottom: -228px; }
* html #content { height: 1%; }

#content h2 { font-family: "Times New Roman", Times, serif; font-size: 24px; color: #299867; font-style: italic; margin: 0 75px 10px 23px; }

#content p { margin: 0 60px 17px 31px; line-height: 1.4; color: #7B613B; }

#content blockquote { text-align: center; font-size: 16px; margin: 0 200px; }
#content blockquote span { display: block; }

#content ol { list-style: decimal; }
#content ol li { margin: 0 80px 17px 50px; }
#content ol li h3 { font-weight: 700; color: #302D28; }
#content ol li p { margin: 0; }

span.re-collapse { display: block; }

#content ul li { background: url(../images/ul-services-li.gif) no-repeat 0 2px; margin: 0 100px 17px 32px; padding: 0 0 12px 22px; }
#content li { line-height: 1.4; }

#content div.accordion h3 { display: block; background: url(../images/accordion-h3.png) no-repeat 0 0; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; color: #302D28; font-size: 15px; padding: 10px 30px 0 46px; cursor: pointer; margin: 0 24px 0 12px; }

#content div.accordion h3.open { background: url(../images/accordion-h3.png) no-repeat 0 -43px; font-family: "Times New Roman", Times, serif; font-size: 20px; color: #3C9166; padding: 25px 30px 70px 51px; margin-bottom: -54px; }

#content div.ext { display: none; overflow: hidden; background: url(../images/div-ext-bottom.png) no-repeat 9px bottom; padding-bottom: 24px; margin-bottom: 17px; width: 816px; }

* html #content div.ext { background: none; padding-bottom: 0; margin-bottom: 8px; }

#content div.ext ul.columns { overflow: hidden; margin-right: 0; margin-bottom: 12px; }
#content div.ext ul.columns li { float: left; width: 24%; margin-right: 5%; }

#content div.ext h4 { font-weight: bold; color: #302D28; margin: 0 0 0 57px; }
#content div.ext p { margin: 0 75px 17px 57px; clear: left; }

#content div.ext ul { margin: 0 52px 0 77px; clear: left; }
#content div.ext ul ul { margin: 0; }
#content div.ext ul li { margin: 0; }
#content div.ext li li  { margin: 0 20px; }
#content div.ext li h4 { margin: 17px 0 8px 0; }
#content div.ext li p { padding: 0; margin: 17px 20px 0; }


#content div.img.left { float: left; margin: 0 12px 0 22px; }
#content div.img.right { float: right; margin: 0 48px 0 12px; }
#content div.ext div.img { float: right; margin: 0 30px 0 0; }
#content div.img { float: right; margin: 0 30px 0 0; }

/* CONTACT
---------------------------------------------- */

#content.contact { text-align: left; }
#content div.address p { font-size: 16px; color: #5F2B11; }


/* CONTACT FORM
---------------------------------------------- */

#contactForm { position: relative; width: 628px; text-align: left; margin: 24px 0 32px 114px; border: #BCAD96 solid 1px; }
* html #contactForm { margin: 24px auto 24px 110px; }
*:first-child+html #contactForm { height: 1%; margin: 0 0 24px -30px; }
*:first-child+html #contactForm p.req { width: 5em; }

#contactForm p { margin: 0; line-height: 1; }
#contactForm ol { position: relative; list-style: none; width: 100%; }
#contactForm ol li { position: relative; margin: 0; line-height: 1; width: 322px; height: 2.2em; }

#contactForm ol li.questions { position: absolute; top: 0; right: -29px; }
#contactForm ol li.questions label { position: absolute; top: -22px; margin: 0; }
#contactForm ol li.date { height: 5.25em; }
#contactForm ol li.date p { margin-left: 124px; font-size: 11px; padding: 6px 0; }
#contactForm ol li.date input { position: absolute; top: auto !important; bottom: 1em; }
#contactForm ol li.time { height: 2.7em; }
#contactForm ol li.subscribe { position: absolute; top: 8.2em; right: -91px; }
#contactForm ol li.subscribe label { display: inline; width: auto; padding: 0; }
#contactForm ol li.subscribe input { position: relative; top: auto; left: auto; }

#contactForm ol li.submit { position: absolute; width: auto; height: auto; right: 16px; bottom: 12px; }

#contactForm legend, #contactForm label { font-family: "Times New Roman", Times, serif; font-style: italic; }
#contactForm p.req { position: absolute; top: 17px; right: 14px; color: #5D5436; font-style: italic; }
#contactForm legend { font-size: 30px; color: #533B00; padding: 12px 0; }
#contactForm legend span { position: relative; left: 16px; padding-bottom: 3px; line-height: 1.4; background: url(../images/legend.gif) no-repeat bottom left; }
#contactForm label, #contactForm p { color: #1F1C15; }
#contactForm label { font-size: 16px; display: block; padding: .15em 0 .45em; margin-left: 35px; }

#contactForm li.name label,
#contactForm li.phone label,
#contactForm li.email label,
#contactForm li.date label { background: url(../images/legend.gif) no-repeat bottom left; }

#contactForm ol li input.text,
#contactForm ol li select { position: absolute; top: 0; right: 0; }

#contactForm input.text { width: 193px; }
#contactForm ol li select { width: 199px; }
#contactForm textarea { width: 271px; height: 92px; }

/* FOOTER
---------------------------------------------- */

#footer { background: url(../images/footer2.png) repeat-x 0 -132px; position: relative; height: 228px; clear: both; }
#footer div.wrap { height: 228px; }

* html #footer { z-index: -1; }
*:first-child+html #footer { z-index: -1; }

#footer p.copyright { position: absolute; bottom: 0; left: 0; z-index: 2; background: url(../images/p-copyright.gif) no-repeat 0 0; width: 831px; height: 34px; display: block; margin-left: 104px; }

#footer p.copyright span { font-family: "Times New Roman", Times, serif; color: #C6BFB6; position: relative; left: 24px; top: 10px; }

#extraStyle3, #extraStyle4 { position: absolute; bottom: 0; background: #000; width: 153px; height: 360px; }
#extraStyle3 { left: 0; background: url(../images/extrastyle3-1.png) no-repeat 0 0; }
#extraStyle4 { right: 0; background: url(../images/extrastyle4-1.png) no-repeat 0 0; }