/* Simple. Smile. */

* { margin: 0; padding: 0;}
body { background: #9e9482 url('/media/background-gold.jpg') top center no-repeat; font: 13px/18px Helvetica, Arial, sans-serif; color: #807572; }

a:link { color: #305E87; text-decoration: underline; }
a:visited { color: #305E87; }
a:active { color: #AA1123; }
a:hover {}
a img { border: 0; }
.clear { clear: both; }
address { font-style: normal; }

h1, h2 { font-size: 18px; margin-bottom: 9px; line-height: 23px; }
p { margin-bottom: 9px; }

h1, h2, h3, em { font-family: 'Helvetica Rounded LT Std', 'Helvetica Rounded', Helvetica, Arial, sans-serif; color: #484240; font-style: normal; }

#wrap { position: relative; margin: 0 auto; width: 940px; }

#header { width: 960px; height: 160px; }
#header #logo { width: 300px; height: 160px; }
#header #logo img { width: 300px; height: 160px; }
#header #description { position: absolute; top: 64px; left: 315px; width: 570px; }
#header #description h1 { display: inline; }
#header #description p { display: inline; font-size: 18px; line-height: 19px; }
#header #description em { font-weight: bold; font-style: normal; color: #484240; }
#header #jobsBadge { position: absolute; top: 0; left: 860px; }
#header #jobsBadge img { visibility: hidden; }

#content div.showcase { position: relative; background: url('/media/showcase-background-top.png') no-repeat; padding-top: 30px; height: auto; }
#content div.showcase.browser { height: 362px; }
#content div.showcase div.wrapBottom { background: url('/media/showcase-background-bottom.png') bottom left no-repeat; padding-bottom: 20px; }
#content div.showcase div.wrapMiddle { background: url('/media/showcase-background-middle.png') repeat-y; height: 322px; }
#content div.showcase div.preview { position: absolute; top: 32px; left: 45px; width: 560px; }
#content div.showcase div.browser { top: 0; left: 35px; height: 399px; padding: 8px 15px 0 10px; background: url('/media/cases/sqoops/browser.png') no-repeat; overflow: hidden; }
#content div.showcase div.preview #casebrowserWrap { display: block; padding-top: 40px; }
#content div.showcase div.mood { position: absolute; top: 20px; left: 20px; width: 585px; }
#content div.showcase div.mood img { width: 585px; height: 342px; }
#content div.showcase div.description { position: absolute; top: 37px; left: 625px; width: 280px; }
#content div.showcase div.description h2 { margin-bottom: 0; }
#content div.showcase div.description p.intro { font-size: 15px; line-height: 23px; margin-bottom: 0; }
#content div.showcase div.description h3 { color: #6F6663; font-size: 13px; margin: 8px 0 3px; }
#content div.showcase div.description p.newSection { background: url('/media/hdivider.png') no-repeat; margin-top: 6px; padding-top: 16px; }
#content div.showcase div.description ul.checklist { float: left; list-style: none; background: url('/media/hdivider.png') no-repeat; margin-top: 6px; padding-top: 16px; }
#content div.showcase div.description ul.checklist li { float: left; width: 155px; background: url('/media/checkbox.png') no-repeat; padding: 2px 0 6px 22px; }
#content div.showcase div.description ul.checklist li.checked { background-image: url('/media/checkbox-checked.png'); }
#content div.showcase div.description ul.checklist li.column2 { width: 75px; }
#content div.showcase div.description a img { vertical-align: middle; }

#content div.showcase.dead div.wrapMiddle { height: 373px; }
#content div.showcase.browser.dead { height: 383px; }
#content div.showcase.dead div.browser { z-index: 3; }
#content div.showcase.dead div.description { z-index: 2; }
#content div.showcase.dead p.deathNote { position: absolute; top: 360px; left: 20px; z-index: 1; width: 215px; height: 45px; font-size: 12px; font-weight: bold; color: #FFF; padding: 8px 80px 0 605px; background: url('/media/showcase-background-bottom-dead.png') no-repeat; padding-bottom: 20px; }

#content div.group { clear: both; float: left; background: url('/media/about-background-top.png') no-repeat; padding-top: 20px; }
#content div.group div.wrapBottom { float: left; background: url('/media/about-background-bottom.png') bottom left no-repeat; padding-bottom: 20px; }
#content div.group div.wrapMiddle { float: left; background: url('/media/about-background-middle.png') repeat-y; padding: 13px 35px 5px; }
#content div.group div.double { float: left; width: 565px; padding: 0 10px; color: #484240; }
#content div.group div.double p.keywords { color: #807572; }
#content div.group div.single { float: left; width: 265px; padding: 0 10px; }
#content div.group h3 { margin: 5px 0 9px; line-height: 18px; }
#content div.group ul { padding-left: 20px; margin-bottom: 9px; }
#content div.group em { font-style: normal; color: #484240; }
#content div.group form+h2 { margin-top: 36px; }
#content div.group ul.brands { float: left; list-style: none; padding: 0; }
#content div.group ul.brands li { float: left; padding: 0 40px 0 0; }

#content div.downloads { clear: both; float: left; background: url('/media/info-background-top.png') no-repeat; padding-top: 20px; width: 970px; }
#content div.downloads div.wrapBottom { float: left; background: url('/media/info-background-bottom.png') bottom left no-repeat; padding-bottom: 20px; }
#content div.downloads div.wrapMiddle { float: left; background: url('/media/info-background-middle.png') repeat-y; padding: 0 45px 0; }
#content div.downloads dl { }
#content div.downloads dl dt { float: left; clear: left; margin-top: 9px; width: 285px; color: #484240; font-weight: bold; font-size: 15px; }
#content div.downloads dl dd { float: left; width: 570px; margin-top: 9px; }
#content div.downloads dl dd ul { padding: 0; list-style: none; }
#content div.downloads dl dd ul li { float: left; width: 570px; }
#content div.downloads dl dd ul h4 { font-size: 15px; font-weight: normal; }
#content div.downloads dl img { float: left; }

#footer { clear: both; }
#footer p { color: #484240; text-align: center; }

#home #header { background: url('/media/jobs-badge.jpg') no-repeat 860px 0; }

#jobs #header #description { width: 500px; }
#jobs #content div.group *+h2 { margin-top: 18px; }
#jobs #content div.group div.double h3 { margin: 18px 0 3px; }
#jobs #content div.group div.section { background: #f2f1ec; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 0 9px; padding: 16px 16px 9px; }
#jobs #content div.group div.section h2 { margin-bottom: 0; }
#jobs #content div.group div.section h2 a { } /* display: block; padding: 16px 16px 9px;*/
#jobs #content div.group div.section h2 a:hover { background: #ebe8e1; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#jobs #content div.group div.section h3,
#jobs #content div.group div.section ul,
#jobs #content div.group div.section p { display: none; }
#jobs #content div.group div.subSection { margin: 0 0 27px; display: none; }
#jobs #content div.group div.open {  } /* padding: 16px 16px 9px; */
#jobs #content div.group div.open h2 a { display: inline; padding: 0; }
#jobs #content div.group div.open h2 a:hover { background: none; }
#jobs #content div.group div.open h3,
#jobs #content div.group div.open ul,
#jobs #content div.group div.open p { display: block; }
#jobs #content div.group div.open div.subSection { display: block; }