/************************************************ STRUCTURE ************************************************/
html { height: 100%; margin-bottom: 1px; }
body { margin:0; padding:0; font-family:Georgia,Arial, Helvetica, sans-serif; font-size:62.8%; color:#fff; }
body.home { background:#000 url(../images/background/home.jpg) center top no-repeat; -webkit-background-size: 1400px 1350px; }
body.what_turns_us_on { background:#000 url(../images/background/what_turns_us_on.jpg) center top no-repeat; -webkit-background-size: 1400px 1282px; }
body.current_news { background:#000 url(../images/background/current_news.jpg) center top no-repeat; -webkit-background-size: 1400px 1240px; }
body.originality { background:#000 url(../images/background/originality.jpg) center top no-repeat; -webkit-background-size: 1400px 1324px; }
body.positive { background:#000 url(../images/background/positive.jpg) center top no-repeat; -webkit-background-size: 1400px 994px; }
body.connect { background:#000 url(../images/background/connect.jpg) center top no-repeat; -webkit-background-size: 1400px 981px; }

div, h1, h2, h3, h4 { position:relative; float:left; display:block; overflow:hidden; }
h1, h2, h3, h4 { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; text-indent:-9999px; }
a { outline: none; }
label { text-indent:-999px; display:none; }

.wrapperFull { width:100%; float:none; }
.wrapper { width:957px; margin:0 auto; float:none; }
.wrapper-mast { width:957px; }
#mainContainer { width:957px; overflow:hidden; }

.bold { font-weight:bold; }

form { padding:0; margin:0; display:block; float:left; position:relative; }
input,textarea { font-family:Rockwell,Georgia,Arial, Helvetica, sans-serif; color:#fff; overflow:hidden; outline:none; }
input:focus, textarea:focus { outline:#fff 2px solid; }
#messageBox { width:200px; border:#999999 3px solid; padding:5px; background:#fff; color:#000; text-align:center; font-weight:bold; z-index:15; position:absolute; font-size:12px; }
#pageOverlay { background:#000; position:absolute; top:0px; left:0px; z-index:5; }
#loading { width:32px; height:32px; padding:15px; border:#999999 solid 2px; z-index:15; position:absolute; background-color:#fff; }

.loginBox { position:absolute; width:150px; height:60px; background:#FFF; top:0px; right:0px; z-index:3; }
#loginBox { position:absolute; width:10px; height:10px; top:0px; right:0px; z-index:10; }
#loginBox img { width:10px; height:10px; border-width:0px; }
.loginBox div { position:relative; width:138px; height:48px; margin:2px; padding:2px; border:#002432 2px solid; text-align:center; }
.loginBox div span { font-weight:bold; display:block; text-align:center; }
.loginBox div a:link, .loginBox div a:visited, .loginBox div a:active { font-size:12px; text-decoration:none; color:#f00; font-weight:normal; }
.loginBox div a:hover { text-decoration:underline; }

a.readMore { background:url(../images/button/read_more.png) 0 0; width:74px; height:9px; display:block; position:relative; float:right; text-indent:-9999px; overflow:hidden; }
a:hover.readMore { background:url(../images/button/read_more.png) 0 -9px; }

.menu, .menu li, .menu li a { display:block; position:relative; float:left; height:24px; margin:0; padding:0; }
.menu li, .menu li a { width:147px; }
.menu li { margin-right:15px; }
.menu li a { text-indent:-9999px; }
.menu { width:972px; list-style:none; margin-bottom:12px; background:url(../images/button/menu.png) 0 0; }

.menu li.what { margin-right:14px; }
.menu li.spark { margin-right:17px; width:146px; }
.menu li.connect { margin-right:0; }

.menu li.home a:hover,.menu li.home a.active { background:url(../images/button/menu.png) 0 -24px; }
.menu li.what a:hover,.menu li.what a.active { background:url(../images/button/menu.png) -162px -24px; }
.menu li.news a:hover,.menu li.news a.active { background:url(../images/button/menu.png) -323px -24px; }
.menu li.spark a:hover,.menu li.spark a.active { background:url(../images/button/menu.png) -485px -24px; }
.menu li.pos a:hover,.menu li.pos a.active { background:url(../images/button/menu.png) -648px -24px; }
.menu li.connect a:hover,.menu li.connect a.active { background:url(../images/button/menu.png) -810px -24px; }


#footer, #footer li { padding:0; margin:0; position:relative; display:block; float:left; }
#footer { height:51px; width:957px; list-style:none; background:url(../images/background/footer2.png) repeat-x; margin-bottom:12px; }
#footer li { padding:15px 0 0 15px; height:36px; margin-right:36px; }
#footer li a { font-family:Rockwell, Arial, Helvetica, sans-serif; font-size:1.4em; color:#626262; text-decoration:none; }
#footer li a:hover,#footer li a.active { color:#fff; }

a.vapour { background:url(../images/button/vapour.png) 0 0; display:block; float:left; position:relative; width:177px; height:19px; text-indent:-9999px; overflow:hidden; margin:0 0 30px 15px; }
a:hover.vapour { background:url(../images/button/vapour.png) 0 -19px; }

.splitter { background:url(../images/background/splitter.png) 0 0 repeat-x; height:3px; }
#splitter2 { background:url(../images/background/splitter2.png) 0 0 repeat-x; height:3px; z-index:4; position:absolute; float:none; width:100px; }
.left,.left .splitter { width:375px; }
.right { width:582px; height:500px; }
.left p { width:359px; padding:0 0 0 16px; margin:0 0 32px 0; font-size:1.1em; line-height:1.8em; }

.right .social,.right .social li,.right .social li a { position:relative; display:block; margin:0; padding:0; }
.right .social { list-style:none; float:right; background:url(../images/button/social_media2.png) 0 0; width:191px; height:13px; padding:6px 23px 6px 95px; }
.right .social li.twitter,.right .social li.twitter a { width:52px; margin-right:11px; }
.right .social li.facebook,.right .social li.facebook a { width:56px; margin-right:15px; }
.right .social li.linkedin,.right .social li.linkedin a { width:57px; }
.right .social li a { margin:0; text-indent:-9999px; overflow:hidden; }
.right .social li, .right .social li a { height:13px; float:left; }
.right .social li.twitter a:hover { background:url(../images/button/social_media2.png) -95px -31px; }
.right .social li.facebook a:hover { background:url(../images/button/social_media2.png) -158px -31px; }
.right .social li.linkedin a:hover { background:url(../images/button/social_media2.png) -229px -31px; }

.left h1#logo { width:375px; height:89px; background:url(../images/content/wired_logo.png) 16px 11px no-repeat; }
.left img#logo { width:359px; height:53px; display:block; float:left; position:relative; padding:11px 0 25px 16px; }
.home .left h2 { background:url(../images/text/a_boutique_experiential.png) 16px 21px no-repeat; width:375px; height:159px; }
.home .left h2.weAre { height:21px; padding:22px 0 21px 16px; text-indent:0; background:none; width:354px; }
.home .left h2.weAre a { background:url(../images/title/we_are.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; display:block; float:left; position:relative; width:110px; height:19px; }
.home .left h2.weAre a:hover { background:url(../images/title/we_are.png) 0 -19px no-repeat; }
.home .left h2.weSay { background:url(../images/title/we_say_twitter.png) 16px 24px no-repeat; height:77px; }

.home .left h2.weveBeenDoing { background:none; height:24px; padding:29px 0 6px 16px; width:354px; }
.home .left h2.weveBeenDoing a { background:url(../images/title/weve_been_doing.png) 0 0 no-repeat; width:235px; height:24px; text-indent:-9999px; overflow:hidden; display:block; float:left; position:relative; }
.home .left h2.weveBeenDoing a:hover { background:url(../images/title/weve_been_doing.png) 0 -24px no-repeat; }

.home .left .tweets,.home .left .tweets li,.home .left .tweets li img,.home .left .tweets li p,.home .left .doing1,.home .left .doing2 { margin:0; padding:0; position:relative; display:block; float:left; }
.home .left .tweets { list-style:none; width:352px; }
.home .left .tweets li { width:336px; padding:0 0 12px 16px; border-bottom:#3c3c3c 1px dashed; margin-bottom:15px; }
.home .left .tweets li.last { border-width:0; }
.home .left .tweets li p { font-size:1em; color:#fff; width:282px; margin-bottom:4px; float:right; }
.home .left .tweets li p.time { color:#ffba00; }
.home .left .tweets li p a { color:#ffba00; text-decoration:none; }
.home .left .tweets li p a:hover { color:#fff; text-decoration:none; }
.home .left h3 { width:359px; margin-bottom:8px; padding:0 0 0 16px; font-family:Rockwell, Arial, Helvetica, sans-serif; text-indent:0; color:#ffba00; font-size:1.5em; }
.home .left .doing1,.home .left .doing2 { padding-left:15px; margin-bottom:42px; border-width:0; }
.home .left .doing2 { padding-left:8px; }

.what_turns_us_on .left p.main { background:url(../images/text/wired_is_an_exiting_new.png) 16px 21px no-repeat; text-indent:-9999px; overflow:hidden; height:243px; margin:0; }
.what_turns_us_on .left h2 { background:url(../images/title/our_leading_lights.png) 15px 18px no-repeat; height:65px; width:375px; }

.what_turns_us_on .left ul.leading { list-style:none; }
.what_turns_us_on .left ul.leading, .what_turns_us_on .left ul.leading li { width:375px; padding:0; margin:0; position:relative; display:block; float:left; }
.what_turns_us_on .left ul.leading li { padding:0; border-bottom:#3c3c3c 1px dashed; margin-bottom:15px; }
.what_turns_us_on .left ul.leading li.last { border-width:0; margin:0; }
.what_turns_us_on .left ul.leading li img { padding:3px 0 0 16px; margin:0; display:block; float:left; position:relative; }
.what_turns_us_on .left ul.leading li h3,.what_turns_us_on .left ul.glowing li h3 { width:246px; height:22px; float:right; font-size:1.7em; font-family:Rockwell, Arial, Helvetica, sans-serif; text-indent:0; }
.what_turns_us_on .left ul.leading li h3 span,.what_turns_us_on .left ul.glowing li h3 span { color:#ffba00; }
.what_turns_us_on .left ul.leading li p { width:246px; float:right; }
.what_turns_us_on .left ul.leading li p a { font-weight:bold; text-decoration:none; color:#ffba00; }
.what_turns_us_on .left ul.leading li p a:hover { color:#fff; }

.what_turns_us_on .left p a { font-weight:bold; text-decoration:none; color:#fff; }
.what_turns_us_on .left p a span { color:#ffba00; }
.what_turns_us_on .left p a:hover { color:#ffba00; }
.what_turns_us_on .left p a:hover span { color:#fff; }

.what_turns_us_on .left h2.glowing { background:url(../images/title/some_glowing_reports.png) 15px 25px no-repeat; height:66px; }
.what_turns_us_on .left ul.glowing,.what_turns_us_on .left ul.glowing li { position:relative; display:block; float:left; }
.what_turns_us_on .left ul.glowing { width:359px; padding:0 0 0 16px; margin:0 0 32px 0; }
.what_turns_us_on .left ul.glowing li { border-bottom:#3c3c3c 1px dashed; padding-bottom:5px; margin-bottom:8px; }
.what_turns_us_on .left ul.glowing li.last { border-width:0; }
.what_turns_us_on .left ul.glowing li p { margin:0; padding:0 0 15px 0; background:url(../images/content/apostrophe_close.png) right bottom no-repeat; }
.what_turns_us_on .left ul.glowing li img.apostOp { margin:0; padding:0 336px 5px 0; }
.what_turns_us_on .left ul.glowing li h3 { width:359px; color:#ffba00; font-size:1.1em; }

.what_turns_us_on .left h2.past { background:url(../images/title/past_clients.png) 16px 21px no-repeat; height:65px; }
.what_turns_us_on .left .past, .what_turns_us_on .left .past li, .what_turns_us_on .left .past li img { display:block; float:left; position:relative; margin:0; padding:0; }
.what_turns_us_on .left .past { list-style:none; width:363px; padding-left:16px; margin-bottom:9px; }
.what_turns_us_on .left .past li { width:101px; height:101px; margin:0 20px 16px 0; }
.what_turns_us_on .left .past li img { width:101px; height:101px; border-width:0; }

.current_news .left h1 { background:url(../images/title/blog.png) 15px 18px no-repeat; height:94px; width:375px; }

.current_news .left .news, .current_news .left .news li,.current_news .left .news li.archive ul, .current_news .left .news li.archive ul li,.current_news .left .news li p { width:359px; padding:0; margin:0; display:block; float:left; position:relative; }
.current_news .left .news li { border-bottom:#3c3c3c 1px dashed; padding-bottom:20px; margin-bottom:25px; }
.current_news .left .news { list-style:none; padding-left:16px; font-family:Georgia, "Times New Roman", Times, serif; margin-top:17px; }
.current_news .left .news li h2 { font-size:1.4em; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:22px; text-indent:0; width:359px; }
.current_news .left .news li h2 span { color:#ffba00; }
.current_news .left .news li p { width:359px; margin:0; padding:0; }
.current_news .left .news li p a { font-weight:bold; text-decoration:none; color:#ffba00; }
.current_news .left .news li p a:hover { color:#fff; }
.current_news .left .news li ul, .current_news .left .news li ul li { padding:0; margin:0; display:block; float:left; }
.current_news .left .news li ul { list-style:none; width:363px; margin-top:10px; }
.current_news .left .news li ul li { width:116px; margin:0 5px 5px 0; border-width:0; }
.current_news .left .news li ul li a img { border-width:0; }

.current_news .left .news li.archive, .current_news .left .news li.archive ul li { border-width:0; } 
.current_news .left .news li.archive, .current_news .left .news li.archive ul, .current_news .left .news li.archive ul li { width:auto; margin:0; padding:0; }
.current_news .left .news li.archive { margin-bottom:28px; }
.current_news .left .news li.archive ul { list-style:none; width:auto; padding:0 0 0 10px; }
.current_news .left .news li.archive h2 { width:auto; margin:0; text-indent:0; font-size:1.5em; }
.current_news .left .news li.archive ul li, .current_news .left .news li.archive ul li a { color:#727272; text-decoration:none; font-size:1.5em; font-family:Georgia, "Times New Roman", Times, serif; }
.current_news .left .news li.archive ul li a { font-size:1em; }
.current_news .left .news li.archive ul li a:hover, .current_news .left .news li.archive ul li a.active { color:#fff; }


.originality .left h1 { background:url(../images/title/spark_of_originality.png) 16px 21px no-repeat; height:98px; width:375px; }
.originality .left h2.what { background:url(../images/title/what_can_we_do_for_you.png) 16px 22px no-repeat; height:71px; width:375px; }
.originality .left .services, .originality .left .services li,.originality .left .services li a { padding:0; margin:0; position:relative; float:left; display:block; width:359px; }
.originality .left .services { list-style:none; padding:0 0 0 16px; margin-bottom:30px; }
.originality .left .services li { margin-bottom:10px; }
.originality .left .services li a { background:url(../images/background/originality_line.png) 0 10px no-repeat; font-family:Rockwell, Georgia, "Times New Roman", Times, serif; font-size:1.8em; color:#fff; text-decoration:none; padding:0 6px 0 15px; width:auto; }
.originality .left .services li a:hover,.originality .left .services li a.active { color:#ffba00; background:url(../images/background/originality_line.png) 0 -38px no-repeat; }

.positive .left h1 { background:url(../images/title/positive_experiences2.png) 17px 21px no-repeat; height:60px; width:375px; }
.positive .left .projects, .positive .left .projects li { padding:0; margin:0; position:relative; float:left; display:block; width:359px; }
.positive .left .projects { list-style:none; padding:0 0 0 16px; margin:24px 0 30px 0; }
.positive .left .projects li h2 { font-size:1.8em; color:#fff; width:359px; text-indent:0; font-family:Rockwell, Georgia, "Times New Roman", Times, serif; margin-bottom:10px; }
.positive .left .projects li { padding-bottom:38px; border-bottom:#3c3c3c 1px dashed; margin-bottom:30px; }
.positive .left .projects li.last { border-width:0; }
.positive .left .projects li h2 span { color:#ffba00; }
.positive .left .projects li p { width:359px; margin:0 0 8px 0; padding:0; }
.positive .left .projects li p a { font-weight:bold; text-decoration:none; color:#ffba00; }
.positive .left .projects li p a:hover { color:#fff; }
.positive .left .projects li ul, .positive .left .projects li ul li { padding:0; margin:0; display:block; float:left; }
.positive .left .projects li ul { list-style:none; width:363px; }
.positive .left .projects li ul li { width:116px; margin:0 5px 5px 0; border-width:0; }
.positive .left .projects li ul li a img { border-width:0; }

.connect .left h1 { background:url(../images/title/connect_with_us.png) 17px 21px no-repeat; height:60px; width:375px; }
.connect .left h2.find { background:url(../images/title/find_us.png) 17px 26px no-repeat; height:65px; width:375px; }
.connect .left .map { width:268px; height:170px; border-bottom:#3c3c3c 1px dashed; padding:25px 86px 34px 0; margin-left:19px; }
.connect .left #map { border-width:0; cursor:pointer; }
.connect .left h2.mail { background:url(../images/title/mail_us.png) 17px 28px no-repeat; height:60px; width:375px; }
.connect .left form, .connect .left form a { padding:0 0 0 14px; margin:0; width:272px; position:relative; float:left; display:block; }
.connect .left form textarea,.connect .left form input { width:252px; padding:5px 10px; margin:0 0 11px 0; border-width:0; font-size:1.4em; }
.connect .left form input { background:url(../images/background/input.png) 0 0; height:15px; }
.connect .left form textarea { height:113px; background:url(../images/background/textarea.png) 0 0; }
.connect .left form a { width:272px; height:25px; padding:0; background:url(../images/button/contact_submit.png) 0 0; text-indent:-9999px; overflow:hidden; margin-bottom:21px; }
.connect .left form a:hover { background:url(../images/button/contact_submit.png) 0 -25px; }

.absCont { float:none; position:static; }
#overlay { width:559px; position:absolute; z-index:3; }
#overlay a#closeOL { background:url(../images/button/close2.png) 0 0; width:52px; height:16px; display:block; position:absolute; right:34px; top:36px; z-index:6; }
#overlay a:hover#closeOL { background:url(../images/button/close2.png) 0 -16px; }
#overlay .top, #overlay .base, #overlay #middle1, #overlay #middle2, #overlay #middle3, #overlay .cont { width:525px; float:right; }
#overlay .top { height:6px; background:url(../images/overlay/top.png) 0 0; }
#overlay .base { height:6px; background:url(../images/overlay/base.png) 0 0; }
#overlay #middle1, #overlay #middle3 { background:url(../images/overlay/middle.png) 0 0; }
#overlay #middle2 { background:url(../images/overlay/middle.png) -1px 0; width:524px; height:37px; }
#overlay #point { width:35px; height:37px; background:url(../images/overlay/point.png) 0 0; position:absolute; left:0; z-index:4; }
#overlay #content { width:457px; padding:26px 34px 49px 68px; z-index:4; position:absolute; }
#overlay #content h2 { font-family:Rockwell, Georgia, "Times New Roman", Times, serif; width:397px; font-size:2.4em; text-indent:0; margin:0 60px 25px 0; }
#overlay #content h2 span { color:#ffba00; }
#overlay #content p { width:457px; padding:0; margin:0 0 32px 0; font-size:1.1em; line-height:1.8em; }

#imageBox { position:absolute; z-index:6; border:#393939 1px solid; padding:12px; background:#000; }
#imageBox div div img { display:block; float:left; position:relative; border-width:0; margin-bottom:8px; }
#imageBox a#close { background:url(../images/button/close2.png) 0 0; display:block; float:right; position:relative; width:52px; height:16px; }
#imageBox a:hover#close { background:url(../images/button/close2.png) 0 -16px; }
#imageBox h2 { height:19px; text-indent:0; }