* {margin: 0; padding: 0;}
body {font-family: "AvantGarde Bk BT", helvetica, arial, san-serif; color: #636466;}
a img {border: 0;}
a {color: #b5121b;}

div#web {width: 1000px; margin: 0 auto; }
div#topedgenav {width: 1000px; float: left; background: url('../images/Tred-M.jpg') repeat-x; }
img.rightcorner {float: right;}
img.leftcorner {float: left;}
p {font-size: 0.8em;}

div#topedgenav div#topedgenavR {float: right; padding: 4px 0 0 0;}
div#topedgenav div#topedgenavR a {color: white; text-decoration: none; padding: 0 5px; font-size: 0.8em; font-family: helvetica, arial, san-serif;}
div#topedgenav div#topedgenavL {float: left; padding: 4px 0 0 0;}
div#topedgenav div#topedgenavL a {color: white; text-decoration: none; padding: 0 5px; font-size: 0.8em; font-family: helvetica, arial, san-serif;}

div#site {width: 895px; margin: 0 auto;}

div#topbanner {float: left; width: 895px; background: url('../images/logo-M-edge.jpg') repeat-x; height: 103px;}
div#topbanner img.mcright {float: right;}
div#topbanner img.mclogo {float: left;}
div.toptelephone { float: left; position: absolute; display: inline; padding: 60px 0 0 530px;}
div.toptelephone p.telephone {font-size: 1.5em; color: #b1050e; }
div#topnav {clear: both; background: url(../images/Tnav-M.jpg) repeat-x; height: 29px; text-align: center;}
div#topnav a {color: #5c5d60; text-decoration: none; text-transform: uppercase; font-size: 0.9em; line-height: 27px; padding: 0 30px; font-family: helvetica, arial, san-serif;}
div#topnav a:hover {color: #b5121b; text-decoration: none; text-transform: uppercase; font-size: 0.9em; line-height: 27px; padding: 0 30px; font-family: helvetica, arial, san-serif;}
div#topnav a.mainnav {color: #b5121b; text-decoration: none; text-transform: uppercase; font-size: 0.9em; line-height: 27px; padding: 0 30px; font-family: helvetica, arial, san-serif;}


div#content {padding: 20px 0 0 0;}


/* ----------------------------------------------------------------------------------- INDEX PAGE */

div#contentLeft {width: 500px; float: left; padding: 20px 36px 0 0;}
div#contentRight {width: 348px; float: left; padding: 20px 0 0 0;}

div#contentLeft h1 {padding: 0 0 10px 0; margin: 0 0 5px 0; font-size: 1.8em;}
span.redtext {color: #b5121b;}
p.redtext {color: #b5121b;}
p.redtextbig {color: #b5121b; font-size: 1em;}
div#contentLeft h2 {color: #b5121b; font-weight: normal; font-size: 1.1em; line-height: 1.5em; padding: 0 0 10px 0; margin: 0 0 5px 0;}
div#contentLeft h2.indexpage {color: #b5121b; font-weight: normal; font-size: 1.1em; line-height: 1.5em; padding: 0 ; margin: 0;}
div#contentLeft p {font-size: 0.8em; padding: 0 0 10px 0; margin: 0 0 5px 0; line-height: 1.5em;}

img.latestworkBt {padding: 20px 0;}

div#latestnewswrapBG {background: url('../images/latestnews-M.jpg') repeat-y; float: left;}
div#latestnewstitle {background: url('../images/latestnews-T.jpg') no-repeat; width: 348px; height: 37px; }
div#latestnewstitle p {padding: 0 0 0 10px; line-height: 37px; font-family: helvetica, arial, san-serif; font-weight: bold;}
div.latestnewsitem {float: left; padding: 10px;}
div.latestnewsitem img {float: left; padding: 0 10px 0 0;}
div.latestnewsitemTx {width: 210px; float: left;}
p.latestnewsdate {color: #b1b3b6; font-size: 0.7em;}
p.latestnewstitle a {color: #b5121b; font-weight: bold; line-height: 1.5em; text-decoration: none;}
p.latestnewspara {font-size: 0.8em; line-height: 1.5em;}
a.readmore {color: #b5121b; text-decoration: none;}
a.seeall {color: #636466; text-decoration: none; margin: 10px 0 0 113px; font-weight: bold; font-size: 0.8em;}

div.clientslist img {float: left; border: 1px solid #e3e3e4; margin: 8px;}

div#twitter {padding: 5px 0 5px 0; margin: 5px 0 5px 0; clear: both;}
div#twitter p {font-family: helvetica, arial, san-serif; font-size: 0.7em; text-align: right; padding: 20px 0;}

div.news-largeimg {float: right;}
div#newscontent {width: 570px; float: left; padding: 20px 20px 20px 0;}
div#newscontent h2 {color: #b5121b; font-weight: normal; font-size: 1.1em; line-height: 1.5em; padding: 0 0 10px 0; margin: 0 0 5px 0;}
div#newscontent p {font-size: 0.8em; padding: 0 0 10px 0; margin: 0 0 5px 0; line-height: 1.5em;}
ul.newsnav {list-style-type: none;}
ul.newsnav li {padding: 5px 0; margin: 5px 0;}
ul.newsnav a.newslink { color: #b5121b; font-weight: bold; text-decoration: none; list-style-type: none;}
h1.newstitle {font-size: 1.5em; color: #b5121b;}

/* ----------------------------------------------------------------------------------- WORK PAGE */

div#contentLeftIn {width: 590px; float: left; padding: 20px 0 20px 0;}
div#contentLeftIn h1 {padding: 0 0 10px 0; margin: 0 0 5px 0; font-size: 1.8em;}
div#contentRightIn {width: 305px; float: left; padding: 20px 0 20px 0; line-height: 1.3em;}
div#contentLeftIn h2 {width: 570px; color: #b5121b; font-weight: normal; font-size: 1.1em; line-height: 1.5em; padding: 0 0 10px 0; margin: 0 0 5px 0;}
div#contentLeftIn p {width: 570px; font-size: 0.8em; padding: 0 0 10px 0; margin: 0 0 5px 0; line-height: 1.5em;}
div.body img {float: right; padding: 0 0 10px 10px;}

div#enquirywrapBG {background: url('../images/enquirycol-M.jpg') repeat-y; float: left;}
div#enquirytitle {background: url('../images/enquirycol-T.jpg') no-repeat; width: 305px; height: 38px; }
div#enquirytitle p {padding: 0 0 0 10px; line-height: 37px; font-family: helvetica, arial, san-serif; font-weight: bold;}
div.enquiryform { padding: 10px; width: 285px;}
div.enquiryform div.left_enq {width: 270px; float: left; clear: both; font-size: 0.8em; padding: 5px 0; color: #b5121b;}
div.enquiryform div.right_enq {width: 270px; float: left; clear: both;}
div.enquiryform div.right_enq input {width: 270px;}
div.enquiryform div.contact_textarea {width: 270px; clear: both;}
div.enquiryform div.left_enq input.submitbtn {background-color: #b5121b; color: #ffffff; margin: 10px 0;}

div#paginationWrap {clear: both;}
div#pagination {clear: both; background: url('../images/pagination-M.jpg') repeat-x; float: left; width: 560px; height: 32px; margin: 20px 0;}
div#pagination p {line-height: 32px; display: inline;}
div#pagination div.pagesright {text-align: right; float: right;}
div#pagination p.pages a {padding: 2px; color: #b5121b; text-decoration: none; font-weight: bold;}
div#pagination p.pages a:hover {padding: 2px; color: black; text-decoration: none; font-weight: bold;}

div#gallery {clear: both;}
div.clienteg {float: left; border: 1px solid #e3e3e4; padding: 7px; margin: 0 17px 17px 0; text-align: center; font-size: 0.8em;}
div.clienteg:hover {float: left; border: 1px solid #e3e3e4; padding: 7px; margin: 0 17px 17px 0; text-align: center; background-color: #b5121b;}
div.clienteg a {text-decoration: none; color: #636466; padding: 3px 0 0 0;}
div.clienteg a:hover {text-decoration: none; color: #ffffff;}
div.clienteg img {border: 1px solid #e3e3e4; margin: 0 0 2px 0;}

/* ----------------------------------------------------------------------------------- WORK - CLIENT PAGE */

h1.clienttitle {color: #b5121b; padding: 0 0 10px 0; margin: 0 0 5px 0;}
p.reduppercase {color: #b5121b; text-transform: uppercase; padding: 10px 0 0 0; margin: 5px 0 0 0;}

.image-gallery {width: 557px; text-align: center;}
.image-gallery .jcarousellite {border: 1px solid #e4e4e5;margin: 0 auto;}
.image-gallery .nextprev {background: url('../images/nextprev.jpg') repeat-x; width: 557px; height: 27px;text-transform: lowercase;}
.image-gallery .prev, .image-gallery .next {display:none;cursor: pointer;}
.image-gallery .prev {float: left; color: white; padding: 0 5px; text-decoration: none; font-family: helvetica, arial, san-serif; line-height: 27px;}
.image-gallery .next {float: right; color: white; padding: 0 5px; text-decoration: none; font-family: helvetica, arial, san-serif; line-height: 27px;}

div.space {height: 30px;}

/* ----------------------------------------------------------------------------------- CREATIVE PAGE */

div#creativenav {float: left; width: 130px; padding: 0 20px 0 0; font-size: 0.9em; font-family: helvetica, arial, san-serif;}
div#creativenav a {display: block; text-decoration: none; color: #636466; border-bottom: 1px dotted #636466; padding: 0 0 9px 0; margin: 0 0 9px 0;}
div#creativenav a:hover {display: block; text-decoration: none; color: #b5121b; border-bottom: 1px dotted #636466; padding: 0 0 9px 0; margin: 0 0 9px 0;}
div#creativenav a.onpagenav {display: block; text-decoration: none; color: #b5121b; border-bottom: 1px dotted #636466; padding: 0 0 9px 0; margin: 0 0 9px 0;}

div#creativetext {width: 410px; float: left;}
div#creativetext h2 {width: 410px;}
div#creativetext p {width: 410px;}



/* ----------------------------------------------------------------------------------- TEAM PAGE */

div#content div.team_member {float: left; width: 425px; border-bottom: 1px dotted #636466; margin: 10px; padding: 10px 0;}
div#content div.team_member div.team_headshot {float: left; width: 133px;}
div#content div.team_member div.team_desc {float: left; width: 292px;}
div#content div.team_member p.team_name {padding: 0; margin: 0; font-weight: bold; color: #b5121b;}
div#content div.team_member p.team_position {padding: 0; margin: 0; font-weight: bold;}
div#content div.team_member p {padding: 0; margin:0;}


/* ----------------------------------------------------------------------------------- BLOG PAGE */

div#newscontent div.entry {padding: 0 0 20px 0; margin: 0 0 20px 0;}
div#newscontent div.entry div.blogimg {float: right; padding: 10px;}
div#newscontent div.entry p.blogtitle {font-size: 1.2em; font-weight: bold; color: #b5121b; }
div#newscontent div.entry p.blogdate {margin: 0; padding: 0;}
div#newscontent div.entry p.blogredtext {color: #b5121b; font-weight: normal; font-size: 1.1em; line-height: 1.5em; padding: 0 0 10px 0; margin: 0 0 5px 0;}

div#newscontent p.title-arc-year {font-weight: bold; font-size: 1.2em; color: #b5121b; padding: 10px 0 0 0; margin: 10px 0 0 0;}
div#newscontent p.title-arc-month {font-weight: bold; font-size: 1.2em; margin: 0; padding: 0;}
div#newscontent a.archive_links {font-size: 0.8em; text-decoration: none; color: #636466; padding: 0 0 0 30px; display: block;}
div#newscontent a.archive_links:hover {font-size: 0.8em; text-decoration: none; color: #b5121b; padding: 0 0 0 30px; display: block;}

div.enquiryform p.sidetitle {font-size: 1em; padding: 10px 0 0 0;}
div.enquiryform ul.blognav {list-style-type: none; padding: 0 0 10px 10px; font-size: 0.8em; }
div.enquiryform ul.blognav li {padding: 0 0 0 5px; margin: 0;}
div.enquiryform ul.blognav a { color: #b5121b; font-weight: bold; text-decoration: none; list-style-type: none;}

ul.social {list-style-type: none; display: inline;}
ul.social li {list-style-type: none; display: inline;}


/* --------------------------------------------------------------------------------------- CONTACT */

.contactus {color: #b5121b;}
div.div_left_box {width: 257px; float: left; padding: 5px 15px 0 0; font-size: 0.8em; color: #b5121b;}
div.div_right_box {width: 257px; float: left; padding: 5px 0 0 0; font-size: 0.8em; color: #b5121b;}
input.contact_txtbox { width: 255px;}
div.contact_textarea {clear: both; padding: 10px 0 0 0; font-size: 0.8em; color: #b5121b;}
input.funkysubmit {margin: 10px 0 0 0;}
div.contactsubmit {clear: both;}
p.captcha {vertical-align: middle;}
p.captcha img {vertical-align: middle;}
p.captcha input {vertical-align: middle;}

div.enewsletterL {float: left; width: 270px; padding: 0 15px 0 0;}
div.enewsletterR {float: left; width: 270px;}
div.enewsletterL input {width: 260px; }
div.enewsletterR input {width: 260px;}
div.enewsletterB {clear: both; margin: 10px 0 0 0;}

/* --------------------------------------------------------------------------------------- FOOTER */

div#footercontact {clear: both; border-top: 1px solid #e3e4e4; width: 895px; margin: 0 auto; text-align: center; font-family: helvetica, arial, san-serif; padding: 20px 0 5px 0;}
div#footercontact p span.city {color: #b5121b;}
div#footercontact p span.tele {font-size: 1.1em;}
div#footerlinks {clear: both; width: 895px; margin: 0 auto; text-align: center; font-family: helvetica, arial, san-serif; font-size: 0.75em; padding: 10px 0;}
div#footerlinks p {color: #b1b3b6; line-height: 1em;}
div#footerlinks a {color: #b1b3b6; text-decoration: none; padding: 0 2px;}
div#footer {text-align: center; padding: 0 0 20px 0; font-size: 0.75em;}
div#footer a {color: #636466; text-decoration: none;}