/* What We Do CSS Document */

.pageTitle {display: none;}

#main {width: 100%;}
#contentWrapper {width: 100%; background: url(../images/design/introBarRpt.jpg) repeat-x top;}

#content {background: url(../images/design/introBarMain.jpg) top no-repeat; margin: 0; width: 100%;}
#whatWeDo {background: url(../images/design/introBarMain.jpg) top no-repeat;}

#services .quickLinks {float: right; width: 450px; display: inline; margin: 0 75px 0 0; clear: right;}

.column {float: left; clear: left; display: block; width: 480px;}

#contentWrapper #pageIntro {text-align: center; padding: 40px 0 0px;}
#contentWrapper #pageIntro h1 {color: #fff;}

#stages {display: block; width: 960px; height: 280px; margin: 0; padding: 0; background: url(../images/design/whatwedo/steps.png) no-repeat; position: relative;}
#stages h2 {display: none;}
#stages li {float: left; width: 180px; list-style: none; text-align: center; padding: 140px 20px 0 40px;}

#services ul {padding: 0; margin: 0;}
#services li.mainContentItem {padding: 40px 0; margin: 0; float: left; display: block; width: 960px; list-style: none; border-bottom: 1px dashed #ccc; clear: both; position: relative;}
#services .itemTitle {width: 960px; display: block;}
#services .serviceIcon {float: left; display: inline;}
#services h2 {padding: 10px 0 30px; font-size: 210%; color: #f26522; line-height: 100%; display: block; float: left;}
#services .itemContent {display: block; float: left; width: 460px; clear: left;}
#services p {clear: both;}

#services #websiteDesign h2 {margin-top: 7px;}
#services #websiteDesign h2 span a {font-size: 70%;}
#services #websiteDesign .itemContent {display: block; float: left; width: 370px;}
#services #websiteDesign .miniGallery {margin-top: -100px;}
#services #portfolioMiniSlideshow {float: right; width: 490px; height: 440px; display: inline; margin: 0; padding: 0; position: relative;}
#services #portfolioMiniSlideshow li {float: left; display: inline; margin: 9px; padding: 0; list-style: none;}
#services #portfolioMiniSlideshow img {border: 1px solid #ccc; padding: 8px;}

#services #exampleCms {float: right; display: inline; margin-top: -70px;}

#services #cmsFeatures {display: block; clear: both; float: left; width: 920px;}
#services .cmsFeaturesList li {display: block; float: left; padding: 10px 20px;}
#services .cmsFeaturesList {float: left; display: inline; margin: 0 20px 0 0px; list-style: none;}
#services .cmsFeaturesList img {margin: 0 10px 0 0;}
#services #cms a.orangeButton {margin: 0 0 0 120px;}

#services #vle {padding-bottom: 100px; background: url(../images/design/whatwedo/learningplatform/mainSlide_learningplatform.jpg) no-repeat 0 40px;}
#services #vle a.orangeButton {margin: 0 0 0 120px;}

#services #mobileApps {background: url(../images/design/whatwedo/mobileApps/iphoneAppFull.jpg) right 60px no-repeat;}
#services #mobileApps .itemContent {width: 360px;}

#services #branding .quickLinks {float: right; width: 250px; display: inline; margin: 0 75px 0 0; clear: right;}
#services #branding a.orangeButton {margin: 0}

#services li.lastItem {border: none;}
#services #multimedia .itemContent {display: block; float: left; width: 340px;}