* {	margin: 0;	padding: 0;}
body.home {font-size: 62.5%;font-family: Arial, Helvetica, sans-serif;background: url(/assets/images/home-bg.jpg) top center repeat-x #eee;}
body.content {font-size: 62.5%;font-family: Arial, Helvetica, sans-serif;background: url(/assets/images/content-bg.jpg) top center repeat-x #eee;}
#masthead img, #banner img, #footer img {border: 0;margin: 0;padding: 0;}
.clear{clear: both;}
#container{width: 976px;margin: 0 auto;}

/* Masthead area - all pages */
#masthead{width: 976px;height: 98px;float: left;background: url(/assets/images/content-bg.jpg) top center repeat-x;}
#logo{width: 203px;height: 98px;float: left;}
#nav{width: 566px;height: 98px;margin-left: 36px;float: left;}
#telephone{width: 171px;height: 98px;float: left;background: url(../images/masthead-telbg.jpg) top left no-repeat;}

/* Banner - home page */
#banner{width: 976px;height: 165px;float: left;}
#bannerText{width: 464px;height: 104px;margin: 45px 0px 0px 25px;float: left;}

/* Service boxes - home page */
#contentContainer{width: 976px;float: left;}
#designBoxContainer{width: 317px;height: 266px;float: left;background: url(/assets/images/service-background-design.jpg) bottom left no-repeat;}
#designBoxTitle{width: 317px;height: 74px;float: left;background: url(/assets/images/service-title-design.png) top left no-repeat;}
#designBoxContent{width: 317px;height: 192px;float: left;}
#marketingBoxContainer{width: 317px;height: 266px;margin: 0px 13px 0px 12px;float: left;background: url(/assets/images/service-background-marketing.jpg) bottom left no-repeat;}
#marketingBoxTitle{width: 317px;height: 74px;float: left;background: url(/assets/images/service-title-marketing.png) top left no-repeat;}
#marketingBoxContent{width: 317px;height: 192px;float: left;}
#consultancyBoxContainer{width: 317px;height: 266px;float: left;background: url(/assets/images/service-background-consultancy.jpg) bottom left no-repeat;}
#consultancyBoxTitle{width: 317px;height: 74px;float: left;background: url(/assets/images/service-title-consultancy.png) top left no-repeat;}
#consultancyBoxContent{width: 317px;height: 192px;float: left;}

/* 3 column layout - home page */
#leftColHome{width: 317px;float: left;}
#latestBlogBoxTitle, #featuredWorkBoxTitle, #latestNewsBoxTitle{width: 240px;height: 63px;float: left;}
#latestBlogBoxView, #featuredWorkBoxView, #latestNewsBoxView{width: 57px;height: 38px;float: left;}
#latestBlogBox{width: 317px;height: 174px;float: left;background: url(/assets/images/box-latest-blog.jpg) top left no-repeat;}
#latestBlogBoxDate{width: 70px;height: 95px;float: left;background: url(/assets/images/date-latest-blog.jpg) top left no-repeat;}
#latestBlogMonth{width: 45px;height: 14px;margin: 18px 0px 0px 15px;float: left;}
#latestBlogDay{width: 45px;height: 27px;margin: 0px 0px 0px 15px;float: left;}
#latestBlogBoxContent{width: 247px;height: 95px;float: left;}
#linksBox{width: 305px;height: 120px;float: left;background: url(/assets/images/box-links.jpg) top left no-repeat;}
#midColHome{width: 317px;float: left;margin: 0px 13px 0px 12px;}
#featuredWorkBox{width: 317px;height: 315px;float: left;background: url(/assets/images/box-featured-work.jpg) top left no-repeat;}
#featuredWorkBoxContent{width: 317px;float: left;}
#rightColHome{width: 317px;float: left;}
#latestNewsBox{width: 317px;height: 174px;float: left;background: url(/assets/images/box-latest-news.jpg) top left no-repeat;}
#latestNewsBoxContent{width: 317px;height: 95px;float: left;}
#newsLetterBox{width: 317px;height: 160px;float: left;background: url(/assets/images/box-newsletter.jpg) top left no-repeat;}
#newsLetterBoxTitle{width: 317px;height: 58px;float: left;}
#newsLetterBoxContent{width: 317px;height: 67px;float: left;}

/* 3 column layout - content pages */
#leftColContent{width: 232px;float: left;margin-top: 12px;}
#subnav{width: 210px;float: left;background: url(/assets/images/background-tile-left-col.gif) left top repeat-y;}
#ourServicesBox{width: 210px;float: left;}
#ourServicesBoxTitle{width: 210px;height: 45px;float: left;}
#ourServicesBoxBottom{width: 210px;height: 32px;float: left;background: url(/assets/images/bottom-left-col.png) bottom left no-repeat;}
#clientFeedbackBox,#clientLogoBox{width: 210px;float: left;}
#clientFeedbackBoxTitle,#clientLogoBoxTitle{width: 210px;height: 46px;float: left;}
#clientFeedbackBoxContent,#clientLogoBoxContent{width: 210px;float: left;background: url(/assets/images/background-tile-left-col.gif) left top repeat-y;}
#clientFeedbackBoxBottom,#clientLogoBoxBottom{width: 210px;height: 35px;float: left;background: url(/assets/images/bottom-left-col.png) top left no-repeat;}
#midColContent{width: 513px;float: left;margin-top: 12px;}
#titleBar {width: 265px;height: 45px;float: left;background: url(/assets/images/title-bar-bg.jpg) top repeat-x;overflow: scroll;overflow: visible;}
#titleBar .sIFR-replaced {overflow: visible;white-space: nowrap;}
#titleBarNav{width: 247px;height: 45px;float: left;background: url(/assets/images/title-bar-bg.jpg) top repeat-x;}
#breadcrumb{width: 513px;height: 30px;/*/20px;*/float: left;clear:both;}
#bannerContentPage{width: 513px;clear:both;float: left;}
.bannerContentPage{ margin-bottom: 15px;clear:both; }
#midColContentBody{width: 513px;float: left;padding-bottom: 20px}
#rightColContent{width: 211px;float: left;margin-top: 12px;padding-left: 20px;}
#viewExamplesBox{width: 210px;float: left;margin-bottom: 5px;}
#viewExamplesBoxTitle{width: 210px;height: 45px;float: left;}
#viewExamplesBoxContent{width: 210px;float: left;background: url(/assets/images/background-tile-left-col.jpg) top right repeat-y;}
#viewExamplesBoxBottom{width: 210px;height: 25px;float: left;background: url(/assets/images/bottom-left-col.png) bottom right no-repeat;}
#contactUsBox{width: 210px;float: left;}
#contactUsBoxTitle{width: 210px;height: 46px;float: left;}
#contactUsBoxContent{width: 180px;float: left;background: url(/assets/images/background-tile-left-col.gif) top repeat-y;}
#contactUsBoxBottom{width: 210px;height: 35px;float: left;background: url(/assets/images/bottom-left-col.png) top left no-repeat;}
#zwsNewsBox{width: 210px;float: left;}
#zwsNewsBoxTitle{width: 210px;height: 46px;float: left;}
#zwsNewsBoxContent{width: 180px;float: left;background: url(/assets/images/background-tile-left-col.gif) top repeat-y;}
#zwsNewsBoxBottom{width: 210px;height: 35px;float: left;background: url(/assets/images/bottom-left-col.png) top left no-repeat;padding-bottom: 20px;}

/* Portfolio  */
#viewPorfolioBox{width: 210px;float: left;}
#viewPorfolioBoxTitle{width: 210px;height: 45px;float: left;}
#viewPorfolioBoxBottom{width: 210px;height: 35px;float: left;background: url(/assets/images/bottom-left-col.png) top left no-repeat;padding-bottom: 20px;}
#screenshots{width: 513px;float: left;padding-bottom: 10px}
#servicesProvidedBox{width: 513px;float: left;padding-bottom: 20px;}
#servicesProvidedBoxTitle{width: 513px;height: 69px;float: left;}
#servicesProvidedBoxContentContainer{width: 513px;float: left;background: url(/assets/images/services-provided-bg.gif.png) top right repeat-y;}
#servicesProvidedBoxContentLeft{width: 256px;float: left;background: url(/assets/images/services-provided-bg.gif.png) top left repeat-y;}
#servicesProvidedBoxContentRight{width: 257px;float: left;background: url(/assets/images/services-provided-bg.gif.png) top right repeat-y;}
#servicesProvidedBoxBottom{width: 513px;height: 34px;float: left;background: url(/assets/images/bottom-service-provided.png) top left no-repeat;}

/* Footer - for all pages */
#footer{width: 100%;height: 272px;float: left;background: url(/assets/images/footer-bg.jpg) top left repeat-x;}
#footerContainer{width: 976px;margin: 0 auto;}
#footerDesign{width: 172px;height: 208px;float: left;margin-left: 24px;}
#footerMarketing{width: 172px;height: 208px;float: left;margin-left: 65px;}
#footerConsultancy{width: 172px;height: 208px;float: left;margin-left: 65px;}
#footerContact{width: 240px;height: 208px;float: left;margin-left: 65px;}
#footerSmallprint{width: 969px;height: 52px;float: left;}

#printhead {display:none;}

/* Playing with column widths.... :   */
#mainCols {float: left;margin:0px;Padding:0px;border:none;	width: 745px;}
#midColContent{float: right}
#leftColContent{float: left;}
#rightColContent{float: left;}