@import url(reset.css);
@import url(textStyle.css);
@import url(dropDown.css);

/****************** Generic */

html {
	min-height: 101%;
}

html, body {
	background: #dbdbdb;
}

p {
	margin-bottom: 10px;
}

/****************** Page Structure - Borders */

#outer {
	margin: 15px auto;
}

#TopContainer {
	background: url(../images/structure/BgHeadShadow.gif) no-repeat top;
	width: 970px;
	text-align:center;
}

#MidContainer {
	background: url(../images/structure/BgFullShadow.gif) repeat-y;
	width: 970px;
	margin: 0 auto;
}

#BottomContainer {
	background: url(../images/structure/bgFooterShadow.gif) no-repeat bottom;
	width: 970px;
}

#MainContent {
	overflow:hidden;
	text-align: left;
	clear: both;
	margin: 0 auto;
	padding: 0 65px;
}

#Header {
	background: #DbDbDb url(../images/structure/roundedWhite.gif) no-repeat top;
	width: 970px;
	height: 29px;
	margin: 0 auto;
}

#Footer {
	background: #DbDbDb url(../images/structure/roundedWhiteInverted.gif) no-repeat bottom;
	width: 970px;
	height: 29px;
	margin: 0 auto;
}

/****************** Logo Bar */

#MainContent .logoBar {
	height: 48px;
}

/****************** Search Bar */

#MainContent .searchBar {
	float: right;
	height: 19px;
	border: none;
}

#MainContent .searchBar .searchArea {
    width: 168px;
}


#MainContent .searchBar .client {
    float: left;
	margin: 5px 0 0 -65px;
}

#MainContent .searchBar .searchArea .search {
	width: 142px;
    float: left;
	margin-left: 4px;
	height: 19px;
	background: url(../images/search/SearchBox.jpg) no-repeat top;
	background-position: 0 0;
}

#MainContent .searchBar .searchArea .search input {
	margin-top: 2px;
	border: none;
	height: 15px;
	margin-left: 20px;
}

#MainContent .searchBar .searchArea .searchGo  {
    float: left;
	width: 26px;
	margin: 0 0 0 -4px;
	border: none;
}

/****************** Main */

#MainContent .breadcrumbs {
	padding-top: 8px;
	height: 20px;
}

#MainContent .Banner {
	height: 68px;
	float: left;
    margin: 15px 0;
}

#MainContent .FlashBanner {
/*	height: 192px;	*/
	float: left;
	margin-bottom: 2px;
	margin-top: -25px;
}

#Home .FlashBanner {
	margin-bottom: 0;
}

#What-we-do .FlashBanner {
	margin-top: 0;
	margin-bottom: 15px;
}

/****************** Page Content */

#MainContent .PageContent {
    float: left;
    width: 840px;
}

#MainContent .PageContent .greyBox {
	float: left;
	height: 164px;
	width: 210px;
	background-color: #dbdbdb;
}

#SixReasons #MainContent .PageContent .content {
	width: auto;
}


#MainContent .content {
    float: left;
}


#MainContent .content_NoImg {
    float: left;
}

#MainContent .PageContent .fullContent {
	float: left;
}

#MainContent .PageContent .left-image {
	float: left;
	margin-right: 10px;
}

#MainContent .PageContent .content ul.numbered {
	margin-left: 0;
}

#MainContent .PageContent .content ul.numbered li {
	padding: 10px 0 10px 40px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: 0;
}
	
#MainContent .PageContent .content ul.numbered li.r1 {
	background-image: url(../images/ListNumbers/Reason1.gif);
}

#MainContent .PageContent .content ul.numbered li.r2 {
	background-image: url(../images/ListNumbers/Reason2.gif);
}

#MainContent .PageContent .content ul.numbered li.r3 {
	background-image: url(../images/ListNumbers/Reason3.gif);
}

#MainContent .PageContent .content ul.numbered li.r4 {
	background-image: url(../images/ListNumbers/Reason4.gif);
}

#MainContent .PageContent .content ul.numbered li.r5 {
	background-image: url(../images/ListNumbers/Reason5.gif);
}

#MainContent .PageContent .content ul.numbered li.r6 {
	background-image: url(../images/ListNumbers/Reason6.gif);
}

/****************** Employees */

#MainContent .contentRow {
	width: 840px;
	float: left;
	padding: 15px 0;
}

#MainContent .contentRow .employeeRow {
	width: 840px;
	float: left;
	padding: 5px 0;
}

