/* Generic CSS Document for Webfactory */

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, img, small, strong, sub, sup, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; line-height:1.5em; }

html { overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:Arial, Helvetica, sans-serif; }
body { font:13px/1.231; background:#E1E1E1; font-weight:300; -webkit-font-smoothing:subpixel-antialiased; }
html, body { height:100%; }

a:link { -webkit-tap-highlight-color:#A2A1A1; }
a:hover, a:active { outline:none; }
a, a:visited { color:#607890; cursor:pointer; }
a:hover { color:#000; }
ul, ol { margin:0 0 2em 2em; }
ol { list-style-type:decimal; }
p { padding-bottom:30px; }

nav ul, nav li { margin:0; list-style:none; }
b, strong, th { font-weight:bold; }
table { border-collapse:collapse; border-spacing:0; }
td { vertical-align:top; }

sub, sup { font-size:75%; line-height:0; position:relative; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }

button, input, select, textarea { width:auto; margin:0; overflow:visible; font-size:100%; font-family:Arial, Helvetica, sans-serif; vertical-align:baseline; }
textarea { overflow:auto; vertical-align:text-top; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor:pointer; }
input::-moz-focus-inner,
button::-moz-focus-inner { border:0; padding:0; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { border-radius:0; -moz-box-shadow:0; -webkit-box-shadow:0; -ms-box-shadow:0; -o-box-shadow:0; box-shadow:0; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { }
* + html img { -ms-interpolation-mode:bicubic; }

body, select, input, textarea { color:#7C7575; }
h1, h2, h3, h4, h5, h6 { font-weight:100; position:relative; color:#333; }
h1 { font-size:265%; }
h2 { padding:0 0 6px 0; font-size:190%; }
h3 { padding:0 0 3px 0; font-size:155%; }
h4 { font-size:140%; }
h5 { font-size:120%; }
h6 { font-size:100%; }

::-moz-selection { background:#000; color:#fff; text-shadow:none; }
::selection { background:#000; color:#fff; text-shadow:none; }



/* Layout */
#wrapper { width:100%; float:left; position:relative; z-index:1; overflow:hidden; }
.homepage #wrapper { height:100%; }
.container { width:960px; margin:0 auto; position:relative; z-index:0; }



/* Header */
header { width:100%; margin:0 0 80px; float:left; background:#000; left:0; top:0; }
#logo { width:240px; height:80px; float:left; background:url(images/paralax-homepage/homepage/webfactory_logo.png) no-repeat 0 center #000; }
#logo a { width:100%; height:100%; float:left; }
#tagline { margin:27px 0 0 0; float:right; font-weight:100; font-size:140%; font-style:normal; background:#E1E1E1; }
header nav { height:auto !important; height:28px; min-height:28px; margin:0 0 0 0; padding:27px 0 24px 25px; float:right; font-size:80%; }
header nav ul { float:right; }
header nav li { float:left; padding:0 8px 0 14px; list-style:none; font-weight:500; }
* + header nav li { font-weight:300; }
header nav li.active { font-weight:900; }
header nav li.space { width:35px; }
header nav li a,
header nav li a:visited { padding:5px 8px; float:left; text-decoration:none; color:#FFF; }
header nav li a:hover,
header nav li a:focus,
header nav li a:active { color:#FFF; text-decoration:underline; }
header nav select { width:22px; height:18px; display:none; position:absolute; right:10px; top:22px; opacity:0; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
#mobile-menu { width:22px; margin:24px 10px 0 0; float:right; display:none; }
#mobile-menu .icon-bar { width:100%; height:2px; display:block; background:#FFF; border-radius:1px; }
#mobile-menu .icon-bar + .icon-bar { margin-top:4px; }



/* Banners */
#banner { width:100%; float:left; display:inline; background-repeat:no-repeat; background-position:left top; position:relative; z-index:1; }
#banner .content { width:100%; margin:0 auto; position:relative; }
.gt-1140 #banner .content { height:400px; }
.lt-1140 #banner .content { height:343px; }
.lt-980 #banner .content { height:222px; }
.lt-640 #banner .content { height:171px; }
.lt-480 #banner .content { height:115px; }
#banner h1 { float:left; background:#000; color:#FFF; }
.js #banner h1 { position:absolute; }



/* Content */
#content { width:100%; float:left; background:#FFF; position:relative; z-index:2; }
#content article { width:100%; float:left; }



/* Social Media */
.addthis_toolbox { width:90px; height:24px; margin:0 0 -25px 0; float:left; clear:left; -webkit-backface-visibility:hidden; -webkit-perspective:1000; }
.addthis_button_google_plusone { width:24px; position:relative; top:1px; overflow:hidden; z-index:0; }
.addthis_button_google_plusone div { vertical-align:top !important; }
.addthis_button_google_plusone iframe { z-index:0; }
* + html .addthis_button_google_plusone { display:none; }
#_atssh { left:0; top:0; }
.at_a11y { position:absolute; left:-99999px; top:-99999px; }
.visit-external-site a { padding:1px 22px 0 0; display:block; background:url(images/generic/top_right_expand_small.png) no-repeat right center; line-height:16px; color:#000; text-decoration:none; }



/* Footer */
footer { width:100%; margin:80px 0 0; padding:25px 0; float:left; background:#000; font-size:80%; left:0; bottom:0; }
.homepage footer { position:absolute; }
footer ul { margin:0; padding:0; list-style:none; }
footer a { color:#716661; }
footer a:hover,
footer a:focus,
footer a:active { color:#FFF; }
footer .contact { float:left; }
footer .contact li { margin-right:20px; float:left; }
footer .social { float:right; }
footer .social li { margin-left:10px; float:left; }
footer .social a { width:28px; height:28px; float:left; line-height:0; font-size:0; background-image:url(images/paralax-homepage/homepage/social_icons.png); }
footer .social a span { position:absolute; left:-9999px; top:-9999px; }
footer .facebook { background-position:0px 0px; }
footer .facebook:hover,
footer .facebook:focus,
footer .facebook:active { background-position:0px -29px; }
footer .twitter { background-position:-28px 0px; }
footer .twitter:hover,
footer .twitter:focus,
footer .twitter:active { background-position:-28px -29px; }
footer .linkedin { background-position:-84px 0px; }
footer .linkedin:hover,
footer .linkedin:focus,
footer .linkedin:active { background-position:-84px -29px; }
footer .youtube { background-position:-56px 0px; }
footer .youtube:hover,
footer .youtube:focus,
footer .youtube:active { background-position:-56px -29px; }
footer .google-plus { background-position:-112px 0px; }
footer .google-plus:hover,
footer .google-plus:focus,
footer .google-plus:active { background-position:-112px -29px; }
footer .instagram { background-position:-140px 0px; }
footer .instagram:hover,
footer .instagram:focus,
footer .instagram:active { background-position:-140px -29px; }


/* Clearing DIV */
div.clear { width:100%; height:0px; float:left; display:inline; clear:both; position:relative; overflow:hidden; }



/* Accessibility */
.skip-nav,
.accessibility { position:absolute; left:-999999px; top:-999999px; }



/* Imagery */
.img-left { margin:20px 30px 10px -20px; float:left; display:inline; position:relative; }
.img-right { margin:20px -20px 10px 30px; float:right; display:inline; position:relative; }



/* Small Text */
.small-text { font-size:85%; }



/* Typekit */
.js #wrapper,
.wf-loading #wrapper { opacity:0; }
.wf-active #wrapper,
.wf-inactive #wrapper { opacity:1; /*-webkit-transition:0.2s opacity ease-in; -moz-transition:0.2s opacity ease-in; -o-transition:0.2s opacity ease-in; transition:0.2s opacity ease-in;*/ }



/* Masonry */
.masonry,
.masonry .masonry-brick { -webkit-transition-duration:0.7s; -moz-transition-duration:0.7s; -o-transition-duration:0.7s; transition-duration:0.7s; }
.masonry { -webkit-transition-property:height, width; -moz-transition-property:height, width; -o-transition-property:height, width; transition-property:height, width; }
.masonry .masonry-brick { -webkit-transition-property:left, right, top; -moz-transition-property:left, right, top; -o-transition-property:left, right, top; transition-property:left, right, top; }



/* Forms */
form .invalid { -moz-box-shadow:0px 0px 5px red; -webkit-box-shadow:0px 0px 5px red; box-shadow:0px 0px 5px red; }
.no-boxshadow form .invalid { background:#F0DDDD; }
.input { padding:25px 40px; float:left; background:#F3F3F3; position:relative; cursor:text; }
.input input { width:100%; float:left; display:inline; background:none !important; border:none; outline:none; -webkit-box-shadow:none; -webkit-appearance:none; position:relative; box-sizing:content-box; -moz-box-sizing:content-box; -ms-box-sizing:content-box; -webkit-box-sizing:content-box; -webkit-appearance:none; -webkit-border-radius:0; }
.submit input { -webkit-appearance:none; -webkit-border-radius:0; }
[contenteditable] { outline:none; cursor:text; }
form .hp { display: none; }



/* Lightbox */
#lightbox { width:100%; height:100%; float:left; position:fixed; left:0; top:0; z-index:1; display:none; }
#lightbox-container { width:100%; height:100%; float:left; position:relative; }
#lightbox-overlay { width:100%; height:100%; float:left; position:absolute; left:0; top:0; z-index:0; background:#6895B2; }
#lightbox-content { width:800px; margin:80px auto 0 auto; position:relative; z-index:1; }
#lightbox-content-inner { width:640px; padding:45px 80px 80px 80px; float:left; background:#FFF; position:relative; z-index:0; }
#lightbox-close { width:80px; height:80px; background:#B4B4B4; position:absolute; right:0; top:0; z-index:1; }
#lightbox-close button { width:80px; height:80px; padding:0; background:none; outline:none; border:none; cursor:pointer; }



/* Homepage */
.homepage { background:#000; }
.homepage header { margin:0; }
#scenes-loading { width:100%; height:100%; float:left; overflow:hidden; position:absolute; left:0; top:0; /*background:url(images/generic/ajax-loader-black.gif) no-repeat center center;*/ z-index:0; }
#scenes { width:100%; float:left; position:relative; z-index:0; -webkit-transform:translate3d(0,0,0); }
.js #scenes { display:none; }
.scene { width:100%; float:left; position:relative; overflow:hidden; background-repeat:no-repeat; background-size:cover; }
.scene h2 { width:75%; margin:0 0 40px; float:left; color:#FFF; font-size:380%; font-weight:400; line-height:1em; text-shadow: 1px 1px 1px #000; position:static; }
.scene h3 { padding-bottom:40px; color:#FFF; font-size:150%; font-weight:400; line-height:1.3em; }
.scene p { color:#FFF; font-size:115%; font-weight:400; }
.anchor { line-height:0; font-size:0; }
.js .anchor { display:none; }
#featured-scene ul,
#featured-scene li { width:100%; margin:0; padding:0; float:left; list-style:none; position:relative; }
.js #featured-scene ul,
.js #featured-scene li { height:100%; }
.js #featured-scene li { display:none; position:absolute; left:0; top:0; background-repeat:no-repeat; background-size:cover; background-position:center center; }
#featured-scene .container { z-index:1; }
#featured-scene .inner { width:100%; float:left; position:relative; -webkit-transform:translate3d(0,0,0); display:none; }
#featured-scene .img { clear:both; }
#featured-scene .image { margin:0 0 40px; float:left; clear:left; }
#featured-scene .visit { float:left; border:3px solid #FFF; -webkit-border-radius:3px; border-radius:3px; clear:both; }
#featured-scene .visit a { padding:15px 40px; float:left; color:#FFF; text-decoration:none; font-weight:bold; font-size:110%; }
#featured-scene .visit a:hover,
#featured-scene .visit a:focus,
#featured-scene .visit a:active { text-decoration:underline; }
#featured-scene .bg { position:absolute; left:0; top:0; z-index:0; }
#featured-scene .bgwidth { width:100%; height:auto; }
#featured-scene .bgheight { height:100%; height:auto; }




/* Clients */
#client-list { width:100%; float:left; display:inline; background:url(images/clients/clients_bg.gif) repeat-y left top; position:relative; }
#client-list ul { width:100%; margin:0; padding:0; float:left; list-style:none; }
#client-list li { width:159px; height:159px; margin:0 1px 1px 0; padding:0; float:left; display:inline; list-style:none; position:relative; overflow:hidden; }
#client-list li.heading { margin:-1px 0 0 0; width:320px; height:auto; }
#client-list h1 { width:260px; height:277px; padding:22px 30px; float:left; display:inline; color:#FFF; background:#3095A7; position:relative; font-size:220%; line-height:1.2em; }
#client-list h2 { width:262px; height:255px; margin:0 -1px 0 -1px; padding:33px 30px; float:left; display:inline; color:#FFF; background:#527D84; position:relative; font-size:220%; line-height:1.2em; }
#client-list a { width:100%; float:left; }
#client-list a img { float:left; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; background:#D6D6D6; -webkit-transform:perspective(0) rotateY(0deg) translate3d(0px, 0px, 0px); }
#client-list a:hover img { -webkit-transform:perspective(500px) rotateY(20deg) translate3d(0px, 0px, 0px); -moz-transform:perspective(500px) rotateY(20deg); -o-transform:perspective(500px) rotateY(20deg); -ms-transform:perspective(500px) rotateY(20deg); transform:perspective(500px) rotateY(20deg); }
.clients #banner h1 { width:406px; padding:9px 37px 6px 37px; left:0; bottom:0; }
.clients .column-1 { width:320px; padding:70px 80px; float:right; display:inline; background:#FFF; }
.clients .column-2 { width:320px; padding:70px 80px; float:left; display:inline; background:url(images/clients/left_grad.png) repeat-x left bottom #F3F3F3; }
.clients .column-2 section.aside { width:320px; margin:-70px -80px 0 -80px; padding:70px 80px 20px 80px; float:left; display:inline; background:#F3F3F3; position:relative; }
.clients .desktop-view { width:100%; margin:-44px 0 0 0; padding:0 0 30px 0; float:left; position:relative; }
.clients .desktop-view img { width:561px; margin:0 -80px 0 -161px; float:left; display:inline; position:relative; }
.clients .tablet-view { width:100%; margin:-5px 0 0 0; padding:0 0 30px 0; float:left; position:relative; }
.clients .tablet-view img { width:564px; margin:0 -77px 0 -164px; float:left; display:inline; position:relative; }
.clients .laptop-view { width:100%; margin:-5px 0 0 0; padding:0 0 30px 0; float:left; position:relative; }
.clients .laptop-view img { width:638px; margin:0 -73px 0 -238px; float:left; display:inline; position:relative; }
.visit-site { margin:0 auto; padding:10px 0 26px 0; font-size:140%; font-weight:500; }
.visit-site a { padding:23px 30px 23px 30px; display:block; color:#FFF; text-decoration:none; font-size:110%; position:relative; background-image:url(images/clients/icon_clients.gif); background-position:right center; background-repeat:no-repeat; }
.visit-site a:hover { background-color:#000; }
#services-provided { width:100%; padding:0 0 20px 0; float:left; }




/* About Us */
.gt-1140 .about #banner { background-image:url(images/about/1120x400.jpg); }
.lt-1140 .about #banner { background-image:url(images/about/960x343.jpg); }
.lt-980 .about #banner { background-image:url(images/about/620x222.jpg); }
.lt-640 .about #banner { background-image:url(images/about/480x172.jpg); }
.lt-480 .about #banner { background-image:url(images/about/320x281.jpg); }
.lt-640 .about #banner .content { height:252px; overflow:hidden; }
.lt-480 .about #banner .content { height:248px; }
.about #banner h1 { width:266px; height:auto !important; height:36px; min-height:36px; padding:50px 47px 51px 47px; left:0; bottom:0; background:#EC413A; font-size:205%; line-height:1.1em; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity:0.95; opacity:0.95; }
.lt-ie9 .about #banner h1 { bottom:-1px; }
.about #banner ul { width:600px; margin:0; float:left; list-style:none; }
.js .about #banner ul { position:absolute; left:360px; bottom:0; }
.js.lt-ie9 .about #banner ul { bottom:-1px; }
.about #banner li { width:120px; float:left; }
.about #banner li a { width:100px; height:auto !important; height:20px; min-height:20px; padding:64px 10px 53px 10px; float:left; color:#FFF; font-weight:500; font-size:85%; text-align:center; position:relative; text-decoration:none; line-height:1.5em; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity:0.95; opacity:0.95; }
.about #banner li a::-moz-focus-inner { border:0; }
.about #banner li.step-1 a { background:#EB5149; }
.about #banner li.step-1 a:hover,
.about #banner li.step-1 a:focus,
.about #banner li.step-1 a:active,
.about #banner li.step-1 a.active { background:#D62B00; }
.about #banner li.step-2 a { background:#EA615B; }
.about #banner li.step-2 a:hover,
.about #banner li.step-2 a:focus,
.about #banner li.step-2 a:active,
.about #banner li.step-2 a.active { background:#E24000; }
.about #banner li.step-3 a { background:#E8716B; }
.about #banner li.step-3 a:hover,
.about #banner li.step-3 a:focus,
.about #banner li.step-3 a:active,
.about #banner li.step-3 a.active { background:#8D1946; }
.about #banner li.step-4 a { background:#E8807D; }
.about #banner li.step-4 a:hover,
.about #banner li.step-4 a:focus,
.about #banner li.step-4 a:active,
.about #banner li.step-4 a.active { background:#491045; }
.about #banner li.step-5 a { background:#E8908E; }
.about #banner li.step-5 a:hover,
.about #banner li.step-5 a:focus,
.about #banner li.step-5 a:active,
.about #banner li.step-5 a.active { background:#00335E; }
.about #banner li span { position:absolute; right:15px; top:6px; font-size:210%; font-weight:100; }
.about #banner .slides { width:100%; min-height:206px; height:206px; float:left; position:absolute; left:0; top:0; -webkit-transition:-webkit-perspective .4s ease; -moz-transition:-moz-perspective .4s ease; -ms-transition:-ms-perspective .4s ease; -o-transition:-o-perspective .4s ease; transition:perspective .4s ease; -webkit-perspective:600px; -moz-perspective:600px; -ms-perspective:600px; perspective:600px; -webkit-perspective-origin:50% 25%; -moz-perspective-origin:50% 25%; -ms-perspective-origin:50% 25%; perspective-origin:50% 25%; }
.about #banner .slides>section { width:100%; height:206px; min-height:206px; display:none; position:absolute; left:0; top:0; z-index:0; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transition:all 1200ms cubic-bezier(0.260, 0.860, 0.440, 0.985); -moz-transition:all 600ms cubic-bezier(0.260, 0.860, 0.440, 0.985); -ms-transition:all 1200ms cubic-bezier(0.260, 0.860, 0.440, 0.985); -o-transition:all 1200ms cubic-bezier(0.260, 0.860, 0.440, 0.985); transition:all 1200ms cubic-bezier(0.260, 0.860, 0.440, 0.985); z-index:-1; }
.about #banner .slides>section.present { display:block; z-index:2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter:alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity:0.95; opacity:0.95; }
.about #banner .slides>section.past { display:block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transform:translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); -moz-transform:translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); -ms-transform:translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); transform:translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }
.about #banner .slides>section.future { display:block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transform:translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); -moz-transform:translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); -ms-transform:translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); transform:translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }
#about-step-1 { background:#D62B00; }
#about-step-2 { background:#E24000; }
#about-step-3 { background:#8D1946; }
#about-step-4 { background:#491045; }
#about-step-5 { background:#00335E; }
.about #banner .slides>section div { padding:20px 350px 0 90px; font-size:90%; color:#FFF; }
.about #banner .slides>section h2 { color:#FFF; }
.about #content { font-size:80%; line-height:1.65em; }
.about #content div,
.about #content section,
.about #content p,
.about #content span,
.about #content strong,
.about #content a { line-height:1.65em; }
.about #content { background:url(images/about/about_bg_960.gif) repeat-y left top; }
.about div.column-1 { width:320px; padding:53px 80px 70px 80px; float:left; background:#FFF; }
.about div.column-2 { width:360px; padding:53px 60px 70px 60px; float:left; background:#F9F9F9; }
.about div.column-3 { width:880px; padding:53px 40px 70px 40px; float:left; background:#F3F3F3; }
.about #content h2 { padding:0; -webkit-backface-visibility:hidden; -webkit-perspective:1000; }
.about #content .column-1 h2 { background:#FFF; }
.about #content .column-2 h2 { background:#F9F9F9; }
.about #content .column-3 h2 { background:#F3F3F3; }
.about #awards ul { margin-left:0; padding:5px 0 0 0; list-style:none; }
.about #awards li { height:auto !important; height:38px; min-height:38px; padding:0 0 10px 37px; background:url(images/about/awards_smileys.png) no-repeat 0px -26px; }
.about #awards li,
.about #awards li.winner { background-position:-27px 0; }
.about #partners { width:100%; float:left; }
.about #partners ul { width:100%; float:left; margin-left:0; padding:11px 0 0 0; }
.about #partners li { width:160px; padding:30px 0; float:left; display:inline; text-align:center; position:relative; }
#about-our-clients { width:100%; float:left; background:#FFF; border-top:1px solid #CBCBCB; }
#about-our-clients ul { width:100%; margin:0; float:left; list-style:none; }
.about #content #about-our-clients li { width:159px; height:159px; margin:0 1px 0 0; padding:0; float:left; display:inline; list-style:none; position:relative; overflow:hidden; }
.about #content #about-our-clients li.last { display:none; }
.about #content #about-our-clients a { width:100%; float:left; display:inline; text-decoration:none; }
#about-our-clients img { float:left; }



/* Contact */
.contact .google-map { width:100%; height:100%; float:left; display:none; }
.js .contact .google-map { display:block; }
.lt-640 .contact #banner { background-image:url(images/contact/map_480.jpg); }
.lt-480 .contact #banner { background-image:url(images/contact/map_320.jpg); }
.contact h1 { width:320px; padding:10px 40px 6px 40px; left:0; bottom:0; }
.contact #content { background:url(images/contact/contact_bg.gif) repeat-y left top #FFF; }
.contact .column-1 { width:240px; padding:46px 80px; float:left; background:#F3F3F3; }
.contact .column-1 h2 { background:#F3F3F3; -webkit-backface-visibility:hidden; -webkit-perspective:1000; }
.contact .column-1 p { padding-bottom:25px; }
.contact .column-2 { width:400px; height:auto !important; height:0; min-height:0; padding:60px 80px 80px 80px; float:left; background:#FFF; -webkit-backface-visibility:hidden; -webkit-perspective:1000; }
.contact .column-2 .input { width:320px; margin:0 0 80px 0; }
.contact .column-2 .input input { height:auto !important; height:30px; min-height:30px; padding:0; line-height:30px; }
.contact .column-2 .submit { float:right; }
.contact .column-2 .submit input { width:240px; height:80px; padding:0; background:#EC413A; border:none; color:#FFF; font-size:150%; font-weight:900; }
.contact .column-2 .submit input:hover,
.contact .column-2 .submit input:focus,
.contact .column-2 .submit input:active { background:#000; }
.contact .column-2 .hint { position:absolute; left:40px; top:25px; -webkit-transition:-webkit-transform 0.5s; -moz-transition:-moz-transform 0.5s; -o-transition:-o-transform 0.5s; -ms-transition:-ms-transform 0.5s; transition:transform 0.5s; background:#F3F3F3; -webkit-backface-visibility:hidden; -webkit-perspective:1000; }
.contact .column-2 .input .hint { line-height:30px; }
.no-boxshadow form .invalid .hint { background:#F0DDDD; }
.contact .column-2 .hint-out { -webkit-transform:scale3d(0,0,0); -moz-transform:scale3d(0,0,0); -o-transform:scale3d(0,0,0); -ms-transform:scale3d(0,0,0); transform:scale3d(0,0,0); }
#contact-query { width:320px; height:150px; max-height:150px; margin:0 0 40px 0; padding:25px 40px; float:left; background:#F3F3F3; overflow:auto; position:relative; cursor:text; }
.no-boxshadow #contact-query.invalid { background:#F0DDDD; }
#contact-query div { width:100%; height:auto !important; height:150px; min-height:150px; float:left; display:none; }
.js #contact-query div { display:block; }
#contact-query textarea { width:100%; height:140px; padding:0; resize:none; }
.js #contact-query textarea { display:none; }
.displayinline {display: inline; padding: 2px 0 0 0;}
#addcb {width: 20px; float: left; margin: 0;}
.message { float:left; padding: 0 5px 0; margin: 0; width: 300px;}


/* News */
.gt-1140 .news #banner { background-image:url(images/news/news_1120.jpg); }
.lt-1140 .news #banner { background-image:url(images/news/news_960.jpg); }
.lt-980 .news #banner { background-image:url(images/news/news_620.jpg); }
.lt-640 .news #banner { background-image:url(images/news/news_480.jpg); }
.lt-480 .news #banner { background-image:url(images/news/news_320.jpg); }
.news h1 { width:240px; padding:10px 40px 6px 40px; left:0; bottom:0; }
.news #content { background:url(images/news/news_bg.gif) repeat-y right top #FFF; }
.news #content article { width:500px; padding:45px 60px 45px 80px; float:left; background:#FFF; position:relative; overflow:hidden; }
.news #content article h2 { background:#FFF; -webkit-backface-visibility:hidden; -webkit-perspective:1000; }
.news .ajax-loader { width:100%; height:32px; float:left; background:url(images/generic/ajax-loader.gif) no-repeat center center; display:none; }
.js .news .ajax-loader { display:block; visibility:hidden; }
.news aside { width:215px; padding:45px 45px 45px 60px; float:right; background:#F3F3F3; }
.news aside section { padding:0 0 40px 0; }
.news aside h2,
.news aside h3 { background:#F3F3F3; -webkit-backface-visibility:hidden; -webkit-perspective:1000; }
.news aside h3 { padding:15px 0 10px 0; font-size:115%; color:#000; font-weight:500; line-height:1.3em; }
#news-items { width:100%; margin:0; padding:0 0 20px 0; float:left; list-style:none; position:relative; }
#news-items li { width:400px; padding:33px 60px 33px 40px; float:left; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -webkit-perspective:1000; }
#news-items li.full { width:100% !important; padding:33px 0 !important; }
#news-items li.ajax { visibility:hidden; }
.js #news-items li { cursor:pointer; }
.js #news-items li.open,
.js #news-items li.full { cursor:auto; }
#news-items li.clone,
#news-items li.clone-open { position:absolute; left:0; top:0; visibility:hidden; }
#news-items .odd {}
#news-items img { margin:7px 40px 7px 0; float:left; display:inline; position:relative; z-index:1; }
#news-items h3 { padding:0 0 10px 0; color:#000; font-size:185%; line-height:1.15em; background-color:#FFF; -webkit-backface-visibility:hidden; -webkit-perspective:1000; }
#news-items .content { background-color:#FFF; display:inline; -webkit-backface-visibility:hidden; -webkit-perspective:1000; }
* + html #news-items .content { display:inline-block; }
#news-items .odd .content {}
.js #news-items .content { position:absolute; left:-999999px; top:-999999px; }
.js #news-items .open .content,
.js #news-items .clone-open .content,
.js #news-items .full .content { position:static; left:0; top:0; }
#news-items .addthis_toolbox { margin-left:-9999999px; position:relative; z-index:1; }
#news-items .full .addthis_toolbox,
#news-items .opened .addthis_toolbox { margin-left:0; }
#news-items .clear { height:20px; }
#news-items .visit-external-site { width:100%; margin:0 0 -20px 0; float:left; display:inline; position:relative; z-index:1; background-color:#FFF; -webkit-backface-visibility:hidden; -webkit-perspective:1000; }
.js #news-items .visit-external-site { width:auto; margin:0 0 0 106px; }
* + html.js #news-items .visit-external-site { position:absolute; left:13px; top:220px; }
#news-items .visit-external-site a { float:left; }
#news-items .date { padding:10px 40px 0 0; color:#000; text-align:right; font-size:80%; background-color:#FFF; -webkit-backface-visibility:hidden; -webkit-perspective:1000; }
#news-items button { width:40px; height:40px; padding:0; display:none; background:url(images/news/button_moreLess40.jpg) no-repeat center top; overflow:visible; box-sizing:content-box; -moz-box-sizing:content-box; -ms-box-sizing:content-box; -webkit-box-sizing:content-box; outline:none; border:none; position:absolute; right:0; top:37px; }
.js #news-items button { display:block; }
#news-items .open button { background-position:center bottom; }
#news-items button span { position:absolute; left:-999999px; top:-999999px; }
.news-controls { width:100%; padding:40px 0 0 0; float:left; }
.js .news-controls { display:none; }
.news-controls a { width:100px; padding:10px; display:block; text-align:center; text-decoration:none; background:#000; color:#FFF; }
.news-controls a:hover,
.news-controls a:focus,
.news-controls a:active { text-decoration:underline; }
.news-controls .prev { float:left; }
.news-controls .next { float:right; }



/* Services */
.gt-1140 .services #banner { background-image:url(images/services/services_1120.jpg); }
.lt-1140 .services #banner { background-image:url(images/services/services_960.jpg); }
.lt-980 .services #banner { background-image:url(images/services/services_620.jpg); }
.lt-640 .services #banner { background-image:url(images/services/services_480.jpg); }
.lt-480 .services #banner { background-image:url(images/services/services_320.jpg); }
.services h1 { width:400px; padding:10px 40px 6px 40px; left:0; bottom:0; }
.services #content section { width:100%; float:left; font-size:85%; position:relative; overflow:hidden; border-bottom:80px solid #FFF; }
.services #content section.odd { background:#F8F8F8; border-bottom:80px solid #F8F8F8; }
.services #content section.intro,
.js .services #content section.intro { width:auto; padding:50px 80px; float:none; font-size:110%; border:none; display:block; }
.js .services #content section.expandable { height:320px; }
.js .services #content section.expandable-auto { height:auto; }
.services #content section div.column-1 { width:480px; padding:60px 80px 0 80px; float:right; background:#F8F8F8; }
.services #content section div.column-1 h2 { background:#F8F8F8; -webkit-backface-visibility:hidden; -webkit-perspective:1000; font-size:180%; }
.services #content section.even div.column-1 { float:left; background:#FFF; }
.services #content section.even div.column-1 h2 { background:#FFF; }
.services #content section div.column-2 { width:320px; float:right; display:inline; }
.services #content section.odd div.column-2 { float:left; }
.services #content div.column-2 ul { width:100%; margin:0; float:left; list-style:none; }
.services #content div.column-2 li { width:160px; height:160px; float:left; padding:0; position:relative; overflow:hidden; background-repeat:no-repeat; }
.services #content div.column-2 li a { width:160px; height:160px; float:left; text-decoration:none; border:none; }
.js .services div.column-1 .hidden { visibility:hidden; -webkit-backface-visibility:hidden; -webkit-perspective:1000; position:relative; z-index:0; background:#FFF; }
.js .services .odd div.column-1 .hidden { background:#F8F8F8; }
.services .more { width:160px; height:80px; position:absolute; right:80px; bottom:0; background:#000; display:none; }
.services .even .more { right:auto; left:400px; }
.js .services .more { display:block; }
.services .more button { width:100%; height:100%; background:none; border:none; outline:none; cursor:pointer; color:#FFF; font-size:190%; font-weight:500; }
.services .less { background:#A9A9A9; }
#services-strategy div.column-2 li { background-image:url(images/services/strategy.jpg); }
#services-user-experience div.column-2 li { background-image:url(images/services/User.jpg); }
#services-technology div.column-2 li { background-image:url(images/services/tech.jpg); }
#services-marketing div.column-2 li { background-image:url(images/services/marketing.jpg); }
#services-creative-services div.column-2 li { background-image:url(images/services/creative.jpg); }
.services #content div.column-2 li.column-1 { background-position:0px 0px; }
.services #content div.column-2 li.column-2 { background-position:-160px 0px; }
.services #content div.column-2 li.column-3 { background-position:-320px 0px; }
.services #content div.column-2 li.column-4 { background-position:0px -160px; }
.services #content div.column-2 li.column-5 { background-position:-160px -160px; }
.services #content div.column-2 li.column-6 { background-position:-320px -160px; }
.services #content div.column-2 li.column-7 { background-position:0px -320px; }
.services #content div.column-2 li.column-8 { background-position:-160px -320px; }
.services #content div.column-2 li.column-9 { background-position:-320px -320px; }
#services-strategy li.column-3,
#services-strategy li.column-4,
#services-strategy li.column-5,
#services-strategy li.column-9,
#services-user-experience li.column-1,
#services-user-experience li.column-2,
#services-user-experience li.column-6,
#services-user-experience li.column-7,
#services-user-experience li.column-9,
#services-technology li.column-2,
#services-technology li.column-4,
#services-technology li.column-6,
#services-technology li.column-8,
#services-marketing li.column-1,
#services-marketing li.column-4,
#services-marketing li.column-6,
#services-marketing li.column-7,
#services-marketing li.column-8,
#services-marketing li.column-9 { display:none; }



/* Login */
.login h1 { width:400px; padding:10px 40px 6px 40px; left:0; bottom:0; }
.login article { padding:30px 0 50px 0; }
#login { width:320px; margin:0 auto; }
#lightbox #login { width:100%; height:auto !important; height:515px; min-height:515px; float:left; }
#login h2 { font-weight:100; font-size:190%; }
#login form { width:100%; float:left; }
#lightbox #login form { padding:60px 0 0 0; }
#login .input { width:300px; margin:0 0 20px 0; padding:10px; float:left; }
#lightbox #login .input { width:560px; margin:0 0 80px 0; padding:25px 40px }
#login .input input { height:auto !important; height:20px; min-height:20px; padding:0; line-height:20px; }
#lightbox #login .input input { height:auto !important; height:30px; min-height:30px; line-height:30px; }
#login .submit { width:160px; margin:10px 80px 0 80px; padding:0; float:left; }
#lightbox #login .submit { width:auto; margin:0; float:right; }
#login .submit input { width:100%; height:60px; padding:0; background:#25A0FE; border:none; color:#FFF; font-size:130%; font-weight:900; }
#lightbox #login .submit input { width:240px; height:80px; font-size:150%; }
#login .submit input:hover,
#login .submit input:focus,
#login .submit input:active { background:#000; }
#login .hint { position:absolute; left:10px; top:10px; -webkit-transition:-webkit-transform 0.5s; -moz-transition:-moz-transform 0.5s; -o-transition:-o-transform 0.5s; -ms-transition:-ms-transform 0.5s; transition:transform 0.5s; background:#F3F3F3; }
#lightbox #login .hint { left:40px; top:25px; }
#login .input .hint { line-height:20px; }
#lightbox #login .input .hint { line-height:30px; }
#login .hint-out { -webkit-transform:scale3d(0,0,0); -moz-transform:scale3d(0,0,0); -o-transform:scale3d(0,0,0); -ms-transform:scale3d(0,0,0); transform:scale3d(0,0,0); }




/* Screen - 320-480 */
@media only screen and (min-width:320px) and (max-width:479px) {
	body { min-height:520px; }
	#wrapper { min-width:320px; }
	.container,
	#banner .content { width:320px; }
	.lt-640 #banner .content { height:181px; }
	#banner h1 { width:280px; min-height:50px; padding:10px 20px 6px; font-size:200%; }
	#logo { height:60px; margin:0 0 0 10px; }
	#tagline,
	header nav ul { display:none; }
	header,
	footer { margin:0; }
	.homepage footer { margin-top:-1px; position:relative; display:none; }
	#mobile-menu,
	header nav select { display:block; }
	header nav { padding:0 0 20px; }
	footer .contact { width:150px; padding:0 0 0 10px; font-size:95%; }
	footer .social { padding-right:10px; }
	footer .social li { margin-left:2px; }
	.scene h2 { width:auto; margin:10px 10px 20px; float:none; font-size:200%; }
	#featured-scene .image,
	#featured-scene .visit { width:auto; margin:0 0 20px 10px; clear:both; }
	#featured-scene .visit { margin-bottom:0; }
	#featured-scene .visit a { font-size:105%; }
	#featured-scene .image img { width:85px; height:auto; }	
	.about #banner li { width:106px; }
	.about #banner li a { width:86px; }
	.about #banner .slides,
	.about #banner .slides>section { height:172px; min-height:172px; }
	.about #banner .slides>section div { padding:10px; font-size:70%; }
	.about #banner h1 { width:300px; padding:20px 10px; font-size:190%; z-index:1; }
	.clients #banner h1 { width:300px; padding:9px 10px 6px 10px; font-size:180%; }
	.clients .column-1,
	.clients .column-2,
	.about div.column-1,
	.about div.column-2,
	.about div.column-3 { width:300px; padding:20px 10px; }
	.about #partners li { width:150px; height:120px; padding:0; }
	.about #partners li img { position:absolute; left:-7px; top:10px; }
	.news #content aside { width:280px; padding:30px 20px; }
	.news #content article { width:300px; padding:30px 0px 30px 20px; }
	#news-items .date { padding-right:0; }
	.clients .column-2 section.aside { width:100%; margin:0; padding:0; float:left; background:none; }
	.clients .desktop-view,
	.clients .desktop-view img,
	.clients .tablet-view,
	.clients .tablet-view img,
	.clients .laptop-view,
	.clients .laptop-view img,
	.contact .google-map iframe { display:none; }
	#news-items li { width:260px; padding-left:0; padding-right:40px; }
	#news-items h3 { padding:0 5px 10px 0; font-size:120%; }
	#news-items img { max-width:100px; margin-right:20px; }
	.news aside section { padding:0; }
	.contact .column-1 { font-size:80%; }
	.contact .column-1,
	.contact .column-2 { width:240px; padding:30px 40px; }
	.contact .address { float:left; }
	.contact .contact_details { float:right; text-align:right; }
	.contact .column-2 .input,
	#contact-query { width:160px; }
	#contact-information { width:250px; padding:25px; }
	#company-number { width:250px; padding:0 25px 25px 25px; position:relative; right:0; bottom:0; text-align:left; }
	.img-left,
	.img-right { width:100%; margin:20px 0; float:left; text-align:center; }
	.services #content section div.column-2 { width:100%; }
	.services #content section.intro,
	.js .services #content section.intro { padding:20px; font-size:100%; }
	.services #content section,
	.services #content section.odd { border-bottom-width:0; }
	.services #content section div.column-1 { width:280px; padding:20px; }
	.services .more,
	.services .even .more { right:0; left:auto; top:0; width:80px; height:40px; }
	.services .more button { font-size:110%; }
	.js .services #content section.expandable { height:270px; }
	.js .services #content section.expandable-auto { height:auto; }
}



/* Screen - 480-640 */
@media only screen and (min-width:480px) and (max-width:639px) {
	#wrapper { min-width:480px; }
	.container,
	#banner .content { width:480px; }
	#logo { height:60px; margin:0 0 0 10px; }
	#tagline,
	header nav ul,
	.contact .google-map iframe,
	.homepage .video,
	.about #banner h1 { display:none; }
	header,
	footer { margin:0; }	
	.homepage footer { margin-top:-1px; position:relative; display:none; }
	#mobile-menu,
	header nav select { display:block; }
	header nav { padding:0 0 20px; }
	footer .contact { width:150px; padding:0 0 0 10px; font-size:95%; }
	footer .social { padding-right:10px; }
	footer .social li { margin-left:8px; }
	.scene h2 { width:auto; margin:10px 10px 20px; float:none; font-size:200%; }
	#featured-scene .image,
	#featured-scene .visit { width:auto; margin:0 0 20px 10px; clear:left; }
	#featured-scene .visit { margin:0 10px 20px; float:right; clear:none; }
	#featured-scene .visit a { font-size:105%; }
	#featured-scene .image img { width:85px; height:auto; }	
	#banner h1 { font-size:170%; line-height:1.2em; }
	.about #banner ul,
	.services #content section div.column-2 { width:100%; }
	.js .about #banner ul { left:0; }
	.about #banner li { width:96px; font-size:90%; }
	.about #banner li a { width:76px; padding:30px 10px; }
	.about #banner li span { font-size:115%; right:10px; }
	.about #banner .slides,
	.about #banner .slides>section { height:173px; min-height:173px; }
	.about #banner .slides>section div { padding:10px 30px 0 30px; font-size:75%; }	
	.about #banner .slides>section div h2 { padding:0; }
	.clients #banner h1 { font-size:210%; }
	.clients .column-1,
	.clients .column-2,
	.clients .column-2 section.aside,
	.about div.column-1,
	.about div.column-2,
	.about div.column-3 { width:460px; padding:20px 10px; }
	.clients .column-2 section.aside { width:100%; margin:0; padding:0; float:left; background:none; }
	.clients .desktop-view,
	.clients .tablet-view,
	.clients .laptop-view { display:inline; }
	.clients .desktop-view img { margin-left:-90px; margin-right:-90px; display:inline; }
	.clients .tablet-view img { margin-left:-90px; margin-right:-90px; display:inline; }
	.clients .laptop-view img { margin-left:-90px; margin-right:-90px; display:inline; }
	#contact-information,
	.news #content aside { width:430px; padding:25px; }
	.news #content article { width:450px; padding:25px 5px 25px 25px; }
	#news-items li { width:390px; padding-left:20px; padding-right:40px; }
	#news-items h3 { font-size:150%; }
	#news-items img { max-width:100%; margin-right:40px; }
	#news-items .date { padding-right:0; }
	.news aside section { padding:0; }
	.contact .column-1,
	.contact .column-2 { width:400px; padding:30px 40px; font-size:100%; }
	.contact .address { float:left; }
	.contact .contact_details { float:right; text-align:left; }
	.contact .column-2 .input,
	#contact-query { width:320px; }
	#contact-information { width:430px; padding:25px; }
	#company-number { width:430px; padding:0 25px 25px 25px; position:relative; right:0; bottom:0; text-align:left; }
	.img-left,
	.img-right { width:100%; margin:20px 0; float:left; text-align:center; }
	.services #content section.intro,
	.js .services #content section.intro { padding:40px; font-size:100%; }
	.services #content section,
	.services #content section.odd { border-bottom-width:0; }
	.services #content section div.column-1 { width:400px; padding:40px; }
	.services .more,
	.services .even .more { right:0; left:auto; top:0; width:110px; height:55px; }
	.services .more button { font-size:140%; }
	.js .services #content section.expandable { height:250px; }
	.js .services #content section.expandable-auto { height:auto; }
}



/* Screen - 640-1024 */
@media only screen and (min-width:640px) and (max-width:979px) {
	.container { width:620px; }
	#tagline { font-size:105%; }
	header nav { padding-left:15px; }
	header nav li { padding:0 3px; }
	header nav li.space { display:none; }
	header nav li a,
	header nav li a:visited { padding-left:3px; padding-right:3px; }
	footer .contact li { float:none; }
	#banner .content { width:620px; }	
	.contact .column-2 .input,
	#contact-query { width:380px; }	
	.about #banner h1 { width:190px; height:auto !important; min-height:24px; padding:5px 29px; font-size:130%; }
	.js .about #banner h1 { bottom:86px; }
	.about #banner ul,
	.services #content section div.column-2 { width:100%; }
	.js .about #banner ul { left:0; }
	.about #banner li { width:124px; }
	.about #banner li a { width:104px; padding:33px 10px; }
	.about #banner li span { font-size:130%; }
	.about #banner .slides,
	.about #banner .slides>section { height:136px; min-height:136px; }
	.about #banner .slides>section div { padding:10px 30px 0 30px; font-size:80%; }
	.about #banner .slides>section div h2 { padding:0; }
	.news aside { width:520px; padding:45px 50px; }
	.news #content article { width:540px; padding:45px 30px 45px 50px; }
	.clients .column-1,
	.clients .column-2,
	.clients .column-2 section.aside,
	.about div.column-1,
	.about div.column-2,
	.about div.column-3 { width:460px; padding-left:80px; padding-right:80px; }
	.clients .desktop-view img { margin-left:-21px; margin-right:-80px; }
	.clients .tablet-view img { margin-left:-24px; margin-right:-80px; }
	.clients .laptop-view img { margin-left:-98px; margin-right:-80px; }
	#client-list { width:640px; margin-right:-20px; background-position:-500px 0; }
	.news aside section { padding:0; }
	#news-items li { width:440px; }
	.contact .column-1,
	.contact .column-2,
	.services #content section div.column-1 { width:460px; }
	.contact .address { float:left; }
	.contact .contact_details { float:right; }
	#contact-information,
	#company-number { width:220px; }
	.services #content section,
	.services #content section.odd { border-bottom-width:0; }
	.services .more,
	.services .even .more { right:0; left:auto; top:0; width:130px; height:70px; }
	.services .more button { font-size:170%; }	
	.js .services #content section.expandable { height:270px; }
	.js .services #content section.expandable-auto { height:auto; }
}



/* Screen - 1024-1120 */
@media only screen and (min-width:980px) {
	.container,
	#banner .content { width:960px; }
}



/* Screen - over 1120 */
@media only screen and (min-width:1140px) {
	.container,
	#banner .content { width:1120px; }
	#services-strategy li.column-3,
	#services-strategy li.column-4,
	#services-strategy li.column-5,
	#services-strategy li.column-9,
	#services-user-experience li.column-1,
	#services-user-experience li.column-2,
	#services-user-experience li.column-6,
	#services-user-experience li.column-7,
	#services-user-experience li.column-9,
	#services-technology li.column-2,
	#services-technology li.column-4,
	#services-technology li.column-6,
	#services-technology li.column-8,
	#services-marketing li.column-1,
	#services-marketing li.column-4,
	#services-marketing li.column-6,
	#services-marketing li.column-7,
	#services-marketing li.column-8 { display:block; }
	.about #content #about-our-clients li.last { display:inline; }
	.clients .column-1,
	.contact .column-2 .input,
	#contact-query,
	.services #content section div.column-2 { width:480px; }
	.about #banner h1 { width:246px; height:auto !important; height:33px; min-height:33px; padding:65px 27px 62px 47px; font-size:155%; }
	.about #banner ul { width:800px; }
	.js .about #banner ul { left:320px; }
	.about #banner li { width:160px; }
	.about #banner li a { padding:70px 30px; }
	.about #banner li span { font-size:260%; }
	.about #banner .slides,
	.about #banner .slides>section { height:240px; min-height:240px; }
	.about #banner .slides>section div { padding:30px 420px 0 90px; font-size:100%; }
	.about #content { background:url(images/about/about_bg_1120.gif) repeat-y left top; }
	.about div.column-2 { width:280px; }
	.about div.column-3 { width:160px; }
	.about #partners li { border-top:2px solid #FFF; }
	.contact .column-2,
	#news-items li { width:560px; }
	.news #content article { width:660px; }
}



/* iPad - portrait */
@media (max-device-width:768px) and (orientation:portrait) {
}



/* iPad - landscape / Samsung GALAXY Tab */
@media (max-device-width:1024px) and (orientation:landscape) {
}



/* Dell Streak 7 */
@media (max-device-width:800px) {
/* IPAD SIZE */
}



/* Motorola Xoom */
@media (max-device-width:1280px) {
}



/* Style adjustments for print */
@media print {
	* { background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important;
  -ms-filter:none !important; }
  	a, a:visited { color:#444 !important; text-decoration:underline; }
	a[href]:after { content:" (" attr(href) ")"; }
	abbr[title]:after { content:" (" attr(title) ")"; }
	a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
	pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
	thead { display:table-header-group; }
	tr, img { page-break-inside:avoid; }
	img { max-width:100% !important; }
	@page { margin:0.5cm; }
	p, h2, h3 { orphans:3; widows:3; }
	h2, h3{ page-break-after:avoid; }
}


/* CSS Document for Clients Page - Irish Water */

/* Banners */
.gt-1140 #banner { background-image:url(images/clients/dacia/dacia_banner_1120.jpg); }
.lt-1140 #banner { background-image:url(images/clients/dacia/dacia_banner_960.jpg); }
.lt-980 #banner { background-image:url(images/clients/dacia/dacia_banner_620.jpg); }
.lt-640 #banner { background-image:url(images/clients/dacia/dacia_banner_480.jpg); }
.lt-480 #banner { background-image:url(images/clients/dacia/dacia_banner_320.jpg); }



/* Visit the site */
.visit-site a { background-color: #053894; }