/*
** M E R I X
** 2008/10/23
*/
html { height: 100%; margin-bottom: 1px; font-size: 100%;}
body { min-width: 950px; margin: 0; padding: 0 0 65px; background: #fff; color: #555; font: .75em/1.3 "Arial", "Helvetica", sans-serif; }
textarea, input, select, option, optgroup, button { font: 1em "Arial", "Helvetica", sans-serif; }
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
p, ul, ol, dl { padding-bottom: 1em; }
img { border: none; vertical-align: bottom; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
ul, ol { margin-left: 1.5em; padding-left: 0; }
ul { list-style-type: disc; }
address { padding: 0; font-style: normal; }
acronym { border-bottom: 1px dotted #555; cursor: help; }
code { font-family: "Consolas", "Lucida Console", "Monaco", monospace; }
pre { font-size: 1.1em; }
blockquote { margin: 0; padding: 0 50px; background: transparent url("../images/quote.png") no-repeat 0 0; font-style: italic; }
a { background: transparent url("../images/border_00.png") no-repeat -512px 100%; color: #F47F20; text-decoration: none; outline: none; cursor: pointer; }
a:hover { background-position: 0 100%; color: #555; text-decoration: none; }
a:active { color: #000; }
a * {cursor: pointer;}


/*
** some globally used classes
*/
.left { float: left !important; }
.right { float: right !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right; }
p.submit {text-align: right; padding: 10px; overflow: visible;}

.undo-margin { margin-top: -.8em; }
.no-margin { padding-bottom: 0 !important; }
.margin { padding-bottom: 1em !important; }

.hide { position: absolute; left: -999em; top: -999em; }

button, input.radio, input.checkbox, label, select { cursor: pointer; }

label { font-weight: 700; }
label.checkbox { font-weight: 400; }
label em { color: #888; font-weight: 400; font-style: normal; }


/*
** header
*/
.header-parent {overflow: hidden; min-width: 950px; background: #333 url("../images/header-bg1.png") left top repeat-x;}
.header { position: relative; overflow: hidden; background: url("../images/header-bg2.png") center top no-repeat; color: #808080; }
.header>div { position: relative; width: 950px; margin: 0 auto; padding: 40px 0 0; }
.header div div { position: static; width: auto; margin: 0; padding: 0; }
.header a { background: transparent; }

/* logo */
.header div .header-essentials {position: relative; top: -40px; overflow: hidden; clear: both; margin-top: 20px; margin-bottom: -15px; }
.header p.logo { position: relative; float: left; width: 286px; height: 90px; margin: 0; padding: 0; background: transparent url("../images/logo_standard.png") no-repeat 0 0; }
.header p.logo a { float: left; width: 100%; height: 100%; }
.header p.logo img { display: none; }
.header p.logo.december { background-image: url("../images/logo_december.png"); }

/* main menu */
.header ul.menu { float: right; overflow: hidden; clear: right; list-style: none; margin: 50px 0 0; padding: 0; line-height: 1.1em; }
.header ul.menu li { position: relative; float: left; margin: 0 0 0 -1px; padding: 0 0 0 1px; background: url("../images/mm-separator.gif") 0 center no-repeat;}
.header ul.menu li:hover {z-index: 20; background: none;}
.header ul.menu li.active {z-index: 20; background: none;}
.header ul.menu a { float: left; height: 27px; padding: 0 20px 0 0; background: url("../images/mm-hover-r.png") right -100px no-repeat; font-size: 1.167em; font-weight: bold; }
.header ul.menu a span {float: left; height: 27px; padding: 0 0 0 20px; background: url("../images/mm-hover-l.png") left -100px no-repeat; color: #fefefe; line-height: 27px; text-transform: lowercase; white-space: nowrap; }
.header ul.menu a:hover, .header ul.menu li.active a { background-position: right center; color: #888; text-decoration: none; }
.header ul.menu a:hover span, .header ul.menu li.active a span {background-position: left center; color: #888;}



/* page title */
.header p.title { float: left; padding: .8ex 0 .8ex 20px; color: #fff; font-size: 3em; font-weight: 400; }
.header p.tagline { padding: 1.75em 20px 0 0; color: #fff; font-size: 1.5em; font-weight: 400; text-align: right; }
.header p.tagline strong { color: #F47F20; font-weight: 400; }

/* links */
.header ul.tools { position: absolute; top: 0; right: 0; overflow: hidden; float: right; list-style: none; height: 27px; margin: 0 0 20px; padding: 0;  font-size: 0.917em; text-align: center; }
.header ul.tools li { float: left; height: 27px; margin: 0; padding: 7px 0;  display: inline-block; background: url("../images/tools.png") center top  no-repeat;}
.header ul.tools li.first { width: 25px; background: url("../images/tools.png") left top  no-repeat;}
.header ul.tools li.last { width: 20px; background: url("../images/tools.png") right top  no-repeat;}
.header ul.tools a { float: left; padding: 0 5px; color: #888; }
.header ul.tools a.contrast { border-left: 1px solid #2F2F2E; }
.header ul.tools a.up {padding-left: 13px; background: url("../images/arrow-up.gif") left center no-repeat;}
.header ul.tools a:hover { color: #fff; }
.header ul.tools strong { color: #f47d20; font-weight: normal; }
.header ul.tools a:hover strong { color: #fff; }


hr.separator {position: relative; top: -80px; width: 100%; height: 1px; border: none; background: url("../images/header-separator.png");}


/* corner link */
.play-link { position: fixed; top: 0; right: 0; z-index: 5; width: 95px; height: 97px; }
.play-link a { overflow: hidden; float: right; width: 95px; height: 97px; background: transparent; line-height: 97px; text-align: center; }

/*
** content
*/
.content { width: 948px; margin: 0 auto; padding: 0 0 10px; border: 1px solid #EFEFEF; border-top: none; }
.content .content { width: auto; margin: 0; padding: 0 19px; border: none; }
.content h1 { padding: 1em 19px 20px; color: #000; font-size: 2em; font-weight: normal; line-height: 1em;}
.content h1.after-tabs { clear: both; border-top: 1px solid #efefef; }
.content h2 { padding: 1em 0; color: #000; font-size: 1.5em; font-weight: 400; line-height: 1; }
.content h2 a { background: transparent; color: #000; }
.content h2 a:hover { color: #F47F20; }
.content h3 {padding: 1ex 0; color: #000; font-size: 1.5em; font-weight: 400; line-height: 1;}
.content hr { height: 4px; margin-top: 3em; border: none; background: #EFEFEF; }
.content hr.special { height: 1px; clear: both; margin-top: 0; }

.content ul.two-columns { clear: both; border-top: 1px solid #EFEFEF; }
.content ul.two-columns li.left { width: 320px; }
.content ul.two-columns li.right { width: 550px; padding: 25px 19px 0 0; line-height: 1.4; }
.content ul.two-columns li.right h3 { padding-top: 1ex; padding-bottom: 1ex; }
.content ul.two-columns li.right h4 { padding-bottom: 1em; }
.content ul.two-columns h1 { padding-left: 0; padding-top: 0; }

.content ul.two-columns-alt { overflow: hidden; padding: 2em 19px 0; border-top: none; }
.content ul.two-columns-alt li.left { width: 425px; margin-right: -1px; padding: 0 30px 0 0; border-right: 1px solid #efefef; }
.content ul.two-columns-alt li.right { width: 424px; margin-left: -1px; padding: 0 0 0 30px; border-left: 1px solid #efefef; }
.content ul.two-columns-alt h3 { padding-top: 0; }
.content ul.two-columns-alt .icon { margin-left: -6px; }

/*
** location bar/breadcrumbs
*/
p.location { padding: 1em 19px; border-bottom: 4px solid #EFEFEF; color: #888; font-size: .917em; line-height: 1.1; word-spacing: .5ex; }
p.location a { background: transparent; color: #888; word-spacing: normal; }
p.location a:hover { color: #000; text-decoration: underline; }
p.location strong { color: #F47F20; word-spacing: normal; }


/*
** footer
*/
ul.sites {clear: both; overflow: hidden; list-style: none; width: 800px; margin: 20px auto; padding: 0;}
ul.sites li {float: left; margin: 0; padding: 0;}
ul.sites li a {float: left; width: 160px; height: 20px; margin: 0; padding-top: 60px; border: none; background: url("../images/sites.jpg") 0 0 no-repeat; color: #3b5e73; font-size: 0.917em; line-height: 20px; text-align: center; text-decoration: none;}
ul.sites li a.wom {background-position: 0 0;}
ul.sites li a.wom:hover {background-position: 0 -80px;}
ul.sites li a.mblocks {background-position: -160px 0;}
ul.sites li a.mblocks:hover {background-position: -160px -80px;}
ul.sites li a.drupalworks {background-position: -320px 0;}
ul.sites li a.drupalworks:hover {background-position: -320px -80px;}
ul.sites li a.godealla {background-position: -480px 0;}
ul.sites li a.godealla:hover {background-position: -480px -80px;}
ul.sites li a.shops {background-position: -640px 0;}
ul.sites li a.shops:hover {background-position: -640px 0;}
ul.sites li a.wos {background-position: -800px 0;}
ul.sites li a.wos:hover {background-position: -800px -80px;}

ul.sites li a.off {cursor: default;}

.footer { position: relative; overflow: hidden; height: 50px; padding: 0; border-top: 1px dashed #e4e4e4; font-size: .917em; }
.footer>div {overflow: hidden; width: 940px; margin: 0 auto; padding: 12px 0;}
.footer p { padding: 0; color: #ccc; line-height: 35px; word-spacing: .75ex; }
.footer p * { word-spacing: normal; }
.footer p.validators {float: right;}
.footer p.contacts {float: left;}
.footer span { color: #888; }
.footer span.copyright { float: left; margin-right: 10px;}
.footer b { color: #666; font-weight: normal; }
.footer a { background: transparent; color: #3B5E73; }
.footer a:hover { text-decoration: underline; }
.footer a.twitter {margin-left: 20px; padding: 2px 0 2px 25px; background: url("../images/icon_twitter.png") 0 center no-repeat;}
.footer a.facebook {padding: 2px 0 2px 25px; background: url("../images/icon_facebook.png") 0 center no-repeat;}



/*
** two columns
*/
ul.two-columns { overflow: hidden; list-style: none; margin: 0; padding: 0; }

/*
** site map/no scripts version
*/
.site-map { width: 910px; margin: 20px auto 0; padding: 19px; border: 1px solid #EFEFEF; }
.site-map ul { overflow: hidden; list-style: none; margin: 0 0 0 -40px; padding: 0; }
.site-map ul ul { overflow: hidden; list-style: none; margin: 0; padding: 0 0 1em; font-size: .917em; line-height: 1.1; }
.site-map li { float: left; width: 150px; padding: 0 0 0 40px; }
.site-map li li { float: none; width: auto; padding: .5ex 0; }
.site-map h5 { padding: 0 0 1.5ex; color: #000; font-size: 1.167em; font-weight: 400; text-transform: uppercase; line-height: 1; }
.site-map h6 { padding: 0 0 1ex; color: #000; font-weight: 400; text-transform: uppercase; line-height: 1; }

/* scripted version */
.js .site-map { display: none; width: auto; margin: 0 auto; padding: 20px 0; border: none; background: #000; }
.js .site-map ul { width: 950px; margin: 0 auto; }
.js .site-map ul ul { width: auto; margin: 0; }
.js .site-map li { padding: 0 20px; }
.js .site-map li li { padding: .5ex 0; }
.js .site-map h5 { color: #F47D20; }
.js .site-map h6 { color: #FFF; }
.js .site-map a { background: transparent; color: #888; }
.js .site-map a:hover { color: #FFF; }


/* the showreel */
.player {z-index: 1; display: none; width: 950px; height: 425px; margin: 0 auto;}
.js .player.flash {display: block; position: relative; background: #000;}
object, embed#player2 {display: block; position: relative; left: 0; top: 0; z-index: 1;}



/*
** intro / non scripted version
*/
.intro { position: relative; overflow: hidden; width: 950px; height: 305px; margin: 0 auto; padding: 0; background: url("../images/intro-bg.png") no-repeat;}


.intro .navigation { position: absolute; left: 345px; z-index: 6; overflow: hidden; width: 260px; margin: 0; background: transparent url("../images/intro_navigation_background.png") repeat 0 0; color: #A2A2A2; font-size: .833em; text-align: center; text-transform: uppercase; line-height: 1; }
.intro .navigation:hover ul { display: block; }
.intro .navigation ul { display: none; float: left; list-style: none; margin: 0; padding: 25px 72px; text-align: left; }
.intro .navigation li { float: left; margin: 0; padding: 0;}
.intro .navigation li a { overflow: hidden; float: left; width: 58px; height: 60px; background: transparent url("../images/intro_navigation.png") no-repeat 0 0; text-indent: -999em; }
.intro .navigation li a.previous { }
.intro .navigation li a.previous:hover { background-position: 0 100%; }
.intro .navigation li a.next { background-position: -114px 0; }
.intro .navigation li a.next:hover { background-position: -114px 100%; }
.intro .navigation p { position: relative; padding: 1ex 0; background: #010101 url("../images/showcase-nav-bg.png") top repeat-x}
.intro .navigation p span { padding-right: 20px; background: transparent url("../images/bullet_03.png") no-repeat 100% 50%; }

.intro ul.content {position: relative; list-style: none; width: 950px; height: 305px; margin: 0; padding: 0; background: transparent; border-left: none;}
.intro ul.content li {position: absolute; left: 0; top: 0; width: 370px; height: 305px; margin: 0; padding: 50px 60px 0 520px;  }
.intro ul.content li.hidden {display: none;}


.intro .content p.photo { float: left; margin: -50px 0 0 -520px; padding: 0; }
.intro .content h2 { background: transparent; color: #FFF; font-size: 1.917em; font-weight: 900; text-transform: uppercase; line-height: 1.2; letter-spacing: -.1ex; }
.js .intro .content h2 { letter-spacing: normal; }
.intro .content h2 em { color: #A8B934; font-style: normal; }
.intro .content p.info { color: #535353; font-size: .833em; text-transform: uppercase; word-spacing: .5ex; }
.intro .content p.info * { word-spacing: normal; }
.intro .content a { background: transparent url("../images/border_00.png") no-repeat -1024px 100%; color: #A8B934; }
.intro .content a:hover { background-position: -1536px 100%; }
body .header .intro .content h2 { float: none; height: auto; margin: 0 !important; padding: 0; background: transparent; text-indent: 0; }

/* scripted version of intro */
.js .navigation ul { z-index: 3; display: block; padding: 25px 44px;}
.js .navigation li a.pause { width: 56px; background-position: -58px 0; }
.js .navigation li a.pause:hover { background-position: -58px 100%; }
.js .navigation li a.play { width: 56px; background-position: -172px 0 !important; }
.js .navigation li a.play:hover { background-position: -172px 100% !important; }

.intro-scripted .content { position: absolute; left: 0; top: 0; z-index: 3; width: 385px; padding: 40px 170px 0 675px; }
.js .intro {display: none;}



/*
** clients list
*/
ul.clients { overflow: hidden; clear: both; list-style: none; margin: 40px 17px 0 19px; padding: 0; background: transparent url("../images/clients_background.png") repeat 0 0; }
ul.clients li { float: left; width: 227px; height: 110px; margin: 0 -1px; padding: 1px 1px 0 0; border: 1px solid #EFEFFE; border-width: 0 1px; text-align: center; }
ul.clients li.last-one { margin-left: 340px; }
ul.clients li.last-two { margin-left: 227px; }
ul.clients li.last-three { margin-left: 113px; }
ul.clients img { display: block; max-width: 227px; max-height: 110px; }


/*
** tabs
*/
ul.tabs { position: relative; float: right; clear: both; list-style: none; margin: 0 0 -1px; padding: 12px 19px 0 0; line-height: 1; }
ul.tabs li { float: left; }
ul.tabs a { float: left; padding: 0 0 0 20px; background: transparent url("../images/tab.png") no-repeat 0 0; color: #000; }
ul.tabs a.selected,
ul.tabs a:hover { background-color: #EFEFEF; background-position: 0 -200px; color: #000; }
ul.tabs span { float: left; padding: 1em 20px 1em 0; background: transparent url("../images/tab.png") no-repeat 100% 0; }
ul.tabs a.selected span,
ul.tabs a:hover span { background-position: 100% -200px; }
ul.tabs a.selected { color: #F47F20; font-weight: 700; }


/*
** submenu
*/
ul.submenu { list-style: none; margin: 1em 0 0; padding: 0; border-bottom: 1px solid #EFEFEF; line-height: 1.25; }
ul.submenu li { padding: 1ex 0 1ex 22px; border-top: 1px solid #EFEFEF; background: transparent url("../images/bullet_08.png") no-repeat 9px 1em; }
ul.submenu a { background: transparent; }
ul.submenu a em { font-size: .917em; }
ul.submenu a.selected,
ul.submenu a:hover { color: #000; }

p.after-submenu { overflow: hidden; padding: 0 0 3ex; line-height: 1; }
p.after-submenu a { float: right; padding: 1ex 1.5ex; border: 1px solid #EFEFEF; border-top: none; background: transparent; color: #888; font-size: .833em; text-transform: uppercase; }
p.after-submenu a:hover { color: #000; }


/*
** contact form
*/
.contact h4 { padding: 0 0 1em; color: #000; font-size: 1.083em; line-height: 1; }

form.write { overflow: hidden; }
form.write .left { width: 225px; padding: 0 0 1em; }
form.write .right { width: 300px; padding: 0 0 1em; }
form.write h4 { margin: 0 0 2em; border-bottom: 1px solid #EFEFEF; }
form.write p { overflow: hidden; clear: both; }
form.write p.text-right { padding: 1em 0 0; }
form.write textarea,
form.write input.text { display: block; margin: .5ex 0 0; }
form.write .left input.text { width: 220px; }
form.write .right textarea { width: 295px; height: 15em; }
form.write label.checkbox { float: right; width: 525px; color: #888; font-size: .917em; font-weight: 400; }
form.write label.inline { float: left; width: auto; height: 25px; margin-right: 10px; padding-top: 10px; line-height: 25px; }
form.write input.checkbox { float: left; }
form.write input#human-check { margin-top: 10px;}

form.quote { overflow: hidden; }
form.quote .left { width: 300px; padding: 0 0 1em; }
form.quote .right { width: 225px; padding: 0 0 1em; }
form.quote h4 { margin: 0 0 2em; border-bottom: 1px solid #EFEFEF; }
form.quote p { overflow: hidden; clear: both; }
form.quote p.type strong { clear: both; display: block; }
form.quote select,
form.quote textarea,
form.quote input.text { display: block; margin: .5ex 0 0; }
form.quote input.checkbox { float: left; clear: left; }
form.quote p.type input { float: left; clear: left; margin-top: .5ex; cursor: pointer; }
form.quote p.type label { float: left; clear: right; margin-top: .5ex; margin-left: 5px; font-weight: 400; }
form.quote .left input.text { width: 295px; }
form.quote .left textarea { width: 295px; }
form.quote .left select { width: 300px; }
form.quote .right input.text { width: 220px; }
form.quote .right input.file { width: 225px; }
form.quote label.checkbox { float: right; width: 525px; color: #888; font-size: .917em; font-weight: 400; }
form.quote label.inline { float: left; width: auto; height: 25px; margin-right: 10px; padding-top: 10px; line-height: 25px; }
form.quote .right input#human-check { width: 100px; margin-top: 10px;}

/*
 * note
 */
.note { margin: 3ex 0 3ex -3ex; padding: 3ex 2em 2ex 80px; border: 1px solid #e6e7e6; background: #f6f8f8 url("../images/icon_21.png") no-repeat 22px 3ex; font-style: italic; }
.note p { padding: 0 0 1ex; }
.note input.text { margin: 0 1ex; vertical-align: middle; }
.note button { vertical-align: middle; }


/*
** Google map
*/
.google-map { height: 290px; }
.google-map #_overview > div { background-color: #FFF !important; }
.google-map p { padding: 0; }
.google-map a { color: #F47F20 !important; }
.google-map a:hover { color: #555 !important; }

.js .google-map { height: 288px; border: 1px solid #C2C2C2; }

.js form.google-directions { padding: 1em 0 0; border-top: 1px solid #EFEFEF; }
.js form.google-directions p.first { padding-left: 35px; background: transparent url("../images/icon_00.png") no-repeat 0 0; line-height: 25px; }
.js form.google-directions p.error { display: none; }
.js form.google-directions label { font-weight: 400; }
.js form.google-directions label em { font-size: .833em; }
.js form.google-directions input { width: 220px; margin-left: 1ex; margin-right: .5ex; }
.js form.google-directions input,
.js form.google-directions button { vertical-align: middle; }


/*
** portfolio
*/
.work { overflow: hidden; margin: 0 0 -25px; padding: 0 0 1px; }
p.work { margin: 0; }

.work ul.navigation { overflow: hidden; list-style: none; margin: 0; padding: 1em 19px 1em 14px; border-bottom: 1px solid #EFEFEF; }
.work ul.navigation li { float: right; padding-left: 5px; font-size: .917em; }
.work ul.navigation a { float: left; padding: 0 0 0 15px; background: transparent url("../images/button_03.png") no-repeat 0 0; color: #888; line-height: 19px; text-transform: lowercase; }
.work ul.navigation a span { float: left; padding: 0 12px 1px 0; background: transparent url("../images/button_03.png") no-repeat 100% 0; }
.work ul.navigation a.alt { padding-left: 12px; background-position: 0 -40px; }
.work ul.navigation a.alt span { padding-right: 15px; background-position: 100% -40px; }
.work ul.navigation a:hover { background-color: #F47E20; background-position: 0 -20px; color: #FFF; }
.work ul.navigation a:hover span { background-position: 100% -20px; }
.work ul.navigation a.alt:hover { background-position: 0 -60px; }
.work ul.navigation a.alt:hover span { background-position: 100% -60px; }

.work .description { float: left; width: 410px; padding: 20px 0 25px 19px; }
.work .description h1 { padding: 0; }
.work .description p { padding: 0 0 1ex; line-height: 1.5; }
.work .description p.date { padding: 0 0 1.2em; color: #888; font-size: .833em; text-transform: uppercase; }
.work .description p.work { margin-left: -12px; padding: 1em 0 0; }

.work .screenshot { float: right; width: 460px; padding: 20px 19px 25px 0; }
.work .screenshot p { position: absolute; padding: 0; }
.work .screenshot div { position: relative; z-index: 2; overflow: hidden; width: 460px; padding: 345px 0 0; background: transparent url("../images/screenshots_border.png") no-repeat 0 0; font-size: .917em; text-align: right; line-height: 17px; }
.work .screenshot div p { position: static; float: left; }
.work .screenshot div.right { width: auto; margin-top: 0; padding: 0; background: transparent; font-size: 1em; }
.work .screenshot .right p { position: static; padding-right: 9px; text-align: right; }
.work .screenshot .right ul { float: left; list-style: none; margin: 0; padding: 0; }
.work .screenshot .right li { float: left; }
.work .screenshot .right a { float: left; width: 18px; margin-left: 1px; background: transparent url("../images/button_04.png") no-repeat 0 0; color: #888; font-size: .909em; text-align: center; }
.work .screenshot .right a.selected,
.work .screenshot .right a:hover { background-color: #000; background-position: 0 100%; color: #FFF; }

.work .projects { clear: both; padding: 25px 19px; border-top: 4px solid #EFEFEF; }
.work .projects h3 { float: left; width: 90px; text-transform: lowercase; }
.work .projects h3.sifr { font-size: 2em; }
.work .projects ul { overflow: hidden; float: left; list-style: none; width: 860px; margin: 0 -40px 0 0; padding: 0; background: transparent url("../images/work_projects_background.png") repeat-y 195px 0; }
.work .projects li { float: left; padding: 0 40px 0 19px; margin-left: -20px; border-left: 1px solid #EDEDED; }
.work .projects li span,
.work .projects li a { float: left; width: 153px; height: 35px; padding: 3px 0 0 22px; background: transparent url("../images/work_projects_item_background.png") no-repeat 0 38px; color: #555; font-size: .917em; /*text-transform: lowercase;*/ }
.work .projects li span strong,
.work .projects li a strong { overflow: hidden; display: block; width: 150px; margin: 0 0 -1px; color: #F47F20; font-size: 1.273em; font-weight: 400; text-transform: none; white-space: nowrap; }
.work .projects li a:hover { background-color: #000; background-position: 0 0; color: #777; }
.work .projects li a:hover strong { color: #FFF; }
.work .projects li span { background-color: #F0F0CB; background-position: 0 -38px; }
.work .projects li span strong { color: #000; }
.work .projects div.ehm { overflow: hidden; }

.work .projects .navigation { position: relative; top: 1px; float: right; padding: 0 0 0 5px; background: transparent url("../images/work_projects_navigation_background.png") no-repeat 0 0; color: #888; font-size: .917em; line-height: 2; word-spacing: 1ex; white-space: nowrap; }
.work .projects .navigation p { padding: 0 15px 0 10px; background: transparent url("../images/work_projects_navigation_background.png") no-repeat 100% 0; }
.work .projects .navigation a { font-weight: 700; word-spacing: normal; }
.work .projects .navigation a:hover { color: #F47F20; text-decoration: underline; }
.work .projects .navigation a.next { padding-right: 7px; background: transparent url("../images/bullet_04.png") no-repeat 100% 60%; }
.work .projects .navigation a.previous { padding-left: 7px; background: transparent url("../images/bullet_06.png") no-repeat 0 60%; }
.work .projects .navigation span.next { padding-right: 7px; background: transparent url("../images/bullet_05.png") no-repeat 100% 60%; }
.work .projects .navigation span.previous { padding-left: 7px; background: transparent url("../images/bullet_07.png") no-repeat 0 60%; }

p.work-big { position: absolute; left: 50%; top: 0; z-index: 11; width: 300px; margin-left: -150px; padding: 1em; background: #000; color: #FFF; line-height: 1; }
p.work-big img { position: relative; margin-top: -1em; }

/*
** offer
*/
h1.offer-details {font-size: 2.833em; font-weight: normal; text-transform: uppercase;}
.section { clear: both; margin: 0; padding: 0;}
.section .section-inner { padding: 20px 0 0;}
.section.first {border-top: 1px solid #efefef;}
.section h1 { margin: 0 25px; padding: 0 0 0.3em; font-size: 2.25em; font-weight: normal; line-height: 1em; text-transform: uppercase; }
.section h2 { margin: 0 25px; padding: 10px 0 0; color: #000; font-size: 2.167em; font-weight: normal; line-height: 1em; text-transform: uppercase; }
.section .head { margin: 0.75em 0; padding: 0 35px 0 25px; }
.section .head h1 { margin: 0; padding: 0 0 0.3em; font-weight: normal; line-height: 1em; text-transform: uppercase;}
.section .head p { padding: 0; }

.js .section .head { width: 780px; margin: 0.75em 0; padding: 0 35px 0 25px; border-right: 1px solid #efefef; }

ul.slider-controls { display: none; }

.js ul.slider-controls { display: block; overflow: hidden; float: right; list-style: none; width: 58px; height: 27px; margin: 5px 20px -10px; padding: 0;}
.js ul.slider-controls li { float: left; margin: 0; padding: 0; }
.js ul.slider-controls li a { display: block; float: left; overflow: hidden; width: 28px; height: 27px; background: url("../images/slider-arrows.png"); text-indent: -500px; }
.js ul.slider-controls li a.prev, .js ul.slider-controls li a.prev-logo { background-position: 0 0; }
.js ul.slider-controls li a.prev:hover, .js ul.slider-controls li a.prev-logo:hover { background-position: 0 -27px; }
.js ul.slider-controls li a.next, .js ul.slider-controls li a.next-logo { background-position: -28px 0; }
.js ul.slider-controls li a.next:hover, .js ul.slider-controls li a.next-logo:hover { background-position: -28px -27px; }

ul.slided { overflow: hidden; list-style: none; width: 930px; margin: 0 auto; padding-bottom: 20px; background: url("../images/section-separator.gif") center bottom repeat-x; }
.section.last ul.slided {background: none;}
.home ul.slided {padding-bottom: 0;}
ul.slided li { float: left; width: 280px; height: 330px; margin: 0 5px; padding: 10px; }
ul.slided li:hover { background: url("../images/stripes.gif"); }
ul.slided li h2 { margin: 0; padding: 5px 0 0; font-size: 1.5em; font-weight: normal; text-transform: none;}
ul.slided li p {margin: 1em 0; padding: 0;}
ul.slided li p:first-child { margin-top: 0; }

.pl .section.last.services ul.slided li {height: 200px;}
.pl .section.last.services .slider-box {height: 220px;}
.pl .section.last.services.main ul.slided li {height: 330px;}
.pl .section.last.services.main .slider-box {height: 350px;}

.js .slider-box {position: relative; overflow: hidden; width: 930px; height: 380px; margin: 10px auto;}
.js ul.slided { position: absolute; left: 0; width: 1900px; height: 350px; }
.js ul.slided li {display: none; cursor: pointer;}

/* slided section in header */
.header .section {clear: both; width: 930px; margin: 0 auto; padding: 25px 10px 0; background: url("../images/home-slider-bg.png") center top repeat-x;}
.header .section .slider-box {clear: both; margin: 0;}
.header .section h2 {margin: 0 20px 0 15px; padding: 0; color: #fff; font-size: 1.917em; line-height: 1.2em; text-transform: lowercase;}
.header .section h3 {color: #fff; font-size: 1.583em; font-weight: normal;}
.header .section h3 a, .header .section h3 a:hover {color: #fff;}
.header .section ul.slided {margin-top: 0; background: none;}
.header .section ul.slided li:hover { background: url("../images/stripes-home.gif"); }
.header ul.slider-controls {overflow: hidden; height: 23px; margin: 5px 5px 10px 0;}
.js .header ul.slider-controls li a {width: 23px; height: 23px; margin-right: 5px; background: url("../images/slider-arrows-home.png"); }
.js ul.slider-controls li a.prev, .js ul.slider-controls li a.prev-logo { background-position: left top; }
.js ul.slider-controls li a.prev:hover, .js ul.slider-controls li a.prev-logo:hover { background-position: left bottom; }
.js ul.slider-controls li a.next, .js ul.slider-controls li a.next-logo { background-position: right top; }
.js ul.slider-controls li a.next:hover, .js ul.slider-controls li a.next-logo:hover { background-position: right bottom; }

/*
** offer details
*/

a.back { float: left; height: 28px; margin: 15px 0 -44px 15px; padding: 0 0 0 35px; background: url("../images/back.png") 0 0 no-repeat; line-height: 28px; font-size: 0.917em; }
a.back:hover { background-position: 0 -27px;}

.cols2 { overflow: hidden; padding: 0 0 60px 0; background: url("../images/section-separator.gif") center bottom no-repeat;}
.cols2>div { float: left; width: 450px; margin: 0; padding: 0 10px; }
.cols2 p { margin: 1em 0; padding: 0 25px; }
.cols2 h2 { margin: 1em 0; padding: 0 25px; font-size: 1.667em; }
.cols2 ul { list-style: none; }
.cols2 .r-content {margin: 0; padding-bottom: 10px; border-left: 1px solid #efefef;}

.offer-picture { margin: 0; padding: 10px; background: url("../images/stripes.gif"); }
.info-box { padding: 20px 10px 20px 70px; background: url("../images/info.png") 10px 20px no-repeat; }
.info-box p { margin: 0; padding: 0 0 0 20px; border-left: 1px solid #efefef; color: #888; font-size: 0.917em; }
.pt { position: relative; padding: 10px 0 25px 0; background: url("../images/section-separator.gif") top no-repeat; }
.pt ul.tabs { float: left; }
ul.tab-content {list-style: none; margin: 15px 0 0; padding: 0; }
.js ul.tab-content {position: absolute; left: 0; top: 70px; margin: 0;}
ul.tab-content li { overflow: hidden; clear: left; margin: 0 0 15px; background: url("../images/bubble-triangle.gif") 76px 13px no-repeat; }
ul.tab-content li img { float: left; margin: 0; padding: 0 2px 2px 0; border: none; background: url("../images/project-icon-shadow.png") no-repeat; }
ul.tab-content li div { margin-left: 85px; padding: 10px 15px 5px 20px; background: #f4f4f4; }
ul.tab-content li p { margin: 0 0 5px 0; padding: 0; font-size: 0.917em; }
ul.tab-content li p a { background: none; }
ul.tab-content li p.signature {color: #888;}

.main-info { overflow: hidden; height: 285px; padding: 20px 35px; background: #f2f2f2;}
.main-info p {padding: 0;}
.main-info p.lead { color: #000; font-weight: bold; font-size: 1.083em; }
.main-info a.c2a { float: left; height: 48px; margin: 10px 0 0 0; padding: 0 44px 0 0; background: url("../images/c2a.png") right -48px no-repeat; line-height: 48px; white-space: nowrap; }
.main-info a.c2a span { float: left; height: 48px; padding: 0 0 3px 25px ; background: url("../images/c2a.png") 0 0 no-repeat; color: #fff; font: bold 1.333em/45px Arial,sans-serif; text-shadow: #4b7502 1px 1px 1px;}
.main-info a.c2a:hover { background-position: right -144px; }
.main-info a.c2a:hover span { background-position: 0 -96px; }

ul.benefits { margin: 2em 0 2.5em; padding: 0 25px; }
ul.benefits li { margin: 1em 0; padding-left: 30px; background: url("../images/tick-small.gif") 5px 5px no-repeat;}
ul.benefits li ul { margin: 0; padding: 0; }

div.benefits { margin: 30px 0 0.5em 25px; padding: 20px 20px 10px 95px; border: 1px solid #f0eec2; background: #fefdf3 url("../images/tick.png") 25px 20px no-repeat; }
div.benefits h2 { margin: 0; padding: 0; color: #80560d; }
div.benefits ul { margin: 1.5em 0 0;  }
div.benefits ul li { margin: 1em 0 0 0; padding-left: 30px; background: url("../images/tick-small.gif") 5px 3px no-repeat; }

.realisations {position: relative; padding: 10px 0 25px 0; background: url("../images/section-separator.gif") top no-repeat; }
.realisations ul.slider-controls { margin-top: 15px; margin-right: 0; }
.realisations h2 {padding-left: 10px;}

ul.logos { overflow: hidden; padding: 0; }
ul.logos li { float: left; margin: 0; padding: 0 25px 0 24px; border-left: 1px solid #efefef; }

.js .realisations {overflow: hidden; height: 120px; }
.js ul.logos { float: left; height: 80px; margin: 0; padding: 0; }
.js .realisations .slider {position: absolute; left: -1px; bottom: 0; width: 1000em; height: 80px;}

ul.do4u {list-style: none; margin-left: 25px;}
ul.do4u li {height: 71px; border-top: 1px solid #efefef; background-repeat: no-repeat; background-position: 0 center; line-height: 71px; }
ul.do4u li:first-child {border-top: none;}
ul.do4u li span {display: inline-block; padding: 0 40px 0 80px; vertical-align: middle; line-height: 1.3em;}
ul.do4u li.v1 {background-image: url("../images/v1.png");}
ul.do4u li.v2 {background-image: url("../images/v2.png");}
ul.do4u li.v3 {background-image: url("../images/v3.png");}
ul.do4u li.v4 {background-image: url("../images/v4.png");}
ul.do4u li.v5 {background-image: url("../images/v5.png");}

/*
** testimonials
*/
.testimonials { padding: 24px 24px 24px 29px; border: 1px solid #EFEFEF; border-width: 0 1px 1px 0; }
.testimonials ul { list-style: none; margin: 0; padding: 0; }
.testimonials li { padding: 1em 0 0; }
.testimonials blockquote { padding: 0; background: transparent; font-style: normal; }
.testimonials h4 { padding: 0 0 1ex; color: #000; font-size: 1.25em; line-height: 1.2; }
.testimonials h4 em { display: block; color: #888; font-size: .8em; font-weight: 400; font-style: normal; }
.testimonials p { padding: 0 0 1ex; }

.js .testimonials ul { position: relative; }
.js .testimonials li { position: absolute }
.js .testimonials ul.numbers { overflow: hidden; margin: 0 0 0; line-height: 17px; }
.js .testimonials ul.numbers li { position: static; float: left; }
.js .testimonials ul.numbers a { float: left; width: 18px; margin-left: 1px; background: transparent url("../images/button_04.png") no-repeat 0 0; color: #888; font-size: .909em; text-align: center; }
.js .testimonials ul.numbers a.selected,
.js .testimonials ul.numbers a:hover { background-color: #000; background-position: 0 100%; color: #FFF; }
.js .testimonials p,
.js .testimonials h4 { background-color: #FFF; }

/*
** partnership page
*/
.partnership {overflow: hidden; margin: 20px;}
.partnership h3 {font-size: 1.667em; font-style: italic;}
.partnership h3 strong {font-size: 1.2em; font-style: normal; font-weight: normal; }
.partnership ul {list-style: none; overflow: hidden; margin: 0; padding: 0 0 20px 0; background: url("../images/section-separator.gif") center bottom repeat-x;}
.partnership ul li {float: left; clear: none; width: 414px; height: 110px; margin: 0; padding: 20px 40px 0 0; background: url("../images/dots-horizontal.gif") bottom repeat-x;}
.partnership ul li.last-row {background: none;}
.partnership ul li img {float: left; margin: 0 15px 0 0;}
.partnership ul li p {margin-top: 10px; color: #666; font-size: 1.583em; font-style: italic;}

.partnership .superhero {overflow: hidden; padding: 35px 35px 35px 550px; background: url("../images/superhero.jpg") left top no-repeat;}
.partnership .superhero h3 {font-size: 3em; font-style: italic; line-height: 0.75em;}
.partnership .superhero h3 strong {font-weight: bold; font-style: italic;}
.partnership .superhero a.c2a { float: left; margin: 10px 0 0 -5px; padding: 0 0 0 25px; background: url("../images/c2a-white.png") 0 0 no-repeat; white-space: nowrap; }
.partnership .superhero a.c2a span { float: left; min-width: 140px; height: 52px; padding: 0 45px 0 0; background: url("../images/c2a-white.png") right 0 no-repeat; color: #fff; font: bold 1.333em/52px Arial,sans-serif; text-shadow: #4b7502 1px 1px 1px;}
.partnership .superhero a.c2a:hover { background-position: 0 -52px; }
.partnership .superhero a.c2a:hover span { background-position: right -52px; }

.contact-info {clear: both; padding: 30px 25px 20px; background: url("../images/section-separator.gif") center top repeat-x;}
.contact-info h4 {margin-bottom: 1.5em; color: #000; font-size: 1.083em;}
.contact-info p.vcard {padding-left: 70px; background: url("../images/vcard-icon.png") 0 0 no-repeat;}
.contact-info a.image {margin: 5px 0;}


/*
** welcome box
*/
.welcome { margin: 0; background: #161616; color: #808080; font-size: .917em; }
.header div .welcome {margin: 0; padding: 1px 0 0; background: none;}
.welcome p { position: relative; margin: 0 auto; padding: 11px 33px 11px 11px; background: #000; }
.welcome em { color: #FFF; }
.welcome a { background: transparent; }
.welcome a.alt { color: #B2B2B2; }
.welcome a:hover { color: #FFF; }
.js .welcome a.close { position: absolute; z-index: 1; right: 11px; top: 13px; overflow: hidden; float: right; width: 11px; height: 11px; background: transparent url("../images/button_07.png") no-repeat 0 0; text-indent: -999em; }
.js .welcome a.close:hover { background-position: 0 100%; }
.content .welcome {padding-bottom: 0; background: #fff;}
.content .welcome.jsonly {display: none;}
.js .welcome.jsonly {display: block;}
.js .welcome.nojs {display: none;}

/*
** press section
*/
.media { overflow: hidden; margin: 0 0 2em; border-bottom: 1px dotted #CCC; }
.media .left { width: 250px; }
.media .right { width: 292px; }
.media p { padding: 0 0 1ex; }
.media p.logo { height: 152px; line-height: 152px; }
.media p.logo img { border: 1px solid #E5E5E5; vertical-align: middle; }
.media em { font-size: .75em; font-style: normal; }
.media a { margin: 0 .5ex; }


/*
** tooltips
*/
p#tooltip { position: absolute; padding: 0 0 0 15px; background: transparent url("../images/tooltip_left.png") no-repeat 0 0; color: #FFF; font-size: .833em; line-height: 26px; text-transform: uppercase; }
p#tooltip span { display: block; padding: 0 10px 0 0; background: transparent url("../images/tooltip_right.png") no-repeat 100% 0; }

p#tooltip-alt { position: absolute; z-index:13; padding: 0 0 0 15px; background: transparent url("../images/tooltip_alt_left.png") no-repeat 0 0; color: #000; font-size: .917em; line-height: 26px; }
p#tooltip-alt span { display: block; padding: 0 10px 0 0; background: transparent url("../images/tooltip_alt_right.png") no-repeat 100% 0; }

p#tooltip2-alt { position: absolute; z-index:13; padding: 0 0 0 15px; background: transparent url("../images/gallery/tooltip2_alt_left.png") no-repeat 0 0; color: #000; font-size: .917em; line-height: 23px; }
p#tooltip2-alt span { display: block; padding: 0 10px 0 0; background: transparent url("../images/gallery/tooltip2_alt_right.png") no-repeat 100% 0; color: #fff; }


/*
** misc. styles
*/
/*
a.bullet-00 { padding-left: 18px; background: transparent url("../images/bullet_00.png") no-repeat 0 50%; }
a.bullet-00:hover { background-position: -999px 50%; }
.js a.bullet-00 { background-image: url("../images/bullet_00_b.png"); }
*/
a.button-00 { float: left; padding: 0 0 0 8px; background: #000 url("../images/button_00.png") no-repeat 0 0; color: #FFF !important; font-size: 10px !important; text-transform: uppercase; line-height: 17px; }
a.button-00 span { float: left; padding: 0 16px 0 0; background: transparent url("../images/button_00.png") no-repeat 100% 0; }
a.button-00:hover { color: #F47F20 !important; }
a.button-00:hover span { background-position: 100% -34px; }

.header a.button-00 { background-position: 0 -17px; }
.header a.button-00 span { background-position: 100% -17px; }
.header a.button-00:hover span { background-position: 100% -51px; }

button.button-02 { height: 26px; padding: 0; border: none; background: transparent; color: #FFF; font-size: .833em; text-transform: uppercase; }
button.button-02 span { float: left; padding: 0 0 0 8px; background: #838383 url("../images/button_02.png") no-repeat 0 0; line-height: 26px; white-space: nowrap; }
button.button-02 span span { padding: 0 8px 0 0; background-position: 100% 0; }

form.search button.button-02 span { background-position: 0 100%; }
form.search button.button-02 span span { background-position: 100% 100%; }

a.button-05 { float: left; padding: 0 0 0 10px; background: #000 url("../images/button_05.png") no-repeat 0 0; color: #FFF !important; font-size: 11px !important; line-height: 19px; }
a.button-05 span { float: left; padding: 0 20px 1px 0; background: transparent url("../images/button_05.png") no-repeat 100% 0; }
a.button-05:hover { color: #F47F20 !important; }

.address { padding: 24px 25px 35px 29px; }
.address h3 { padding: 0; color: #000; font-size: 1.167em; text-transform: uppercase; }
.address address { padding-bottom: 1ex; }
.address p { padding-bottom: 0; }
.address .contact-options { padding: 1em 0 0; }
.address .contact-options h4,
.address .contact-options p { padding-bottom: 1ex; }
.address .icon { padding-top: 1.2em; padding-left: 64px; }
.address .icon p { padding-bottom: .75ex; }

.icon { min-height: 64px; margin-left: -12px; padding: 1em 0 0 81px; background: transparent none no-repeat 0 1.2ex; }
.icon-offer { height: 14.5em !important; margin: -2.1em 0 0 !important; padding-top: 2.1em; padding-bottom: 1em; border-top: 1px solid #efefef; }
.icon-big-left { float: left; padding: 1em 3em 1em 0; }
.icon-big-right { float: right; padding: 1em 0 1em 3em; }
.icon p.icon { float: left; margin: 0 0 0 -81px !important; padding: 0; }
.icon h3 { padding: 0 0 1ex !important; }
.js .icon h3.sifr { padding: 0 0 .5ex !important; }
.icon-01 { background-image: url("../images/icon_01.png") !important; }
.icon-02 { background-image: url("../images/icon_02.png") !important; }
.icon-03 { background-image: url("../images/icon_03.png") !important; }
.icon-04 { background-image: url("../images/icon_04.png") !important; }
.icon-05 { background-image: url("../images/icon_05.png") !important; }
.icon-06 { background-image: url("../images/icon_06.png") !important; }
.icon-07 { background-image: url("../images/icon_07.png") !important; }
.icon-08 { background-image: url("../images/icon_08.png") !important; }
.icon-09 { background-image: url("../images/icon_09.png") !important; }
.icon-10 { background-image: url("../images/icon_10.png") !important; }
.icon-11 { background-image: url("../images/icon_11.png") !important; }
.icon-12 { background-image: url("../images/icon_12.png") !important; }
.icon-13 { background-image: url("../images/icon_13.png") !important; }
.icon-14 { background-image: url("../images/icon_14.png") !important; }
.icon-15 { background-image: url("../images/icon_15.png") !important; }
.icon-16 { background-image: url("../images/icon_16.png") !important; }
.icon-17 { background-image: url("../images/icon_17.png") !important; }
.icon-18 { background-image: url("../images/icon_18.png") !important; }
.icon-19 { background-image: url("../images/icon_19.png") !important; }

textarea,
input.text { padding: 5px 0 5px 3px; border: 1px solid #E1E1E1; border-left-color: #D6D6D6; border-top-color: #CBCBCB; background: #FFF url("../images/text_background.png") no-repeat 0 0; color: #000; }

p.error { margin: -1ex 0 0; padding: 0 0 1em 20px; background: transparent url("../images/bullet_01.png") no-repeat 0 1px; font-size: .917em; }
p.error label,
p.error label:hover { color: #CB1111; font-weight: 400; }

div.error { min-height: 145px; padding: 165px 140px 0 450px; background: transparent none no-repeat 95px 30px; }
div.error-404 { background-image: url("../images/404.jpg"); }

p.brochure { padding: 20px 0 20px 34px; border-bottom: 1px solid #EFEFEF; line-height: 1; }
p.brochure a { background: transparent; }

p.botz { position: absolute; left: -10000px; }

a.image { background: transparent; }
a.image img { vertical-align: middle; }

.sidebar { padding: 24px 24px 34px 29px; border: 1px solid #EFEFEF; border-width: 0 1px 1px 0; }

.spread li { padding-bottom: 1.5ex; }

.js div.more { display: none; }

.js .overlay { position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 500px; background: #000; }
.js .overlay-loading { background: #000 url("../images/gallery/loading.gif") no-repeat 50% 50%; }
.js .overlay-hidden { display: none; }

.video {overflow: hidden; height: 309px;  margin: 0 15px; background: url("../images/video-showcase-bg.png") bottom repeat-x;}
.video .main-info {float: right; width: 270px; padding-left: 35px; padding-right: 50px; background: transparent;}
.video .main-info p {color: #888888; font-weight: normal;}
.video .main-info h2 {color: #fff; font-weight: bold;}

/*
 * Gallery
 */
#gallery { position: absolute; left: 0; top: 0; z-index:201; width: 100%; }
#gallery .navigation { position: fixed; left: 0; top: 0; z-index: 12; width: 100%; padding: 12px 0 0; background: #000 url("../images/gallery/navigation_background.png") repeat-x 0 0; color: #fff; }
#gallery .navigation .tabs { width: 940px; margin: 0 auto; }
#gallery .navigation .tabs ul { overflow: hidden; float: left; list-style: none; margin: 0 0 0 -15px; padding: 0; }
#gallery .navigation .tabs li { position: relative; float: left; }
#gallery .navigation .tabs li a { float: left; padding: 0 15px; background: transparent url("../images/gallery/navigation_tab_background.png") no-repeat -1000% -1000%; color: #fff; font-weight: 700; line-height: 35px; text-transform: uppercase; }
#gallery .navigation .tabs li a.active,
#gallery .navigation .tabs li a:hover { background: #f37c20 url("../images/gallery/navigation_tab_background.png") repeat-x 0 0; }
#gallery .navigation .tabs p { padding: 0; line-height: 35px; }
#gallery .navigation .tabs p a { padding-left: 11px; background: transparent url("../images/gallery/back_bullet.png") no-repeat 0 60%; font-weight: 700; text-transform: uppercase; }
#gallery .navigation .tabs p a:hover { background-position: -496px 60%; color: #fff; }

#gallery .navigation .slider { position: relative; overflow: hidden; clear: both; height: auto; border-top: 1px solid #f37c20; background: #be4704 url("../images/gallery/slider_background.png") repeat-x 0 100%; }
#gallery .navigation .slider-child { position: relative; width: 1010px; height: 162px; margin: -162px auto 0; zoom: 1; }
#gallery .navigation .slider .clip { position: absolute; bottom: 18px; left: 35px; overflow: hidden; float: left; width: 940px; padding: 18px 0 0; }
#gallery .navigation .slider ul { position: relative; left: 0; overflow: hidden; display: none; list-style: none; width: 99999px; margin: 0 0 0 70px; padding: 0; }
#gallery .navigation .slider ul.active { display: block; }
#gallery .navigation .slider li { float: left; padding: 0 10px; }
#gallery .navigation .slider li a { position: relative; overflow: hidden; float: left; width: 140px; }
#gallery .navigation .slider li a img { position: relative; left: -40px; background: transparent url("../images/gallery/loading_alt.gif") no-repeat 50% 50%; }
#gallery .navigation .slider li a:hover span { position: absolute; top: 0; left: 0; float: left; width: 140px; height: 125px; background: transparent url("../images/gallery/thumbnail.png") no-repeat 0 100%; }
#gallery .navigation .slider p { width: 35px; padding: 68px 0 0; }
#gallery .navigation .slider p a { overflow: hidden; float: left; width: 18px; height: 25px; background: transparent url("../images/gallery/slider_navigation.png") no-repeat 0 0; text-indent: -99em; }
#gallery .navigation .slider p.right a { float: right; background-position: 100% 0; }
#gallery .navigation .slider p.left a:hover { background-position: 0 100%; }
#gallery .navigation .slider p.right a:hover { background-position: 100% 100%; }
#gallery .navigation .slider .fade-right,
#gallery .navigation .slider .fade-left { position: absolute; top: 18px; left: 0; width: 70px; height: 125px; background: transparent url("../images/gallery/slider_fade_left.png") no-repeat 0 0; }
#gallery .navigation .slider .fade-right { left: auto; right: 0; background: transparent url("../images/gallery/slider_fade_right.png") no-repeat 0 0; }

#gallery .project { position: fixed; top: 50%; left: 50%; z-index: 11; display: none; width: 940px; height: 46px; margin: -23px 0 0 -470px; }
#gallery .project p { float: left; padding: 0; }
#gallery .project p.next { float: right; }
#gallery .project p.prev a,
#gallery .project p.next a { overflow: hidden; float: left; width: 34px; height: 46px; background: transparent url("../images/gallery/navigation.png") no-repeat 0 0; text-indent: -99em; }
#gallery .project p.next a { background-position: 100% 0; }
#gallery .project p.prev a:hover { background-position: 0 100%; }
#gallery .project p.next a:hover { background-position: 100% 100%; }

#gallery .preview { position: absolute; left: 50%; top: 0; z-index: 11; display: none; width: 820px; min-height: 66px; margin: 0 0 0 -410px; padding: 82px 0 0; font-size: .917em; }
#gallery .preview img { position: relative; z-index: 1; display: block; padding: 0 0 100px; }
#gallery .preview img.new { z-index: 2; }
#gallery .preview p.back { float: right; padding: 0 0 6px; }
#gallery .preview p.back a { float: left; padding-left: 20px; background: transparent url("../images/gallery/back.png") no-repeat 0 50%; color: #fff; line-height: 20px; }
#gallery .preview p.back a:hover { color: #f47f20; }
#gallery .preview p.visit { float: left; padding: 0 0 6px; line-height: 20px; }
#gallery .preview p.visit a { float: left; padding-right: 10px; background: transparent url("../images/gallery/visit_bullet.png") no-repeat 100% 0; color: #fff; }
#gallery .preview p.visit a:hover { color: #f47f20; background-position: 100% 100%; }
#gallery .preview ul.tabs { float: left; clear: none; list-style: none; margin: 0; padding: 0 17px 6px 0; }
#gallery .preview ul.tabs li { padding-right: 1px; }
#gallery .preview ul.tabs li.description { padding-right: 6px; }
#gallery .preview ul.tabs li.description a { width: auto; padding: 0 22px; }
#gallery .preview ul.tabs a { width: 22px; padding: 0; background: #393939 url("../images/gallery/preview_tabs_background.png") no-repeat 0 0; color: #fff; line-height: 20px; text-align: center; }
#gallery .preview ul.tabs a.active,
#gallery .preview ul.tabs a:hover { background-color: #f27b1f; background-position: 100% 0; color: #fff; }
#gallery .preview div.description { margin: 0; padding: 0 40px; border: 1px solid #3b3b3b; border-bottom: none; background:#000; color: #aaa; line-height: 1.2; }
#gallery .preview div.description-active { position: relative; }
#gallery .preview div.description h3 { padding: 20px 0 0; color: #fff; font-size: 1.909em; font-weight: 700; text-transform: uppercase; }
#gallery .preview div.description img { display: inline; padding: 0; }
#gallery .preview div.description p.date { color: #777; text-transform: uppercase; }
#gallery .preview div.description p.tooltip-alt img { margin: 5px 15px 10px 0; }
#gallery .preview p.loading { position: fixed; top: 50%; left: 50%; z-index: 3; display: none; width: 31px; height: 31px; padding: 15px; margin: -30px 0 0 -30px; background: transparent url("../images/gallery/loading_background.png") no-repeat 0 0; }
#gallery .preview p.loading img { width: 31px; height: 31px; }

#gallery .thumbnails { position: absolute; left: 50%; top: 0; width: 940px; margin: 0 0 0 -470px; padding: 48px 0 100px; color: #fff; }
#gallery .thumbnails p.close { float: right; padding: 4.1em 0 0; }
#gallery .thumbnails p.close a { float: left; padding: 0 10px 0 33px; background: #1b1b1b url("../images/gallery/close.png") no-repeat 10px 50%; color: #ccc; font-weight: 700; line-height: 21px; text-transform: uppercase; }
#gallery .thumbnails h1 { padding: 1em 0 0; font-size: 3.333em; font-weight: 400; }
#gallery .thumbnails h1 em { color: #f47d20; font-style: normal; }
#gallery .thumbnails h2 { padding: 1em 0 0; font-size: 1.75em; font-weight: 400; text-transform: lowercase; }
#gallery .thumbnails ul { overflow: hidden; list-style: none; margin: 0 0 0 -20px; padding: 0; }
#gallery .thumbnails li { float: left; padding: 15px 0 0 20px; }
#gallery .thumbnails li a { position: relative; float: left; width: 220px; height: 125px; background: transparent !important; }
#gallery .thumbnails li a img { width: 220px; height: 125px; background: transparent url("../images/gallery/loading.gif") no-repeat 50% 50%; }
#gallery .thumbnails li a span { position: absolute; top: 0; left: 0; float: left; width: 220px; height: 125px; background: transparent url("../images/gallery/thumbnail_big.png") no-repeat 0 0; }
#gallery .thumbnails li a:hover span { background-position: 0 100%; }


/*
** date picker
*/
.datepicker { position: absolute; top: 0; left: 0; display: none; padding: 4px; border: 2px solid #000; background: #FFF; }
.datepicker a { background: transparent; }
.datepicker a:hover { background: #000; color: #FFF; }
.datepickerHidden { display: none; }
.datepicker table { border-collapse: collapse; }
.datepicker a { color: #000; text-decoration: none; outline: none; }
.datepicker table td { margin: 0; padding: 0; text-align: right; }
.datepicker th { color: #999; font-weight: normal; text-align: center;}
.datepicker tbody th { text-align: left; }
.datepicker tbody a { display: block; }
.datepickerDays a { width: 20px; padding: 2px; }
.datepickerYears a,
.datepickerMonths a { width: 44px; height: 36px; line-height: 3; text-align: center; }
td.datepickerNotInMonth a { color: #666; }
tbody.datepickerDays td.datepickerSelected { background: #000; }
tbody.datepickerDays td.datepickerSelected a {color: #FFF; }
div.datepicker td.datepickerNotInMonth a:hover { color: #999; }
div.datepicker tbody th { text-align: left; }
.datepickerSpace div { width: 20px; }
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a { height: 20px; line-height: 20px; text-align: center; }
.datepickerGoNext a { float: right; width: 20px; }
.datepickerGoPrev a { float: left; width: 20px; }
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears,
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW,
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW { display: none; }
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a { color: #333; }
td.datepickerDisabled a:hover { color: #333; }
td.datepickerSpecial a { background: #700; }


/*
** high contrast styles
*/
.hc { background: #FFF; color: #000; }

.hc * { border-color: #000 !important; }

.hc a { color: #0B83DF; background: transparent; }
.hc a:hover { color: #0B83DF; text-decoration: underline; }

.hc label em { color: #F00; }

.hc .sifr span { display: inline !important; margin: 0 !important; }
.hc .sifr embed { display: none !important; width: 0; height: 0; }

.hc .content h2.sifr { line-height: 1; }
.hc .content h3.sifr { padding: 0 0 1ex; line-height: 1; letter-spacing: 0; }
.hc .header ul.two-columns h3.sifr { padding: 0; font-size: 1.917em; }
.hc ul.three-columns h4.sifr { font-size: 1.583em; }
.hc .work .description h2.sifr { padding: 0; line-height: 1; }
.hc .work .projects h3.sifr { font-size: 1.5em; }

.hc .header * { border-color: #FFF !important; }

.hc .header ul.links a { background: transparent; color: #FFF; }
.hc .header ul.links a strong { color: #F47F20; }

.hc .header ul.menu a img { display: none; }

.hc ul.three-columns { background-image: url("../images/three_columns_background_hc.png") !important; }

.hc .content hr { background: #000; }

.hc .work .projects li span strong,
.hc .work .projects li a strong,
.hc .work ul.navigation a:hover,
.hc ul.tabs a.selected,
.hc .footer a,
.hc p.location strong { color: #0B83DF; }

.hc .footer ul.left li.first { border-color: #FFF !important; }

.hc .intro .navigation { background: #000; color: #FFF; }
.hc .intro .content h2 { font-size: 1.75em; }
.hc .intro .content a { background: transparent; }
.hc .intro .content a:hover { color: #A8B934; }

.hc ul.clients { background-image: url("../images/clients_background_hc.png"); }

.hc .note { background: transparent; }

.hc ul.tabs strong,
.hc ul.tabs a,
.hc ul.tabs span { background-image: url("../images/tab_hc.png"); }

.hc .work ul.navigation a { color: #0B83DF; background: transparent; }
.hc .work ul.navigation a span { background: transparent; }

.hc .testimonials ul.numbers a,
.hc .work .screenshot div a { background-image: url("../images/button_04_hc.png"); color: #000; }

.hc .work .projects li span strong,
.hc .header ul.menu a,
.hc .header,
.hc .site-map a,
.hc .presentation p.ruler a,
.hc .presentation .content p.info,
.hc .testimonials ul.numbers a.selected,
.hc .testimonials ul.numbers a:hover,
.hc .work .screenshot div a.selected,
.hc .work .screenshot div a:hover { color: #FFF; }

.hc .work .projects li span,
.hc .work .projects li a { background: transparent; color: #000; }
.hc .work .projects li a:hover { background: #000; color: #FFF; }
.hc .work .projects li a:hover strong { color: #FFF; }
.hc .work .projects li span { background: #000; color: #FFF; }

.hc .datepicker a,
.hc p.location,
.hc p.location a,
.hc .footer,
.hc .work .description p.date,
.hc .sidebar p.after-list a,
.hc form.quote label.checkbox,
.hc form.write label.checkbox { color: #000; }

.hc a.bullet-00 { background: transparent url("../images/bullet_00_b.png") no-repeat -999px 50% !important; }

.hc a.button-00 { background: #000 url("../images/button_00.png") no-repeat 0 0; }
.hc .header a.button-00 { background-position: 0 -17px; }

.hc button.button-02 span { background: #000 url("../images/button_02_hc.png") no-repeat 0 0; }
.hc button.button-02 span span { background-position: 100% 0; }

.hc .post-footer { background: #FFF; color: #000; }

.hc .welcome { color: #FFF; }
.hc .welcome a { color: #F47F20; }

.hc .site-map a { color: #F47F20; }


/*
 * Playing cards
 */
div.cards { overflow: hidden; clear: both; margin: 0 -5px 0 0; }
div.cards .column { float: left; width: 237px; }
div.cards .column div.card { position: relative; z-index: 2; width: 236px; height: 271px; padding: 10px 0 0; background: transparent url("../images/cards.png") no-repeat 21px 10px; }
div.cards .column div.card img { position: absolute; left: 114px; top: 19px; width: 236px; height: 271px; margin-left: -118px; }
div.cards .column div.card img.deck { width: 0; margin-left: 0; }
div.cards .column div.content { position: relative; z-index: 1; overflow: hidden; width: 237px; margin-top: -235px; padding: 240px 0 0; background: #000 url("../images/cards_content_background.png") no-repeat 0 0; }
div.cards .column div.content div { padding: 0 30px 30px; background: transparent url("../images/cards_content_background.png") no-repeat 0 100%; color: #8a8a8a; font-size: .917em; }
div.cards .column div.content div p { padding-bottom: 1ex; }
div.cards .column div.content a:hover { background-position: -2048px 100%; color: #fff; }
div.cards .column div.content a:active { background-position: 0 100%; color: #555; }
div.cards .column h2 { padding-bottom: 1ex; color: #fff; font-size: 1.545em; font-weight: bold; }

.js div.cards .column div.card img { cursor: pointer; }
.js div.cards .column div.card img.deck { width: 236px; margin-left: -118px; }
.js div.cards .column div.card img.card { width: 0; margin-left: 0; }
.js div.cards .column div.card h2 { position: absolute; left: 50%; top: 50%; z-index: 3; display: none; width: 148px; margin-left: -78px; padding: 0; font-size: 1.333em; font-style: italic; line-height: 18px; text-align: center; cursor: pointer; }
.js div.cards .column div.card div.question { position: absolute; top: 19px; left: 19px; z-index: 3; width: 190px; height: 250px; background: transparent url("../images/card_name.png") no-repeat 50% 43%; cursor: pointer; }
.js div.cards .column div.card:hover h2 { display: block; }
.js div.cards .column div.card:hover div.question { display: none; }
.js div.cards .column .opening div.card h2,
.js div.cards .column .opening div.card div.question,
.js div.cards .column .active div.card h2,
.js div.cards .column .active div.card div.question { display: none !important; }
.js div.cards .column div.content-hidden { position: fixed; visibility: hidden; }
.js div.cards .column .opening div.content { height: 10px; margin-top: -20px; padding-top: 10px; }
.js div.cards .column div.content div { overflow: hidden; }
.js div.cards .column .opening div.content div { height: 0; padding-bottom: 10px; }
.js div.cards .column div.content p.close { position: absolute; bottom: 0; right: 20px; float: left; padding: 0; }
.js div.cards .column div.content p.close a { overflow: hidden; float: left; width: 36px; height: 18px; background: #f47f20 url("../images/cards_content_close.png") no-repeat 0 0; text-indent: -99em; }
.js div.cards .column .opening div.content p.close,
.js div.cards .column div.content-hidden p.close { display: none; }


/*
 * Side column boxes (Django/Zend/Drupal)
 */
.box { width: 200px; height: 130px; margin: 20px 0 0 30px; padding: 15px 40px 0 25px; background: transparent none no-repeat 0 0; color: #fff; font-size: .917em; }
.box h3 { color: #fff; font-size: 1.727em; font-weight: 400; font-style: italic; }
.js .box h3 { font-size: 1.909em; }
.box a.button { display: inline-block; background: transparent url("../images/box_buttons.png") repeat-y 0 0; color: #fff; line-height: 20px; }
.box a.button:hover span { text-decoration: underline; }
.box a.button span { position: relative; left: 10px; display: inline-block; padding-right: 20px; padding-bottom: 1px; background: transparent url("../images/box_buttons.png") repeat-y 100% 0; line-height: 19px; vertical-align: top; }
.box-zend { background-color: #64af05; background-image: url("../images/box_zend.png"); color: #d2e9b4; }
.box-django { background-color: #346b57; background-image: url("../images/box_django.png"); color: #c4d5cf; }
.box-django a.button { background-position: 0 -20px; }
.box-django a.button span { background-position: 100% -20px; }
.box-drupal { background-color: #39b1cc; background-image: url("../images/box_drupal.png"); color: #c4e8f0; }
.box-drupal a.button { background-position: 0 -40px; }
.box-drupal a.button span { background-position: 100% -40px; }


/*
 * Flickr photos gallery
 */
p.flickr { float: right; clear: right; width: 255px; margin-top: -4em; padding: 0 20px 1em 3ex; font-size: .917em; }
p.flickr img { display: block; margin-bottom: 1ex; border-bottom: 1px solid #efefef; }
p.flickr a { color: #999; background: transparent; font-style: italic; }
p.flickr a span { color: #f47f20; font-size: .818em; font-style: normal; }

.two-columns p.flickr { margin-top: 0; }

.modal-flickr { position: fixed; left: 50%; top: 50%; z-index: 101; width: 500px; height: 375px; margin: -187px 0 0 -250px; }
.content object {position:static;}

hr.separator {position: relative; top: -80px; width: 100%; height: 1px; margin-bottom: -1px; border: none; background: url("../images/header-separator.png");}


/* experimental movie */
.offer-movie {padding: 10px; background: url("../images/stripes.gif"); }


/*
 * Splash - modal window triggered by adwords
 */
.splash-overlay { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background: #222; }
.splash { position: fixed; top: 50%; left: 50%; z-index: 101; width: 910px; height: 630px; margin: -315px 0 0 -455px; background: transparent url("../images/splash/background.png") no-repeat 0 0; color: #888; line-height: 1.333; }
.splash h2 { padding: 0 0 1ex; color: #fff; font-size: 2.667em; font-weight: 700; line-height: 1.1; letter-spacing: -1px; }
.splash h3 { padding: 0 0 1ex; color: #fff; font-size: 1.667em; font-weight: 700; line-height: 1.1; letter-spacing: -1px; }
/*.js .splash h2 { letter-spacing: normal; }*/
.splash p.close { position: absolute; top: -30px; right: 82px; padding: 0; font-size: .917em; font-weight: 700; }
.splash p.close a { position: relative; overflow: hidden; float: left; background: transparent url("../images/splash/button_close.png") no-repeat -280px 0; color: #fff; line-height: 30px; }
.splash p.close a span { position: relative; left: 20px; float: left; padding-right: 62px; background: transparent url("../images/splash/button_close.png") no-repeat 100% 0; }
.splash p.contact { position: absolute; left: 456px; bottom: 26px; padding: 0; font-size: 1.167em; }
.splash p.contact a { padding: 0 0 0 27px; background: transparent url("../images/splash/button_contact.png") no-repeat 0 50%; color: #fff; }
.splash p.contact a:hover { color: #86b711; }
.splash a.c2a { float: left; margin-top: 10px; padding: 0 0 0 25px; background: transparent url("../images/splash/button_c2a.png") no-repeat 0 0; white-space: nowrap; }
.splash a.c2a span { float: left; height: 42px; padding: 0 40px 0 0; background: transparent url("../images/splash/button_c2a.png") no-repeat 100% 0; color: #fff; font: bold 1.333em/42px "Arial", sans-serif; text-shadow: #4b7502 1px 1px 1px;}
.splash a.c2a:hover { background-position: 0 100%; }
.splash a.c2a:hover span { background-position: 100% 100%; }
.splash div.first { position: absolute; top: 45px; right: 110px; width: 350px; }
.splash div.first .introduction { font-size: 1.167em; }
.splash div.first b i { color: #f47f20; font-style: normal; }
.splash div.second { position: absolute; top: 350px; left: 47px; width: 310px; }
.splash ul.round-buttons { position: absolute; left: 450px; top: 346px; float: left; list-style: none; margin: 0; padding: 0; font-size: 1.167em; }
.splash ul.round-buttons li { float: left; padding-right: 69px; }
.splash ul.round-buttons a { float: left; width: 143px; padding: 160px 0 0; background: transparent url("../images/splash/round_buttons.jpg") no-repeat 0 0; color: #fff; text-align: center; }
.splash ul.round-buttons a:hover { background-position: -143px 0; color: #86b711; }
.splash ul.round-buttons a.work { background-position: -286px 0; }
.splash ul.round-buttons a.work:hover { background-position: -429px 0; }


/*
 * Splash - webdesign version
 */
.splash.webdesign { width: 963px; height: 622px; margin: -311px 0 0 -481px; background: transparent url('../images/splash/background2.png') no-repeat 0 0; }
.splash.webdesign p.close { right: 136px; }
.splash.webdesign p.details { position: absolute; left: 455px; bottom: 25px; padding: 0; }
.splash.webdesign p.details a { float: left; margin-top: 10px; padding: 0 0 0 25px; background: transparent url("../images/splash/button2_c2a.png") no-repeat 0 0; }
.splash.webdesign p.details a span { float: left; height: 42px; padding: 0 40px 0 0; background: transparent url("../images/splash/button2_c2a.png") no-repeat 100% 0; color: #fff; font: bold 1.333em/42px "Arial", sans-serif; text-shadow: #4b7502 1px 1px 1px;}
.splash.webdesign p.details a:hover { background-position: 0 100%; }
.splash.webdesign p.details a:hover span { background-position: 100% 100%; }

.splash.webdesign div.first { top: 65px; left: 195px; right: auto; width: 500px; }
.splash.webdesign div.first h2 { float: left; padding: 0 15px 0 0; font-size: 2.5em; }
.splash.webdesign div.first h2 i { color: #e67117; }
.splash.webdesign div.first h2 b { margin-left: -15px; padding: 0 15px 15px 15px; background: transparent url('../images/splash/underline.png') no-repeat 100% 100%;  }
.splash.webdesign div.first h3 { font-size: 2.5em; }
.splash.webdesign div.first h3 b { color: #e67117; font-size: 1.2em; }
.splash.webdesign div.first p.reasons { clear: both; padding: 15px 0 0; color: #e67117; font-size: 2em; }

.splash.webdesign ul.reasons { position: absolute; top: 355px; left: 30px; margin: 0; padding: 0; list-style: none; }
.splash.webdesign ul.reasons li { position: absolute; left: 70px; color: #888; font-size: 1.083em; text-transform: uppercase; white-space: nowrap;  }
.splash.webdesign ul.reasons li b { display: block; color: #fff; font-size: 1.230em; }
.splash.webdesign ul.reasons li+li { left: 264px; }
.splash.webdesign ul.reasons li+li+li { left: 525px; }
.splash.webdesign ul.reasons li+li+li+li { left: 733px; }
.splash.webdesign ul.reasons li+li+li+li+li { top: 90px; left: 162px; }
.splash.webdesign ul.reasons li+li+li+li+li+li { left: 505px; }

.splash.webdesign p.citynames { position: absolute; top: 520px; left: 120px; }



/*
 * Flickr gallery
 */
div.flickr-overlay { position: fixed; left: 0; top: 0; z-index: 100; display: none; width: 100%; height: 100%; background: #000; }
div.flickr-gallery { position: absolute; left: 0; top: 0; z-index: 101; display: none; width: 100%; min-height: 100%; }

div.flickr-gallery div.navigation { position: fixed; left: 0; top: 0; z-index: 1; width: 100%; padding: 12px 0 0; border-bottom: 1px solid #f37c20; background: #000 url("../images/gallery/navigation_background.png") repeat-x 0 0; }
div.flickr-gallery div.navigation div.tabs { overflow: hidden; width: 940px; margin: 0 auto; }
div.flickr-gallery div.navigation div.tabs ul { float: left; margin: 0; padding: 0; list-style: none; }
div.flickr-gallery div.navigation div.tabs ul li { float: left; }
div.flickr-gallery div.navigation div.tabs ul li a { float: left; padding: 0 15px; background: transparent; color: #fff; font-weight: 700; text-transform: uppercase; line-height: 35px; }
div.flickr-gallery div.navigation div.tabs ul li a:hover,
div.flickr-gallery div.navigation div.tabs ul li a.active { background: #F37C20 url("../images/gallery/navigation_tab_background.png") repeat-x 0 0; }

div.flickr-gallery div.thumbnails { overflow: hidden; position: absolute; left: 50%; width: 948px; margin: 0 0 0 -474px; padding: 68px 0; }
div.flickr-gallery div.thumbnails p a.thumbnails-back { float: right; padding-left: 20px; background: url("../images/gallery/back.png") no-repeat scroll 0 50% transparent; color: #FFFFFF; line-height: 20px; }
div.flickr-gallery div.thumbnails p.photosets { overflow: hidden; margin-bottom: 15px; padding: 1.75em 0 15px; border-bottom: 1px solid #333; }
div.flickr-gallery div.thumbnails p.photosets a { float: left; background: transparent; color: #fff; font-weight: 700; }
div.flickr-gallery div.thumbnails p.photosets a:hover,
div.flickr-gallery div.thumbnails p.photosets a.active { color: #F47D20; }
div.flickr-gallery div.thumbnails p.photosets a+a { margin-left: 20px; }
div.flickr-gallery div.thumbnails h1 { padding: 0; color: #fff; font-size: 3.333em; font-weight: 400; }
div.flickr-gallery div.thumbnails h1 em { color: #F47D20; font-style: normal; }
div.flickr-gallery div.thumbnails>div { overflow: hidden; }
div.flickr-gallery div.thumbnails>div>div { overflow: hidden; width: 200000px; }
div.flickr-gallery div.thumbnails>div h2 { height: 50px; color: #fff; font-size: 1.75em; font-weight: 500; line-height: 50px; }
div.flickr-gallery div.thumbnails>div ul { overflow: hidden; width: 948px; margin: 0; padding: 0; list-style: none; }
div.flickr-gallery div.thumbnails>div ul li { overflow: hidden; float: left; width: 75px; height: 75px; margin: 0 2px 4px; background: transparent url('../images/gallery/loading_alt.gif') no-repeat 50% 50%; cursor: pointer; }

div.flickr-gallery div.thumbnails.videos { display: none; width: 940px; }
div.flickr-gallery div.thumbnails.videos h1 { padding-bottom: 50px; }
div.flickr-gallery div.thumbnails.videos>div ul { width: 940px; }
div.flickr-gallery div.thumbnails.videos>div ul li { width: 184px; height: auto; }
div.flickr-gallery div.thumbnails.videos>div ul li h2 { height: auto; padding: 5px 0; color: #fff; font-size: 1em; text-align: center; line-height: 1; }
div.flickr-gallery div.thumbnails.videos>div ul li p { position: relative; margin: 0; padding: 0; }
div.flickr-gallery div.thumbnails.videos>div ul li p span { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
div.flickr-gallery div.thumbnails.videos>div ul li img { width: 100%; height: auto; }

div.flickr-gallery div.preview.videos iframe { display: block; margin: 0 auto; background: #000 url('../images/gallery/loading_alt.gif') no-repeat 50% 50%; }

div.flickr-gallery div.preview { position: absolute; top: 0; left: 50%; width: 980px; margin: 0 0 0 -490px; padding-top: 68px; }
div.flickr-gallery div.preview ul { overflow: hidden; width: 200000px; margin: 0; padding: 0; list-style: none; }
div.flickr-gallery div.preview>div { overflow: hidden; position: relative; }
div.flickr-gallery div.preview p { overflow: hidden; padding: 0 20px 1em; }
div.flickr-gallery div.preview p a.preview-back { float: right; padding-left: 20px; background: url("../images/gallery/back.png") no-repeat scroll 0 50% transparent; color: #FFFFFF; line-height: 20px; }

div.flickr-gallery div.preview div.images-slider { padding-bottom: 20px; }
div.flickr-gallery div.preview div.images-slider div.clip { overflow: hidden; position: relative; width: 850px; margin: 0 auto; }
div.flickr-gallery div.preview div.images-slider a.slider-prev { position: absolute; left: 0; top: 50%; height: 46px; width: 34px; background: transparent url('../images/gallery/navigation.png') no-repeat 0 0; cursor: pointer; }
div.flickr-gallery div.preview div.images-slider a.slider-next { position: absolute; right: 0; top: 50%; height: 46px; width: 34px; background: transparent url('../images/gallery/navigation.png') no-repeat 100% 0; cursor: pointer; }
div.flickr-gallery div.preview div.images-slider a.slider-prev:hover { background-position: 0 100%; }
div.flickr-gallery div.preview div.images-slider a.slider-next:hover { background-position: 100% 100%; }
div.flickr-gallery div.preview div.images-slider li { overflow: hidden; position: relative; float: left; width: 850px; height: 567px; background: transparent url('../images/gallery/loading_alt.gif') no-repeat 50% 50%; text-align: center; }
div.flickr-gallery div.preview div.images-slider li span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000 url('../images/gallery/loading.gif') no-repeat 50% 50%; }
div.flickr-gallery div.preview div.images-slider li img { height: 100%; width: auto; }

div.flickr-gallery div.preview div.thumbnail-slider { overflow: hidden; width: 682px; margin: 0 auto; }
div.flickr-gallery div.preview div.thumbnail-slider div.clip { overflow: hidden; position: relative; width: 632px; margin: 0 auto; }
div.flickr-gallery div.preview div.thumbnail-slider a.slider-prev { position: absolute; left: 0; top: 50%; height: 21px; width: 14px; margin: -10px 0 0 0; background: transparent url('../images/gallery/flickr_slider_navigation.png') no-repeat 0 0; cursor: pointer; }
div.flickr-gallery div.preview div.thumbnail-slider a.slider-next { position: absolute; right: 0; top: 50%; height: 21px; width: 14px; margin: -10px 0 0 0;  background: transparent url('../images/gallery/flickr_slider_navigation.png') no-repeat 100% 0; cursor: pointer; }
div.flickr-gallery div.preview div.thumbnail-slider a.slider-prev:hover { background-position: 0 100%; }
div.flickr-gallery div.preview div.thumbnail-slider a.slider-next:hover { background-position: 100% 100%; }
div.flickr-gallery div.preview div.thumbnail-slider ul li { overflow: hidden; position: relative; float: left; width: 75px; height: 75px; margin: 0 2px; background: transparent url('../images/gallery/loading_alt.gif') no-repeat 50% 50%; cursor: pointer; }
div.flickr-gallery div.preview div.thumbnail-slider ul li span { position: absolute; top: 0; left: 0; display: none; width: 73px; height: 73px; border: 1px solid #fff; }
div.flickr-gallery div.preview div.thumbnail-slider ul li:hover span,
div.flickr-gallery div.preview div.thumbnail-slider ul li.active span { display: block; }
div.flickr-gallery div.preview div.thumbnail-slider ul li img { width: 100%; }


/*
 * Landing page
 */
hr.separator.landing-page { top: -335px; }

.header div.landing-page-banner { min-height: 275px; padding: 30px 0 30px 395px; background: transparent url('../images/landing_page_superhero.png') no-repeat -40px 30px; }
.header div.landing-page-banner h1 { padding-left: 22px; background: transparent url('../images/icon_lightbulb.png') no-repeat 0 50%; font-size: 1.416em; font-weight: 500; }
.header div.landing-page-banner h2 { padding: 8px 0; color: #fff; font-size: 3.333em; font-weight: 500; line-height: 1; }
.header div.landing-page-banner h2 span { color: #f47d20; }
.header div.landing-page-banner a.c2a { float: left; height: 48px; margin: 10px 0 0 0; padding: 0 44px 0 0; background: url("../images/c2a.png") right -48px no-repeat; line-height: 48px; white-space: nowrap; }
.header div.landing-page-banner a.c2a span { float: left; height: 48px; padding: 0 0 3px 25px ; background: url("../images/c2a.png") 0 0 no-repeat; color: #fff; font: bold 1.333em/45px Arial,sans-serif; text-shadow: #4b7502 1px 1px 1px;}
.header div.landing-page-banner a.c2a:hover { background-position: right -144px; }
.header div.landing-page-banner a.c2a:hover span { background-position: 0 -96px; }

div.landing-page-selected-clients { position: relative; padding: 0 0 5px 0; border-top: 5px solid #2b2b2b; background: transparent url('../images/section-separator.gif') repeat-x 0 100%; }
div.landing-page-selected-clients p.logos { width: 950px; margin: 0 auto; padding: 0; }
div.landing-page-selected-clients h2 { overflow: hidden; position: absolute; top: -29px; left: 50%; width: 224px; height: 18px; margin: 0 0 0 -152px; padding: 6px 40px 0; background: transparent url('../images/landing_page_logos_header.png') no-repeat 50% 0; color: #fff; text-align: center; }

.content.landing-page { width: 940px; border: none; }
.content.landing-page h2 { padding-bottom: 15px; font-size: 2.083em; }
.content.landing-page div.two-columns { overflow: hidden; padding: 26px 0 5px; background: transparent url('../images/section-separator.gif') repeat-x 0 100%; }
.content.landing-page div.two-columns h2 { padding-top: 0; }
.content.landing-page div.two-columns div.left { width: 598px; }
.content.landing-page div.two-columns div.right { width: 280px; margin-bottom: 15px; padding-left: 29px; border-left: 1px solid #e5e5e5; }

.content.landing-page div.two-columns div.awards { position: relative; padding: 27px 37px 22px; background: transparent url('../images/section-separator.gif') repeat-x 0 0; }
.content.landing-page div.two-columns div.awards div.clip { overflow: hidden; position: relative; }
.content.landing-page div.two-columns div.awards div.slider { overflow: hidden; position: absolute; height: 40px; }
.content.landing-page div.two-columns div.awards ul { overflow: hidden; position: relative; left: -20px; margin: 0; padding: 0 !important; list-style: none !important; }
.content.landing-page div.two-columns div.awards ul li { float: left; padding: 0 20px; border-left: 1px solid #e5e5e5; }

.content.landing-page div.two-columns div.awards a { position: absolute; bottom: 30px; display: none; overflow: hidden; width: 28px; height: 27px; background: url("../images/slider-arrows.png"); text-indent: -500px; }
.content.landing-page div.two-columns div.awards a.prev-logo { left: 0; background-position: 0 0; }
.content.landing-page div.two-columns div.awards a.prev-logo:hover { background-position: 0 -27px; }
.content.landing-page div.two-columns div.awards a.next-logo { right: 0; background-position: -28px 0; }
.content.landing-page div.two-columns div.awards a.next-logo:hover { background-position: -28px -27px; }

.js .content.landing-page div.two-columns div.awards a { display: block; }
.js .content.landing-page div.two-columns div.awards div.slider { width: 999em; }
.js .content.landing-page div.two-columns div.awards div.clip { height: 40px; }
.js .content.landing-page div.two-columns div.awards div.clip ul { float: left; }

.content.landing-page div.two-columns ul.reasons { overflow: hidden; margin: 0; padding: 5px 0 0 0; background: transparent url('../images/section-separator.gif') 0 0; list-style: none; }
.content.landing-page div.two-columns ul.reasons li { min-height: 34px; padding: 10px 0 10px 55px; background: #fff url('../images/number_1.png') no-repeat 0 12px; }
.content.landing-page div.two-columns ul.reasons li+li { margin-top: 1px; background-image: url('../images/number_2.png') }
.content.landing-page div.two-columns ul.reasons li+li+li { background-image: url('../images/number_3.png') }
.content.landing-page div.two-columns ul.reasons li+li+li+li { background-image: url('../images/number_4.png') }
.content.landing-page div.two-columns ul.reasons li+li+li+li+li { background-image: url('../images/number_5.png') }
.content.landing-page div.two-columns ul.reasons li+li+li+li+li+li { background-image: url('../images/number_6.png') }
.content.landing-page div.two-columns ul.reasons li p { padding: 0; }

.content.landing-page div.two-columns div.player { width: 100%; height: 276px; margin-bottom: 20px; }

.content.landing-page form { overflow: hidden; background: transparent url('../images/landing_page_form_bg.png') no-repeat 0 100%; }
.content.landing-page form div.left { float: left; width: 191px; padding: 20px; }
.content.landing-page form div.left h3 { padding: 0 0 10px; font-size: 1.083em; font-weight: 700; }
.content.landing-page form div.left dt { float: left; margin: 0 5px 0 0; }
.content.landing-page form div.left dd { padding: 0 0 5px; }
.content.landing-page form div.left label { display: block; padding-bottom: 0.5ex; }
.content.landing-page form div.left input { width: 186px; }
.content.landing-page form div.left p.submit { padding: 0; text-align: left; }
.content.landing-page form div.left p.submit button span { background-color: #e8e8e8; background-image: url('../images/button_08.png'); }
.content.landing-page form div.left+div.left+div.left { width: 438px; }
.content.landing-page form div.left+div.left+div.left textarea { width: 434px !important; height: 110px; }

.content.landing-page p.tagcloud { padding: 24px 10px 32px; background: transparent url('../images/section-separator.gif') repeat-x 0 100%; color: #888; }