#MainContent .contentRow .first {
	padding-top: 15px;
	border-top: 1px solid #dbdbdb;
}

#MainContent .contentRow .last {
	padding-bottom: 15px;
	border-bottom: 1px solid #dbdbdb;
}

#MainContent .contentRow .employeeRow .employee {
	width: 420px;
	float: left;
}

#MainContent .contentRow .employeeRow .employee .employeeImage {
	float: left;
	margin-right: 10px;
	width: 85px;
}

#MainContent .contentRow .employeeRow .employee .employeeDetail {
	float: left;
	width: 320px;
}

#MainContent .contentRow .featured {
	width: 840px;
	float: left;
	padding-top: 15px;
}

#MainContent .contentRow .featured img {
	float: left;
	margin-right: 10px;
}

#MainContent .contentRow .about {
	width: 260px;
	float: left;
}

#MainContent .contentRow .facts {
	width: 400px;
	float: left;
	padding-left: 20px;
}

/****************** Our Work */

#MainContent .LogoRow {
	width: 840px;
	padding-bottom: 20px;
	float: left;
}

#MainContent .logo {
	background: url(../images/structure/LogoShadow.gif) no-repeat bottom right;
	width: 90px;
	height: 95px;
	margin-right: 12px;
	float: left;
}

#MainContent .logo img {
	margin-top: 2px;
}

#MainContent .logo h3, #MainContent .logo h3 a  {
	padding: 5px 0 0 5px;
}

/****************** Case Studies */

#MainContent .CaseStudy {
	float: left;
	width: 840px;
}

#MainContent .CaseStudy img {
	margin-top: -10px;
	float: left;
}

#MainContent .CaseStudy p {
	margin: 20px 0;
	padding-left: 95px;
}

/****************** PNM - the list of box images */

#MainContent .pnm {
	width: 840px;
	height: 210px;
	margin-top: 15px;
	float: left;
}

#Home .pnm {
    margin-top: 2px;
}

#MainContent .Homepnm {
	margin-top: 0;
}

#MainContent .pnm ul {
	list-style: none;
	float: left;
}

#MainContent .pnm ul li {
	float: left;
	height: 210px;
	width: 210px;
}

/*  Pick and Mix */

#MainContent .pnmBox {
	border: none;
	width: 210px;
	height: 210px;
	float: left;
}

#MainContent .pnmBox .headColour {
	width: 210px;
	height: 5px;
	top: 0;
}

#MainContent .pnmBox .textArea {
	width: 190px;
	height: 65px;
	padding: 10px 10px 0 10px;
	overflow: hidden;
	background: #fff;
}

#MainContent .pnmBox .textArea h1 {
	padding-bottom: 10px;
}

#MainContent .pnmBox .textArea_person {
	width: 210px;
	height: 185px;
}

#MainContent .pnmBox .textArea_person h1 {
	width: 110px;
	padding: 10px 0 0 10px;
}

#MainContent .pnmBox .textArea_person p {
	width: 110px;
	height: 110px;
	padding: 0 0 0 10px;
	overflow: hidden;
}

#MainContent .pnmBox .textArea_person h1 {
	padding-bottom: 10px;
}

#MainContent .pnmBox .imageArea {
	width: 210px;
	height: 110px;
	background: #efefef;
	overflow: hidden;
}

#MainContent .pnmBox .linkArea {
	width: 210px;
	height: 20px;
	float:left;
}

#MainContent .pnmBox .linkArea .left {
	width: 150px;
	height: 20px;
	background: #666 url(../images/structure/PNMFooterShade.jpg) repeat-x;
	float:left;
}

#MainContent .pnmBox .linkArea .right {
	width: 52px;
	height: 17px;
	float:left;
	padding: 3px 0 0 8px;
}

/****************** Homepage Sprcific */

#MainContent .HomeBottom {
	float: left;
	width: 518px;
}

#MainContent .HomeBottom .Header {
	width: 518px;
	height: 30px;
	padding-top: 16px;
}

#MainContent .HomeBottom .img {
	float: left;
}

#MainContent .HomeBottom .img img {
	padding-right: 10px;
}

#MainContent .HomeBottom .copy {
	padding-right: 10px;
}

#MainContent .Promotions {
	float: right;
	width: 322px;
	height: 128px;
}

#MainContent .Promotions .top {
	height: 63px;
	padding-top: 10px;
}

