body{ font:normal 62.5% "Trebuchet MS","Times New Roman",Times,serif;color:#666;margin:0 0 20px;background-color:#F8F9F9;text-align:center}img{ border:0}h1,h2,h3,h4,h5,h6,p{ margin:0 0 10px 0}table{ font-size:1.0em}input,textarea,select{ font:normal 1.0em "Trebuchet MS","Times New Roman",Times,serif}a{ color:#069acb;text-decoration:none}a:hover{ text-decoration:underline}/* Wrapper=====================*/#wrapper{ width:800px;text-align:left;margin:0 auto;background:#fff url(images/background.png) repeat-y top left}/* Header=====================*//*#header{ width:798px;margin:0 1px;height:143px;background:#fff url(images/header.png) no-repeat -1px top;position:relative}#header h1{ float:left;width:253px;height:49px;margin:33px 0 0 34px}#header h1 a{ display:block;background:url(images/header_mobilise_this.gif) no-repeat top left;text-indent:-999999px;width:253px;height:49px;overflow:hidden}#header p.r2s{ position:absolute;top:52px;right:32px}#header p.r2s a{ display:block;background:url(images/header_by_r2s.png) no-repeat top left;width:73px;height:16px;overflow:hidden;text-indent:-99999px}*//* Accessbility=====================*/#accessibility{ position:absolute;left:-99999px}/* Content=====================*/#content{ margin:0 20px 20px 40px;font-size:1.2em;line-height:1.7em}#content #posts{ float:left;width:516px;margin-right:60px}#content #posts .post{ margin:0 0 20px;padding:0 0 23px;background:#fff url(images/post_divider.png) no-repeat bottom center}#content #posts .post h2{ font-size:1.0em;font-weight:normal}#content #posts .post h2 a.title{ cursor:pointer;color:#fff}#content #posts .post h2 a.title span.post-title{ font-weight:normal;font-size:1.5em;width:460px;float:right;color:#666}#content #posts .post h2 a:hover span.post-title{ text-decoration:underline}#content #posts .post p{ clear:both}#content #posts .post p a.read-more{ display:block;text-indent:-99999px;background:#fff url(images/button_read_more.png) no-repeat top left;width:57px;height:9px;overflow:hidden}#content #posts .post p.meta{ margin:0}#content #posts .post .date{ color:#e5e7e6;text-transform:uppercase;font-size:0.83em;line-height:1.5em;clear:none;text-decoration:none !important}#content #posts .post h2 a:hover .date,#content #posts .post h2 a:hover .day{ color:#999;text-decoration:none}#content #posts .post .date .day{ display:block;font-size:2.16em;text-transform:lowercase}/* This style highlights _all_ images that are posted in the body of a blog post. If you want to change it,simply add a dot before img and set all images that you want to have this border to class="img" */#content #posts .post img{ border:1px solid #eff0ef;padding:10px;margin:10px;margin-top:0px}/* excluding flash video 'fake phone' images */#content #posts .post .flashvideo img{ border:none;padding:0;margin:0;line-height:0}#content #posts .post .flashvideo td{ border:none;padding:0;margin:0;line-height:0}#content #posts .post a{ color:#ffb316;text-decoration:none}#content #posts .post a:hover{ text-decoration:underline}#content #posts .post .meta a{ color:#069acb}/*<div id="postPaging"><a href="/default.aspx?page=2" id="ctl00_cphBody_PostList1_hlPrev" style="float:left">&lt;&lt;Previous posts</a></div><div id="subnav" class="clearfix"><p class="newer"><a href="#" title="View Newer Blog Posts">View Newer Posts</a></p><p class="older"><a href="#" title="View Older Blog Posts">View Older Posts</a></p></div>*//*post paging */#content #posts #subnav p{ margin:0}#content #posts #subnav p a{ display:block;text-indent:-9999999px;height:10px;overflow:hidden}#content #posts #subnav p.older{ float:left;width:47px}#content #posts #subnav p.older a{ width:47px;background:url(images/button_older.png) no-repeat top left}#content #posts #subnav p.newer{ float:right;width:50px}#content #posts #subnav p.newer a{ width:50px;background:url(images/button_newer.png) no-repeat top left}/* Search Results */#content #posts .searchpage h1{font-size:1.5em;color:#666;font-weight:normal}#content #posts .searchpage #searchpage{ display:none}#content #posts .searchpage .searchresult{ margin:0 0 20px;padding:0 0 23px;background:#fff url(images/post_divider.png) no-repeat bottom center}#content #posts .searchpage .searchresult a{ font-size:1.5em;color:#666}#content #posts .searchpage .searchresult .text{ display:block}#content #posts .searchpage .searchresult .type{ display:none}#content #posts .searchpage .searchresult .url{ display:none}#content #sidebar{ float:left;width:160px}#content #sidebar a{ color:#ffb316}#content #sidebar #search{ background-color:#F8F9F9;padding:10px 0;margin:0 0 20px}#content #sidebar #search #insteadOfForm{ float:left;display:inline;width:140px;margin:0 10px}#content #sidebar #search #insteadOfForm p{ margin:0}#content #sidebar #search #insteadOfForm .text{ display:block;width:138px;border:1px solid #E5E7E6;margin:0 0 5px 0}#content #sidebar .section{ border-bottom:1px solid #F8F9F9;padding-bottom:20px;margin-bottom:20px}#content #sidebar #search h2,#content #sidebar .section h3{ text-indent:-99999px}#content #sidebar #search h2{ background:#F8F9F9 url(images/header_search_blog.png) no-repeat top left;width:80px;height:12px;margin:0 0 5px;font-size:0.1em;padding:0}#content #sidebar .section h3.subscribe{ background:#fff url(images/header_subscribe.png) no-repeat top left;width:47px;height:10px}#content #sidebar .section h3.categories{ background:#fff url(images/header_categories.png) no-repeat top left;width:51px;height:12px}#content #sidebar .section h3.top10{ background:#fff url(images/header_top10.png) no-repeat top left;width:78px;height:13px}#content #sidebar .section h3.contact{ background:#fff url(images/header_contact.png) no-repeat top left;width:65px;height:11px}#content #sidebar .section h3.recent{ background:#fff url(images/header_recent.png) no-repeat top left;width:70px;height:10px}#content #sidebar .section ul,#content #sidebar .section ol{ margin:0;padding:0;font-size:0.91em}#content #sidebar .section ul li,#content #sidebar .section ol li{ margin:0;padding:0;list-style:none}#content #sidebar .section ul.recentPosts li{ margin:7px 0px;line-height:1.2em}#content #sidebar .categories ul li{ margin:0;line-height:1.2em}#content #sidebar .section ul li.rss a{ padding-right:19px;background:url(images/rss_button.png) no-repeat top right}/* Comments=====================*/#commentlist{ margin:0 0 20px;padding:0 0 23px;background:#fff url(images/post_divider.png) no-repeat bottom center;font-size:0.91em}h1#comment{ font-weight:bold;font-size:1em} /* blogengine.net fix (instead of below 2 lines */#commentlist h3{ font-size:1.0em;font-style:italic;font-weight:normal;line-height:1.0em}#commentlist h3 span.comments{ display:block;float:left;margin-right:10px;font-style:normal;text-indent:-999999px;background:url(images/header_comments.png) no-repeat top left;width:55px;height:10px}#commentlist .comment{ padding:15px 20px;background-color:#F8F9F9;border:1px solid #F8F9F9;margin-bottom:10px}#commentlist .comment:hover{ background-color:#efefef;border-color:#ccc}#commentlist .comment a{ color:#FFB825}#commentlist .self{} /* comments by author of article */h1#addcomment{ font-weight:bold;font-size:1em} /* more blogengine.net fixes (can't change some HTML produced) */h3#post-a-comment{ background:url(images/header_post_comment.png) no-repeat top left;width:85px;height:11px;text-indent:-999999px;margin-top:20px}.commentForm{ margin:0 0 10px 0;padding:0}.commentForm label{ display:block;font-weight:bold}.commentForm input{ margin:0 0 10px 0;width:200px;border:1px solid #E5E7E6}.commentForm textarea{ margin:0px 0 10px 0;width:514px;border:1px solid #E5E7E6} /* negative top margin to offset <br /> I can't remove */.commentForm input#cbNotify{ margin:0;padding:0;border:none}.commentForm input#btnSave{ width:100px;background-color:#DDD;border:1px solid;border-color:#EEE #AAA #AAA #EEE}/*new site header/footer*//* Reset CSS */html,body,ul,li{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}body{
background:#fff;
font-size:62.5%;
font-family:Tahoma,Geneva,sans-serif;
color:#030200;
padding:26px 0;
}
#wrapper{
width:943px;
margin:0 auto;
background:#FFF;
padding:0;
}/* Header CSS Start */
#header{
height:98px;
padding:0 32px 0 0;
margin-bottom:20px;
}
.logo{
width:119px;
height:80px;
float:right;
}
.logo a{
width:119px;
height:80px;
display:block;
background:url(images/logo.gif) no-repeat;
text-indent:-9000px;
}
/* Header CSS End *//* Menu CSS Start */
#menu{
height:22px;
width:750px;
padding:58px 0 0 0;
margin:0;
font-size:12px;
text-transform:uppercase;
}
#menu ul 
{
list-style-type:none;
margin:0;
}
#menu ul li{
float:left;
padding:0 2px 0 0;
}
#menu ul li a{
display:inline-block;
height:22px;
line-height:22px;
background:#595959;
color:#ffffff;
text-decoration:none;
padding:0 11px;
}
#menu ul li a:hover,#menu ul li a.active{
background:#fdb813;
}
/* Menu CSS End *//* Footer CSS Start */
#footer{
border-top:#dddddd 1px solid;
font-size:11px;
padding:10px 0 10px 0;
}
#footer a{
color:#030200;
}
#footer ul 
{
list-style-type:none;
margin:0;
}
#footer ul li{
float:left;
}
.footer-txt{
padding:0 23px 0 0;
font-size:12px;
color:#fdb813;
}
/* Footer CSS End *//* Content CSS Start */
#primary-content{
padding:0 0 10px 0;
}
#primary-content .row-1{
border-top:#f5f5f5 1px solid;
border-bottom:#f5f5f5 1px solid;
padding:9px 0 0 0;
height:202px;
}
#primary-content .row-2{
font-size:37px;
font-family:bender;
font-weight:bold;
text-transform:uppercase;
padding:25px 0 18px 0;
color:#666666;
}
#primary-content .row-2 span.color-txt-1{
color:#fdb813;
}
#primary-content .row-3{
}
#primary-content .row-3 h4{
color:#fdb813;
border-bottom:#dddddd 1px solid;
margin:0 0 8px 0;
}
#secondary-content{
color:#666666;
}
#secondary-content .row-1{
font-size:11px;
font-weight:bold;
padding:0 0 20px 0;
}
#secondary-content .row-1 label{
padding:0 9px 0 3px;
text-transform:uppercase;
}
#secondary-content .row-1 select{
width:191px;
font-size:11px;
text-transform:capitalize;
}
#secondary-content .row-2{
padding:10px 2px;
border-top:#dddddd 1px solid;
border-bottom:#dddddd 1px solid;
}
#secondary-content .row-2 h2{
padding:20px 0 0 0;
}
#secondary-content .row-3 .col-1{
width:520px;
float:left;
padding:13px 0 45px 0;
}
#secondary-content .row-3 .col-2{
width:350px;
float:right;
padding:44px 33px 20px 0;
}
#secondary-content .row-4{
width:708px;
padding:0 0 75px 0;
}
#secondary-content .row-5{
font-size:11px;
font-weight:bold;
}
#secondary-content .row-6{
padding:0 0 0 2px;
}
#secondary-content .row-6 .col-1{
width:451px;
float:left;
padding:0 0 45px 0;
}
#secondary-content .row-6 .col-1 p,#secondary-content .row-6 .col-2 p{
font-size:11px;
line-height:15px;
}
#secondary-content .row-6 .col-2{
width:476px;
float:right;
}
.recent-work{
width:225px;
float:left;
color:#000000;
font-size:11px;
}
.recent-work-space{
margin:0 14px 0 0;
}
.recent-work p{
padding:0 0 3px 0;
}
.recent-work .tags{
padding:6px 0 0 0;
display:block;
text-transform:uppercase;
font-size:9px;
}
.recent-work-thumb{
width:223px;
height:100px;
position:relative;
border:#eeeeee 1px solid;
margin:0 0 6px 0;
}
.recent-work-thumb .caption{
position:absolute;
height:14px;
background:#030200;
font-size:10px;
font-weight:bold;
color:#ffffff;
left:0;
top:9px;
padding:1px 15px 0 6px;
}
.originsbody{
border-bottom:#aaaaaa 1px solid;
padding:0 17px 0 2px;
margin:0 0 20px 0;
}
.originsbody .col-2{
width:395px;
float:left;
padding:0 0 13px 0;
}
.originsbody .col-2 p{
font-size:11px;
line-height:15px;
}
.case-study{
border-bottom:#aaaaaa 1px solid;
padding:0 17px 0 2px;
margin:0 0 20px 0;
}

.case-study .col-1{
width:120px;
float:left;
padding:0 0 25px 0;
}
.RTNcase-study{
width:395px;
float:left;
padding:0 0 4px 0;
}
.case-study .col-2{
width:395px;
float:left;
padding:0 0 13px 0;
}
.case-study .col-2 p{
font-size:11px;
line-height:15px;
}
.case-study .col-3{
width:140px;
float:right;
}
.case-info{
background:#02b7dc;
border:#99d8eb 3px solid;
color:#ffffff;
font-weight:bold;
padding:3px 0 5px 0;
margin:0 0 12px 0;
}
.case-info-property{
width:54px;
display:block;
float:left;
padding:1px 0 0 6px;
font-size:10px;
line-height:14px;
}
.case-info-value{
font-size:25px;
padding:0 2px 0 0;
float:right;
}
.enquiry-form{
}
.enquiry-form label{
font-weight:bold;
display:block;
padding:0 0 3px 0;
font-size:11px;
}
/* Content CSS End *//* ClearFix=====================*/.clearfix:after{ content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{ display:inline-block} /* Holly Hack Targets IE Win only \*/* html .clearfix{height:1%}.clearfix{display:block} /* End Holly Hack */