/*
	dubblevision.com stylesheet
	by Dubblevision London | dubblevision.com
*/
/* Initialise */
body, form, fieldset, input, div, p, hr, h1, h2, h3, h4, h5, h6, dl, dd, dt, ol, ul, li, table, th, td, img  {margin:0px; padding:0px; border:0px; font-family:Verdana, Arial, Helvetica, sans-serif;}
/* Fonts */
h1 {font-family:Georgia, Times New Roman, Times, serif; font-size:180%; color:#999; font-weight:normal; line-height:120%;}
h2 {margin-bottom:20px; font-family:Georgia, Times New Roman, Times, serif; font-size:160%; color:#cc3300; font-weight:normal; line-height:120%;}
h3 {font-family:Georgia, Times New Roman, Times, serif; font-size:125%; color:#aaa; line-height:130%; font-weight:normal;}
h4 {font-family:Georgia, Times New Roman, Times, serif; font-size:125%; color:#cc3300; line-height:130%; font-weight:normal;}
p {font-size:80%; color:#666; line-height:150%;}
.redalert {font-size:100%; color:#cc3300; font-weight:bold;}
.smltext {font-size:60%; color:#666; line-height:150%;}
ul.nobullet {list-style:none;}
li {font-size:80%; color:#666; line-height:150%;}
/* Links */
a:link, a:visited, a:active {color:#cc3300; text-decoration:underline;}
a:hover {background-color:#cc3300; color:#fff;}
a.nav:link, a.nav:visited, a.nav:active {color:#000; text-decoration:none;}
a.nav:hover {text-decoration:none; background:none; color:#000; border-bottom:#cc3300 2px solid;}
a.footer:link, a.footer:visited, a.footer:active {color:#666; text-decoration:none;}
a.footer:hover {text-decoration:underline; color:#666; background-color:#f8f8f8;}
a img.border:hover {background-color:#fff; border:#999 1px solid;}
/* Forms */
input {margin:5px 0 5px 0; background-color:#f1f1f1;}
input.text {height:20px; text-indent:10px; padding-top:7px; font-size:70%; color:#666;}
input.contact {height:30px; text-indent:15px; padding-top:12px; font-size:100%; color:#666; width:300px;}
.submit {padding:4px; background-color:#cc3300; color:#fff !important; font-size:80%; cursor:pointer; text-decoration:none !important;}
a.submit:hover {text-decoration:none; background-color:#666; color:#fff;}
textarea {border:0px; padding:15px; background-color:#f1f1f1; width:270px; font-size:100%; color:#666; line-height:140%;}
/* Global */
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.textcenter {text-align:center;}
.greytext {color:#bcb5b5;}
.redtext {color:#cc3300;}
.padding20 {padding:20px;}
.padding50left {padding-left:70px;}
.margin0 {margin:0px;}
.margin10left {margin-left:10px;}
.margin22left {margin-left:22px;}
.margin20bottom {margin-bottom:20px;}
.bgcontent {background-image:url(/images/bg-content-fade.png); background-repeat:repeat-x;}
.border {padding:4px; border:1px solid #e3e3e3; background-color:#fff;}
.line100 {margin-bottom:20px; width:100%; border-bottom:1px solid #e3e3e3; clear:both;}
.width90 {width:90%;}
.lighttext {color:#aaa;}
/* Main */
html {background: #fff url(/images/bg-fade.png) repeat-x;}
body {margin:0px; padding:0px; background: url(/images/bg-splash.gif) no-repeat center top; display:table; width:100%;}
#container {margin:0px auto; width:920px;}
#footer {margin-top:30px; padding: 20px 0; width:100%; border-top:#eee 1px solid; font-size:80%;}
/* Layout */
#header {width:100%; height:50px; margin-top:30px;}
#navbox {padding:5px 0px 0px 250px; width:670px; height:50px; font-family:Tahoma, Verdana, Arial; font-size:80%; border-bottom:#eee 1px solid;}
.nav {padding-left:5px; width:24%; float:left; border-left:#ccc 1px solid; line-height:22px; display:block;}
#col2left {margin-right:20px; width:220px; float:left; clear:left;}
#col2right {width:670px; float:right;}
#portfolio-left {width:670px; float:left;}
#portfolio-right {width:220px; float:right;}
#contactleft {width:155px; float:left; clear:left;}
#contactright {width:765px; float:right;}
.col3 {padding:20px; margin-right:15px; width:256px; float:left; background-color:#f8f8f8;}
#col3right {padding:20px; width:256px; float:right; background-color:#f8f8f8;}
#sidebox {margin-bottom:20px; padding:10px; width:190px; background-color:#f8f8f8;}
.col5050 {width:50%; float:left;}
.col20 {width:20%; float:left; margin-bottom:20px;}
.col80 {width:80%; float:right; margin-bottom:20px;}
.footer {margin:0px 7px 0 7px;}


/* Media */
#hidebox {width:918px; height:20px; border:#eee 1px solid; background-image:url(/images/hide-arrows.gif); background-repeat:no-repeat; background-position:right; background-color:#fff; display:block;}
#hidebox-sml {width:670px; height:20px; border:#eee 1px solid; background-image:url(/images/hide-arrows.gif); background-repeat:no-repeat; background-position:right; background-color:#fff;}
#media {width:920px; height:300px; background-color:#f8f8f8;}
#media-sml {width:670px; height:240px; background-color:#f8f8f8;}


/* Portfolio */
.portfoliorow {width:765px; height:250px; clear:both;}
.portfoliobox1 {width:240px; height:250px; float:left;}
.portfoliobox {margin-left:22px; width:240px; height:250px; float:left;}
#portfolioitem { width:240px; height:160px; float:left;}
.client-erupt {background: #fff url(/images/portfolio/branding-erupt.jpg) no-repeat 0 0;}
.client-luckylots {background: #fff url(/images/portfolio/branding-luckylots.jpg) no-repeat 0 0;}
.client-vg {background: #fff url(/images/portfolio/branding-vynalgraphix.jpg) no-repeat 0 0;}
.client-sim {background: #fff url(/images/portfolio/branding-sim.jpg) no-repeat 0 0;}
.client-pbks {background: #fff url(/images/portfolio/branding-pbks.jpg) no-repeat 0 0;}
.web-livedrive {background: #fff url(/images/portfolio/web-livedrive.jpg) no-repeat 0 0;}
.web-barcap {background: #fff url(/images/portfolio/web-barcap.jpg) no-repeat 0 0;}
.web-drinkscellar {background: #fff url(/images/portfolio/web-drinkcellar.jpg) no-repeat 0 0;}
.web-meetingroom {background: #fff url(/images/portfolio/web-meetingroom.jpg) no-repeat 0 0;}
.web-procurement {background: #fff url(/images/portfolio/web-procurement.jpg) no-repeat 0 0;}
.web-momentum {background: #fff url(/images/portfolio/web-momentum.jpg) no-repeat 0 0;}
.web-pbks {background: #fff url(/images/portfolio/web-pbks.png) no-repeat 0 0;}
.mobile-livedrive {background: #fff url(/images/portfolio/mobile-livedrive.jpg) no-repeat 0 0;}
.print-wallmurral {background: #fff url(/images/portfolio/print-wallmurral.jpg) no-repeat 0 0;}
.email-livedrive {background: #fff url(/images/portfolio/email-livedrive.jpg) no-repeat 0 0;}
.email-girlwithpearl {background: #fff url(/images/portfolio/email-girlwithpearl.jpg) no-repeat 0 0;}
.email-pavilions {background: #fff url(/images/portfolio/email-pavilions.jpg) no-repeat 0 0;}
a:hover .client-erupt, a:hover .client-luckylots, a:hover .client-vg, a:hover .client-sim, a:hover .client-pbks, a:hover .client-drinkscellar, a:hover .web-meetingroom, a:hover .web-procurement, a:hover .web-momentum, a:hover .web-barcap, a:hover .print-wallmurral, a:hover .email-livedrive, a:hover .email-girlwithpearl, a:hover .email-pavilions, a:hover .web-pbks, a:hover .web-livedrive, a:hover .mobile-livedrive {background-position: 0 -160px;}
/* Content */
#media-colleft {margin:10px; width:210px; float:left;}
media-colright {width:690px; float:right;}


ul#projects li {width:240px; margin-right:20px; margin-bottom:20px; padding-top:170px; float:left; list-style:none;}
ul#projects li a {text-decoration:none;}
ul#projects li.livedrive {background:url('../newwebsite/images/portfolio/web-livedrive.jpg');}
ul#projects li.barclays {background:url('../newwebsite/images/portfolio/web-barcap.jpg');}
ul#projects li.prudential {background:url('../newwebsite/images/portfolio/web-momentum.jpg');}
ul#projects li.bbcww-procurement {background:url('../newwebsite/images/portfolio/web-barcap.jpg');}
ul#projects li.bbcww-meeting {background:url('../newwebsite/images/portfolio/web-meetingroom.jpg');}
ul#projects li ul.tag li {margin-top:-15px; padding:2px; height:12px; width:inherit; list-style:none; background:#aaa; color:#fff; font-size:60%; float:left; margin-right:4px; -moz-border-radius:3px; -webkit-border-radius:3px;}