#MainContent .Promotions .bottom {
	position: relative;
	background: url(../images/structure/bgCoverageTracker.jpg) no-repeat 0 4px;
	height: 51px;
	padding-top: 4px;
}

#MainContent .Promotions .bottom .left {
	float: left;
	width: 167px;
	padding: 5px 0 0 15px;
}

#MainContent .Promotions .bottom .right {
	position: absolute;
	right: 14px;
	top: 13px;
}

/* 
#MainContent .Promotions .bottom {
	position: relative;
	background: url(../images/structure/CoverageTracker.jpg) no-repeat 0 4px;
	height: 51px;
	padding-top: 4px;
}

#MainContent .Promotions .bottom span {
	position: absolute;
	right: 14px;
	top: 13px;
}
*/

/****************** Promoting Tech */

#PromotingTechnology #MainContent .PageContent ul {
	list-style: none;
}

#PromotingTechnology #MainContent .PageContent ul  li {
	background: #ffffff url(../images/structure/MainNavBg.gif) repeat-x;
	float: left;
	height: 18px;
	border: 1px solid #E7E7E8;
	padding: 5px 14px 0 14px;
	margin-left: 1px;
	display: block;
}

#PromotingTechnology #MainContent .PageContent ul li:hover {
	background: #e7e7e8 url(../images/structure/MainNavBgSelect.gif) repeat-x;
}

/****************** Footer */

#MainContent .footerBar {
	background-color: #dbdbdb;
	width: 840px;
	height: 18px;
	float: left;
	margin-top: 25px;
}

#MainContent .footerBar ul {
	list-style: none;
}

#MainContent .footerBar ul.contact {
	float: left;
	padding: 3px 0 0 5px;
}

#MainContent .footerBar ul.bits {
	float: right;
	padding: 3px 5px 0 0;
}

#MainContent .footerBar ul li {
	display: inline;
	float: left;
	padding-left: 3px;
}

#MainContent .footerBar ul li.first {
	padding-left: 0;
}

/* SiteMap */

#MainContent .siteMap ul {
    margin-left: 20px;
    margin-bottom: 10px;
}

#MainContent .siteMap ul li ul {
    margin-left: 20px;
}


/****************** Blog */

#MainContent .PageContent .BlogLinks {
	float: left;
	width: 200px;
	margin-right: 20px;
	background: #ECEDED;
}

#MainContent .PageContent .BlogLinks .blogFaves,
#MainContent .PageContent .BlogLinks .blogSubscribe,
#MainContent .PageContent .BlogLinks .blogArvhive {
	padding-left: 15px;
	width: 185px;
}

#MainContent .PageContent .blogContent {
	float: left;
	width: 620px;
}

#MainContent .PageContent .blogContent .blogPost {
	border-bottom: 1px solid #ECEDED;
    overflow: auto;
	padding: 15px 0 15px 0;
}

#MainContent .PageContent .blogContent .first {
	padding: 0 0 15px 0;
}

#MainContent .PageContent .blogContent .blogPost .header img {
	float: left;
	margin-right: 5px;
}

#MainContent .PageContent .blogContent .blogPost .content {
	margin-top: 15px;
	float: left;
	width: 620px;
}

#MainContent .PageContent .blogContent .blogCommentResponse {
	margin-top: 15px;
	float: left;
	border: 1px solid #9284BF;
	background-color: #ECEDED;
	padding: 10px;
}

#MainContent .PageContent .blogContent .blogCommentForm {
	margin-top: 15px;
	float: left;
}

#MainContent .PageContent .blogContent .contentBack {
	margin-top: 10px;
}

#MainContent .PageContent .blogContent .blogComments {
	margin-top: 15px;
	float: left;
	width: 600px;
}

#MainContent .PageContent .blogContent .blogComment {
	margin-top: 15px;
	float: left;
	width: 600px;
	background-color: #f2f2f2;
	border: 1px solid #cccccc;
	padding: 10px;
}

#MainContent .PageContent .blogContent .blogComment h2 {
	float: left;
	width: 580px;
	margin-bottom: 10px;
}

#MainContent .PageContent .blogContent .blogComment .content {
	float: left;
	width: 580px;
	margin-bottom: 10px;
	padding-left: 10px;
}

#MainContent .PageContent .blogContent .blogComment .name {
	float: left;
	width: 580px;
	padding-left: 10px;
}

/****************** Search */

#Search-Results #MainContent .Banner {
	margin-top: 0;
}