/*
+ Act2 | UM
+ Global Styles
+ Delete Designed
+ http://www.deletelondon.com
*/

/* ########## Body ########## */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
/* remember to define focus styles! */
:focus{outline:0;}
body{font-size:62.5%;line-height:1.5em;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
/* Mac Safari/Firefox Hack for text rendering */
/* You need to be careful with this fix,as it will break any Flash element that it touches in Firefox. */
.fix,.fix *{opacity:.999;-moz-opacity:0.99;}
/* Safari3 Hack for rendering light type on dark background - Change colour to background colour */
.type{/* text-shadow:#000 0 0 0;*/}
/* Start of Specific Styles */
body{margin:0 auto;font-family:Tahoma,Arial,Verdana,sans-serif;color:#fff;background:#313131 url(/images/body_bg.jpg);}

/* ########## General ########## */
img,input,select,option{vertical-align:middle;}
p{font-size:1.1em;line-height:1.4em;padding-bottom:10px;}
h1{font-size:3.0em;padding-bottom:10px;}
h2{font-size:2em;color:#DF918B;margin-bottom:15px; line-height: 1.2em; }
h3{font-size:1.7em;}
h4{font-size:1.5em;}
strong {font-weight: bold;}
.txt-11 {font-size: 1.1em;}
.txt-nobold {font-weight: normal;}

/* ########## Links ########## */
a{color:#DF918B;text-decoration:none;}
a:hover{text-decoration:underline;}

/* ########## Useful ########## */
.left{float:left;}
.right{float:right;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-table;}
/* Hides from IE-mac \*/
* html .clear{height:1%;}
.clear{display:block;}
/* End hide from IE-mac */

/* ########## Header ########## */
#header{height:181px;background-image:url(/images/header_bg.jpg);background-repeat:repeat-x;}
#header #header_content{position:relative;width:868px;margin:0 auto;}
#header #logo{position:absolute;top:60px;left:-20px;}
#header #title_wrap{position:absolute;top:137px;left:-20px;background-image:url(/images/title_bg.jpg);background-repeat:no-repeat;width:900px;height:44px;}
#header h1{margin-left:30px;margin-top:15px;font-family:Tahoma,Arial,Verdana,sans-serif;font-size:2.3em;}

/* ########## Header Navigation ########## */
#header #nav{position:absolute;top:71px;right:0px;height:1%;height:80px;}
#header #nav ul li{float:left;padding-top:40px;padding-left:2px;padding-bottom:11px;}
#header #nav ul li + li{background-image:url(/images/nav_split.jpg);background-position:bottom left;background-repeat:no-repeat;}
#header #nav ul li a{font-weight:bold;color:#d4d4d4;text-transform:uppercase;font-size:1.0em;padding-left:19px;padding-right:19px;padding-bottom:7px;line-height:1.3em;}
#header #nav ul li a:hover{z-index:10;text-decoration:none;color:#888888;}
#header #nav ul li.selected a{z-index:10;text-decoration:none;border-bottom:7px solid #615E5F;color:#DF918B;}

/* ########## Footer ########## */
#footer{position:relative;background-color:#5F5C5D;width:868px;margin:0 auto;margin-top:10px;min-height:100px;height:100px;}
#footernav{width:355px;text-align:center;margin:0 auto;}
#footernav ul li{float:left;padding-left:2px;padding-bottom:10px;padding-top:20px;}
#footernav ul li a{color:#C4C4C4;margin:5px;}
#footernav ul li a:hover,#footernav ul li.selected a{text-decoration:underline;}
#delete{position:absolute;right:-12px;height:42px;width:10px;}
#delete a{display:block;height:42px;width:10px;background:url(/images/delete.gif);}
#delete a:hover{background-position:-10px 0;}

/* ############# Main Content ########## */
#content{width:868px;margin:0 auto;margin-top:10px; }

/* GRADIENT BOX */
.box{position:relative;background:#313131 url(/images/box_bg.jpg) repeat-x top left;border:1px solid #2C2C2C;padding:7px;margin-bottom:15px;}
.box .top_left{position:absolute;background-image:url(/images/box_corners.gif);width:6px;height:6px;top:-3px;left:-2px;}
.box .top_right{position:absolute;background-image:url(/images/box_corners.gif);background-position:-6px 0;width:6px;height:6px;top:-3px;right:-2px;}
.box .bottom_left{position:absolute;background-image:url(/images/box_corners.gif);background-position:0 -6px;width:6px;height:6px;bottom:-3px;left:-3px;}
.box .bottom_right{position:absolute;background-image:url(/images/box_corners.gif);background-position:-6px -6px;width:6px;height:6px;bottom:-3px;right:-2px;}
.box .side_left{position:absolute;width:3px;top:3px;bottom:3px;left:-3px;}
.box .side_left img{position:absolute;height:100%;width:3px;}
.box .side_right{position:absolute;width:3px;top:3px;bottom:3px;right:-2px;}
.box .side_right img{position:absolute;height:100%;width:3px;}
.box .side_top{position:absolute;height:3px;top:-3px;left:3px;right:3px;background-image:url(/images/box_top.gif);}
.box .side_bottom{position:absolute;height:3px;bottom:-3px;left:3px;right:3px;background-image:url(/images/box_bottom.gif); }

/* ###################### PAGER ################## */
.pager{float:right;}
.pager span{float:left;}
.pager_navigation_current,.pager_navigation_link{padding-left:5px;padding-right:5px;}
.pager_previous{display:block;width:12px;height:12px;background-image:url(/images/nav_left.gif);margin-top:3px;}
.pager_previous:hover,.pager_next:hover{background-position:-12px -12px;}
.pager_next{display:block;width:12px;height:12px;background-image:url(/images/nav_right.gif);margin-top:3px;}

/* ########################## HOME PAGE ############ */
#homePage .latestNewsItem{margin-top:15px;height:67px;border-bottom:1px solid #3a3a3a;}
#homePage .latestNewsItem .newsImage{float:left;width:60px;}
#homePage .latestNewsItem .newsTitle{font-size:1.1em;font-weight:bold;margin-left:70px;margin-bottom:5px;padding-top:5px;}
#homePage .latestNewsItem .newsTitle span{padding:2px;background-color:#272727;}
#homePage .latestNewsItem .newsDescription{font-size:1.1em;margin-left:70px;}
#homePage .latestNewsItem .newsDescription span{background-color:#272727;padding:2px;}
#homePage .visitProjectBtn{display:block;width:113px;height:22px;background-image:url(/images/visit_project.jpg);}
#homePage .visitProjectBtn:hover{background-position:0 -22px;}
#homePage .visitNewsBtn{display:block;margin-top:10px;width:107px;height:22px;background-image:url(/images/visit_news.jpg);}
#homePage .visitNewsBtn:hover{background-position:0 -22px;}
#homePage .introText{width:440px;padding:15px;padding-left:20px;float:left;margin-top:7px;}
#homePage .newsBox{width:320px;padding:15px;float:right;margin-top:7px;}

/* ########################## WORK PAGE ############ */
#workPage .workImage{border:1px solid #313131;position:absolute;top:0;left:0;z-index:5;}
#workPage .workText{display:none;border:1px solid #313131;width:210px;height:190px;background-image:url(/images/image_background.gif);cursor:pointer;position:absolute;top:0;left:0;}
#workPage .workText h3{font-size:2em;line-height:1.1em;margin:70px 20px 10px 20px;color:#DF918B;}
#workPage .workImageWrap{width:212px;height:195px;position:relative; margin-bottom:5px;margin-left:0px;margin-right:0px;float:left;}
#workPage .workImageWrap + .workImageWrap{margin-left:6px;}
#workPage .workImageWrap .workImageCorner{position:absolute;top:1px;left:1px;width:3px;height:3px;background-image:url(/images/image_corner.gif);z-index:10;}
#workPage .workTextInfo{margin:0 20px 0 20px;}
#workPage .typeFilterForm{background-color:#313131;padding:3px 7px 3px 7px;clear:both;}
#workPage .showreelBtn { display: inline; margin-left: 40px;}

/* ########################## WORK VIEW PAGE ############ */
#workPage .workviewImage{border:1px solid #313131;}
#workPage .workviewImageWrap{position:relative;margin-right:10px;margin-bottom:10px;float:right;}
#workPage .workviewImageWrap .workviewImageCorner{position:absolute;top:1px;left:1px;width:3px;height:3px;background-image:url(/images/image_corner.gif);}
#workPage .workNavigation{height:24px;display:block;background-color:#313131;margin-right:0px;padding:5px 0 0 5px;clear:both;}
#workPage .workInfoBox{width:350px;padding:10px 20px;margin-right:3px;padding-top:15px;font-weight:bold;font-size:1.1em;line-height:1.6em;}
#workPage .workInfoDescription{font-weight:normal;margin-top:10px;padding-top:15px;padding-bottom:15px;line-height:1.4em;border-top:1px solid #3A3A3A;}
html>body #workPage .flashOuter{height:415px;width:850px;position:relative;}

/* ########################## SERVICES PAGE ############ */
#servicesPage .servicesImage{float:left;margin-bottom:10px;height:193px;margin-top:0px;}
#servicesPage .servicesText{width:410px;height:177px;float:left;margin-bottom:10px;margin-top:0px;}
#servicesPage .servicesText h2 {margin-bottom:6px; font-size: 17px; }
#servicesPage .servicesText .servicesInner{margin:3px 8px 0 8px;}
#servicesPage .servicesText .servicesInner p{font-size:1.08em;font-weight:normal;letter-spacing: 0.4px; line-height: 1.3em;}

/* ########################## ABOUT US / STAFF PAGE ############ */
#aboutusPage .staffBox{float:left;width:550px;}
#aboutusPage .staffOther{float:right;width:250px;}
#aboutusPage .staffOther h3{color:#DF918B;font-size:14px;margin-bottom:6px;}
#aboutusPage .staffTitle{font-weight:bold;}
#aboutusPage hr{border:0;height:1px;color:#C4C4C4;background-color:#3A3A3A;margin-bottom:10px;}
#aboutusPage #staffTop{height:385px;}
#aboutusPage .staffTopStaff{display:block;width:121px;height:380px;background-image:url(/images/keystaff.jpg);background-repeat:no-repeat;float:left;}
#aboutusPage .visitStaffBtn:hover{background-position:0 -32px;}
#aboutusPage .visitStaffBtn{background-image:url(/images/aboutus_staffbtn.gif);display:block;height:32px;width:163px;margin-top:10px;}

/* ########################## CAREERS PAGE ############ */
#careersPage {}
#careersPage hr{border:0;height:1px;color:#C4C4C4;background-color:#3A3A3A;margin-bottom:20px;}
.vacancyEntry { padding-bottom: 15px;}
.vacancyEntry-top { padding-bottom: 15px;}
.vacancyEntry-top ul li {float: left; width: 150px; padding-right: 10px; }
.vacancyEntry strong.vacancyEntry-title {color: #DF918B; display: block;  }
.vacancyEntry strong {font-size: 1.1em;}
.vacancyEntry-desc {}
.vacancyEntry-desc ul { list-style-position: outside; list-style-type: disc; margin-left: 13px; }
.vacancyEntry-desc ul li { font-size: 1.1em;}
/*.vacancy-email-btn { background-image: url('/images/vacancy-email-btn.jpg'); background-position: top left; width: 299px; height: 22px; display: block;}
.vacancy-email-btn:hover {background-position: bottom left;}*/

/* ########################## CONTACT PAGE ############ */
#contactPage .contactText{margin:10px 10px 20px 10px;padding-bottom:10px;border-bottom:1px solid #615E5F;}
#contactPage .contactText h2{color:#C4C4C4;}
#contactPage .contactBox{width:400px;float:left;}
#contactPage .contactImage{margin-left:8px;}
#contactPage .contactImage #arrowNewyork { position:absolute;bottom:13px;right:23px;display:none; }
#contactPage .contactImage:hover #arrowNewyork { display: block; }
#contactPage .contactImage #arrowLondon {position:absolute;bottom:13px;right:23px;display:none;}
#contactPage .contactImage:hover #arrowLondon {display: block;}
#contactFormInner #errors{padding:6px;border:2px solid #B80000;background-color:#FFD4D4;font-size:11px;color:#A81704;margin-bottom:10px;}
#contactFormInner #contactAjaxForm dl dt{margin-top:5px;}
#contactFormInner #contactAjaxForm dl dt{float:left;width:120px;}
#contactFormInner #contactAjaxForm dl dd{float:left;margin-bottom:10px;width:300px;}
#contactFormInner #contactAjaxForm input, #contactFormInner #contactAjaxForm textarea {font-family: Tahoma,Arial,Verdana,sans-serif; font-size: 11px;}
*+html #contactFormInner #contactAjaxForm dl dd{margin-bottom:6px;}
*+html #contactFormInner #contactAjaxForm dl dt{margin-top:2px;}

#contactFormInner #contactAjaxForm #signup_dt {float:left;width:162px;}
#contactFormInner #contactAjaxForm #signup_dd {float:left;width:40px;}

#contactFormInner textarea{font-family:Verdana;font-size:12px;}
#contactFormInner #submit{float:left; margin-left: 185px;}


/* ########################## NEWS PAGE ############ */
#newsPage .newsItem{padding-bottom:10px;border-bottom:1px solid #3e3e3e;margin-bottom:25px;margin-left:7px;margin-right:7px;margin-top:10px;}
#newsPage .newsItem h2{margin-bottom:4px;}
#newsPage .newsItem h2 span{background-color:#272727;padding-left:5px;padding-right:5px;}
#newsPage .newsItem .newsDate{margin-bottom:15px;margin-left:5px;}
#newsPage .newsItem .newsBlock{margin-left:5px;margin-right:5px;}
#newsPage #archiveItems{border-bottom:1px solid #3a3a3a;margin:5px;}
#newsPage #newsArchive h2{color:#ffffff;font-size:2.1em;}
#newsPage #newsArchive .pager a{color:#ffffff;}
#newsPage .archiveItem { height: 68px; }
#newsPage .archiveItem .newsImage{float:left;width:60px;}
#newsPage .archiveItem .newsTitle{color:#DF918B;font-size:1.1em;margin-bottom:5px;margin-left: 66px;padding-top: 5px;}
#newsPage .archiveItem .newsTitle span{padding:2px;background-color:#272727;}
#newsPage .archiveItem .newsDate{font-size:1.1em;margin-top:2px;margin-bottom:13px;margin-left: 66px;}
#newsPage .archiveItem .newsDate span{padding:2px;background-color:#272727;}
#newsPage .newsNavigation{background-color:#272727;}
#newsPage .newsNavigation a{color:#ffffff;}