/*

	V did this.

*/

@font-face {
	font-family: 'Helvetica Neue Light';
	src: url('fonts/helveticaneuelight-webfont.eot');
	src: local('☺'), url('fonts/helveticaneuelight-webfont.woff') format('woff'), url('fonts/helveticaneuelight-webfont.ttf') format('truetype'), url('fonts/helveticaneuelight-webfont.svg#webfontQWqBBefE') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Helvetica Neue Bold';
	src: url('fonts/helveticaneuebold-webfont.eot');
	src: local('☺'), url('fonts/helveticaneuebold-webfont.woff') format('woff'), url('fonts/helveticaneuebold-webfont.ttf') format('truetype'), url('fonts/helveticaneuebold-webfont.svg#webfontrmIO9ew9') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Helvetica Neue';
	src: url('fonts/helveticaneue-webfont.eot');
	src: local('☺'), url('fonts/helveticaneue-webfont.woff') format('woff'), url('fonts/helveticaneue-webfont.ttf') format('truetype'), url('fonts/helveticaneue-webfont.svg#webfontbpwGnnBy') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face { font-family: Chalkduster; src: url(fonts/Chalkduster.ttf); }

html,body{ background:#2b3136; padding:0; margin:0; font-family: Helvetica Neue Light, Helvetica, Arial, san-serif; height:101%; }

#wrap0 { text-align:left; }
#wrap1 { background:#fff url(../resources/bg_content.jpg) top left repeat-x; display:table; width:100%; min-height:500px; _height:500px; }
.content { width:944px; margin-left:auto; margin-right:auto; }

.clearLeft { clear:left; }
.clearRight { clear:right; }
.clearBoth { clear:both; }

strong { font-family: Helvetica Neue Bold; font-weight:lighter; color:#585858; }

h1 { font-family: Georgia, Times New Roman, Serif; font-weight:normal; font-size:22px; line-height:25px; font-style:italic; color:#1a1a1a; }
h1 .emphasis { color:#6b7987; }
/* h2 { font-family: Georgia, Times New Roman, Serif; font-weight:normal; font-size:32px; font-style:italic; color:#585858; padding:0; margin:0; border-bottom:1px solid #c1c1c1; } */
h2 { font-family: Georgia, Times New Roman, Serif; font-weight:normal; font-size:30px; font-style:italic; color:#585858; padding:0; margin:0; }
/* h3 { font-family: Georgia, Times New Roman, Serif; font-weight:normal; font-size:18px; font-style:italic; color:#1a1a1a; padding:40px 0px; margin:0px 0px 20px 0px; border-bottom:1px solid #c1c1c1; } */
h3 { font-family: Georgia, Times New Roman, Serif; font-weight:normal; font-size:18px; font-style:italic; color:#1a1a1a; padding:20px 0px; margin:0px 0px 20px 0px; }
h3 a { background:#ffffcc; color:#1a1a1a; text-decoration:inherit; }
h3 a:hover { background:#ccc; }
h4 { font-family: Georgia, Times New Roman, Serif; font-weight:normal; font-size:18px; font-style:italic; color:#1a1a1a; padding:20px 0px; margin:0; }
h4 a { background:#ffffcc; color:#1a1a1a; text-decoration:inherit; }
h4 a:hover { background:#ccc; }
h5 { font-family: Georgia, Times New Roman, Serif; font-weight:normal; font-size:27px; line-height:25px; color: #d67214; }
h6 { font-family: Georgia, Times New Roman, Serif; font-weight:normal; font-size:16px; font-style:italic; color:#666666; padding-bottom:3px; padding-top:8px; margin:0; }

.onecol h2 { margin-bottom:20px; }

hr { display:none; }
/* .hr { border-bottom:1px solid #c1c1c1; padding-top:20px; margin-bottom:20px; } */
.hr { border-bottom:0px ; padding-top:20px; margin-bottom:0px; }

#contact { background:#ffd33e; border-top:23px solid #ffc000; font-family:Helvetica Neue Light; padding:30px 0px; margin-top:-420px; }
#contact h3 { font-weight:normal; font-size:18px; color:#333333; border-bottom:1px solid #d1ae37; padding:16px 0px 4px 0px; }
#contact h3 span { font-weight:bold; }
#contact .touch1 { float:left; width:200px; }
#contact .touch2 { float:right; }
#contact .addresses { float:left; width:302px; font-size:13px; color:#1a1a1a; }
#contact .address { margin-bottom:30px; line-height:18px; }
#contact .address a { font-family:Helvetica Neue; color:#1a1a1a; text-decoration:none; }
#contact .address a:hover { background:#ffc000; }
#contact .form { float:right; width:606px; }
#contact .form input, a.send { background:#ffc000; border:0; font-size:16px; padding:4px 12px; margin:5px 0px; }
#contact .form input.send, a.send { background:#333; color:#fff; font-size:14px; width:80px; margin-top:25px; }
#contact .form input.send:hover, a.send:hover { background:#999966; }
#contact .form input.cancel { background:#999966; color:#fff; font-size:14px; width:80px; margin-right:1px; margin-top:25px; }
#contact .form input.cancel:hover { background:#999966; }
#contact .form textarea { background:#ffc000; border:0; height:215px; width:318px; overflow:hidden; padding:16px; font-size:16px; }
#contact .form .ta { width:350px; background:#ffd33e url(../resources/bg-contact-form.jpg) bottom left repeat-x; padding:0px 0px 11px 0px; }
#contact .form .touch1 span { display:block; }
 
#hd0 { background:#ffc000; display:table; width:100%; height:23px; overflow:hidden; font-family: Georgia, Times New Roman, Serif; font-size:14px; color:#333; text-align:right; }
#hd0 a { background:#ffd33e; color:#333; text-decoration:none; padding:4px; }
#hd0 a:hover { background:#fff; }
#hd0 .emphasis { font-weight:bold; font-style:italic; }
#hd0 .touch { padding:3px; display:block; height:18px; }

#hd1 { background:#2b3139 url(../resources/bg-hd1.jpg) top left repeat-x; display:table; width:100%; height:141px; border-bottom:2px solid #191919; }
#hd1 ul { padding:0; margin:0; }

#ie6 { display:none; _display:block; width:100%; color:white; background:#33ccff; padding:8px 0px; margin:0px; }
#ie6 .content { display:table; }
#ie6 img { float:right; margin-left:4px; }
#ie6 .message { float:left; }

#logo { float:left; margin-top:45px; margin-left:-10px; }
#nav { float:right; margin-top:71px; }
#nav ul li { display:inline; float:left; font-size:16px; }
#nav ul li a { display:block; padding:8px 12px; background:url(../resources/bg_nav_new.png) no-repeat right; color:#BBBBBB; text-decoration:none; }
#nav ul li a:hover { color:#FFFFFF; }
#nav ul li.highlight a { background:#1f2022 url(../resources/bg_nav_hover.jpg); }

#bd .content { padding:50px 0px; }
#bd .sidebar { float:left; width:302px; }
#bd .maincolumn { float:right; width:606px; }
#bd .maincolumn p { font-family: Helvetica Neue Light, Helvetica, Arial, san-serif; font-size:14px; line-height:22px; }

#bd p a:link, #bd p a:visited, #bd .maincolumn li a, .contentBlock a { color:#1a1a1a; text-decoration:none; border-bottom:1px #bababa solid; }
#bd p a:active, #bd p a:hover, #bd .maincolumn li a:hover { border-bottom:1px solid #1a1a1a; }

#bd .maincolumn ul { margin:0px 0px 20px 0px; padding:0px; }
#bd .maincolumn li { list-style-image:url(../resources/list-circle.png); list-style-position: inside; font-size:14px; line-height:22px; }

#bd .sidebar ul { margin:35px 0px 0px 0px; padding:0; font-size:18px; }
#bd .sidebar li { list-style:none; margin:0px 0px 10px 0px; padding:0; }

#bd ul.prodetails { margin:0px 0px 20px 0px; padding:0px; }
#bd ul.prodetails li { margin:0; list-style-image:url(../resources/list-circle.png); list-style-position: inside; font-size:13px; line-height:22px; }
#bd ul.prodetails p { list-style-position: inside; font-size:16px; margin-bottom:6px; color:#333333; }

#bd .sidebar a:link, #bd .sidebar a:visited { color:#bababa; text-decoration:none; border-bottom:0px #bababa solid; }
#bd .sidebar a:active, #bd .sidebar a:hover { color:#1a1a1a; border-bottom:1px solid #1a1a1a; }

.block#dl { background:transparent url(../resources/icon-download.png) 0px 8px no-repeat; padding:5px 5px 5px 50px; }
.block#dl:hover { background:transparent url(../resources/icon-download1.png) 0px 8px no-repeat; }
.block#dl .dlink { font-size:18px; font-family: Helvetica Neue Light, Helvetica, Arial, san-serif; }
.block#dl .dlink a { color:#6e6e6e;}
.block#dl a:hover { border:0; }

.block#clients { background:transparent url(../resources/bg-clients-shadow-n.png) top right no-repeat; width:988px; margin-left:-33px; }
.block#clients ul { margin:0px 0px 0px 33px; padding:0px; background:#fff url(../resources/bg-clients.png) top center no-repeat; width:944px; height:555px; overflow:hidden; }
.block#clients li { margin:0; padding:24px 10px 6px 10px; float:left; list-style:none; border:0px solid red; }
.block#clients li img:hover { cursor:pointer; }

.block#lang { font-family: Georgia, Times New Roman, Serif; font-weight:normal; font-size:22px; line-height:25px; font-style:italic; color:#cccccc; float:right; margin:180px 0px 0px 0px; }
.block#lang a { color:#cccccc; text-decoration:none; }
.block#lang a:hover { color:#6b7987; } 
.block#lang ul { padding:0; margin:0; }
.block#lang li { list-style:none; float:left; display:inline; margin-left:10px; }

.block#casestudies { clear:both; margin:0; display:table; }
.block#casestudies a { text-decoration:none; cursor:pointer; }
.block.cs { background:#f6f6f6; height:310px; width:301px; float:left; display:inline-table; margin-right:17px; padding:1px; }
.block.cs:hover { border:1px solid #ccc; padding:0; }
.block.cs p { padding:10px; line-height:18px; color:#000000; }
.block.cs.last { margin-right:0px; }

.cs1 { border:1px solid #fff; }
.cs1:hover { border:1px solid #c8dcff; }

.block.quote { margin-top:120px; color:#6e6e6e; }
.block.info { margin-top:40px; color:#6e6e6e; }
.block.clientinfo { margin-top:20px; color:#6e6e6e; }
.block.quote h4 { color:#9ea7af; }
.maincolumn .block.quote { margin-top:0px; }

.block#mainfocus { display:block; height:280px; }
.block#intro { width:644px; padding:10px 10px 10px 0px; float:left; }

.block#bubble1 { display:none; background:transparent url(../resources/bg-bubble-tab.png) 110px bottom no-repeat; padding-bottom:19px; position:absolute; margin-top:-88px; margin-left:-100px; }
.block#bubble1 .inner { width:300px !important; }

#qikker, #activaire, #accenture, #beeb, #mofilm, #printedspace, #aldc, #yellow, #campfour, #worldclass, #biglife, #absolute { display:none; background:transparent url(../resources/bg-bubble-tab.png) 110px bottom no-repeat; padding-bottom:19px; position:absolute; margin-top:-235px; margin-left:0px; }
.inner { background:#ffac0c url(../resources/bg-bubble.png) top left repeat-x; border:3px #ffac0c solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; color:#fff; font-family: Helvetica Neue Light, Helvetica, Arial; font-size:14px; line-height:18px; padding:4px 8px; width:193px; }

table#zoom_table td { border:0; }

#ft { background:#2b3136 url(../resources/bg-ft.jpg) top left repeat-x; color:#666; font-size:12px; text-align:center; height:260px; padding:35px 0px 0px 0px; clear:both; }
#ft a { color:#666; text-decoration:none; }

.block#footage { font-size:13px; color:#cccccc; background:#2c3135 url(../resources/bg-ft-bx.jpg) top left repeat-x; display:table; width:944px; padding:20px 0px; /*[if gecko] margin:0px auto 20px auto;*/ }
.block#footage .address { float:left; text-align:left; margin-right:20px; font-family: Helvetica Neue Light, Helvetica, Arial, san-serif;}
.block#footage .address:first-child { margin-left:10px; }
.block#footage .address .lighter { color:#828586; }

.block#sociallinks { text-align:right; margin-right:10px; }
.block#sociallinks a img { opacity:0.6; }
.block#sociallinks a:hover img { opacity:1; }
.block#sociallinks .tumblr {  }
.block#sociallinks .twitter { margin-top:8px; }
.block#sociallinks .facebook { margin-top:7px; }

.block#quicknav { border-left:1px solid #ccc; float:left; }
.block#quicknav ul { padding:0; margin:0px 0px 0px 30px; }
.block#quicknav li { list-style:none; text-align:left; text-transform:lowercase; font-size:14px; }
.block#quicknav a { border-bottom:1px solid #666; }
.block#quicknav a:hover { color:#fff; border-bottom:1px solid #fff; }

.main-image1 { background:transparent url(../resources/bg-main-image.png) top left repeat-x; padding:4px 8px 16px 8px; margin:0px 0px 10px 0px; }
.main-image2 { height:248px; width:598px; overflow:hidden; display:block; text-align:center; }
.main-image2 img { max-width:100%; }

.team img { width:294px; border:4px solid #f6f6f6; }
.team.frank { margin-top:20px; }
.team.james { margin-top:20px; }
.team.paul { margin-top:20px; }
.team.nicola { margin-top:20px; }
.team.richard { margin-top:20px; }

.keymessage { width:300px; float:left; }
.keymessageXL { width:450px; }
.light { color:#cccccc; }
.tweetme { float: right; margin-left: 8px; }

/* Bug fixes for specific browsers. Requires css_browser_selector.js  */
.win html, .win body, .win strong, .win #contact, .win #contact .address a, .win #bd .maincolumn p, .win.block#dl .dlink, .win.inner, .win.block#footage .address { font-family:Arial, Helvetica, sans-serif; }
.ie8 #contact {  margin-top:-375px; }
.ie7 #contact {  margin-top:-442px; }
.iphone #contact, .ipod #contact {  margin-top:-426px; }
.iphone #nav ul li a { font-size:14px; }

#bd .sidebar .facebookLink { display: block; width: 296px; height: 61px; background: url('/resources/facebook-portfolio.png') bottom; text-decoration:none; border:0px; }
#bd .sidebar .facebookLink:hover { background: url('/resources/facebook-portfolio-active.png') bottom; text-decoration:none; border:0px; }

/*
Copyright (c) 2011, Via Studios. All rights reserved. (mc)
*/