/* General Styles */
html, body {margin:0px; padding:0px; height:100%; width:100%; font-size:12px; font-family:Arial, Verdana, sans-serif; min-height:101%}
body {background:#c9c9c9}

.Clear {clear:both; line-height:0px; height:0px}
.clear {clear:both}
.left {float:left}
.right {float:right}
.textOnly {display:none}
.noShow {display:none}
img {border:none}


/* Font Styles */
a {color:#2269c1; text-decoration:none; font-weight:bold}
a:hover {text-decoration:underline}
.bold {font-weight:bold}
h1 {color:#2269c1; font-size: 21px; font-weight:bold; margin:4px 0px}
h1 a {color:#2269c1; font-weight:bold}
h2 {color:#2269c1; font-size: 14px; font-weight:normal; margin:15px 0px}
h3 {color:#2269c1; font-size: 100%; font-weight:normal; margin:4px 0px}
h3 a {color:#2269c1; font-weight:bold}
h4 {color:#2269c1; font-size: 100%; font-weight:bold; margin:4px 0px}
h4 a {color:#2269c1; font-weight:bold}
h5 {font-size: 100%; font-weight:bold; margin:4px 0px}
h6 {font-size: 90%; font-weight:bold; margin:4px 0px}
.tradeMark {vertical-align: top; font-size: 33%; font-weight: bold}

.existing {height:70px; background:url(../images/existing-bg.gif) bottom no-repeat;  padding-left:10px}
.existing span {color:#4da9cc; font:italic bold 12px Arial, Helvetica, sans-serif}
.exisintg a:link, .exisintg a:hover, .exisintg a:visited {font:italic Arial, Helvetica, sans-serif; color:#2168c0; text-decoration:underline}

.boldcolor {font-weight:bold; color:#2168c0; font-size:12px}

/* Layout styles */
#NetconstructInfo {width:960px; color:#FFFFFF; margin:0 auto 10px auto; text-align:center}
#NetconstructInfo a {color:#FFFFFF}

#MainWrapper {width:960px; margin:0 auto 0 auto; padding:1px 6px 0 0; background:#fff url(../images/RightShadow.gif) right repeat-y}
#Header {height:128px; width:958px; border-bottom:solid 1px #c5cbcd; background:url(../images/HeaderBG.jpg) bottom repeat-x; position:relative;margin:0}

#Logo {margin:0; width:316px; float:left}
#TopRight {float:right;text-align:right;padding-top:20px; padding-right:15px}

#TopNav {width:470px;font-size:11px; clear:both; padding-right:15px;position:absolute; bottom:15px; right:0}
#TopNav ul {margin:0px 0 0 -40px; list-style:none}
#TopNav ul li {float:left; padding:0px 5px; color:#696a6c; border-right:solid 1px #58595b}
#TopNav ul li a {color:#696a6c; white-space: nowrap}
#TopNav ul .currentSection a {color:#2269c1}
#TopNav ul li a:hover { }

/* Homepage */
#HomeBanner {border-top:solid 1px #2269c1; width:958px; margin-left:0px; overflow:hidden; border-bottom:solid 1px #2269c1}

#HomeMain {margin:20px 10px}
#Introduction {width:472px; margin:0 30px 0 6px; float:left}

#Footer {width:959px; margin:0}
#BottomLinks {margin:0 20px 10px 0; float:right}

.mainLink {float:left; width:207px}
.mainLink .link {background:url(../images/HomeLinkBG.gif) no-repeat; height:32px; width:207px; margin-top:0}
.mainLink .link a {color:#FFFFFF; font-size:16px; font-weight:normal; line-height:2em; margin-left:10px}
#ServicesLink {margin-right:10px}

#HomeLinks {margin:0 10px}

#LeftSide {float:left}
#RightSide {float:left; width:424px}

.extra-services {width:424px}
.extra {float:left; width:206px; overflow-x:hidden; margin-bottom:10px}
.extrat {font-weight:bold; padding:18px 0 10px 2px; font-size:16px; clear:both}
.extrap {font-size:11px; color:#256ab7; margin-left:75px}
.extrap p {padding:0; color:#333; margin:0}
.extraimg {float:left; margin-right:4px; display:block}



/* Inner Page */
#InnerMiddle {width:960px}
#InnerLeft {float:left; width:184px}
#InnerRight {float:right; width:770px;margin-right:2px}
#InnerPageBanner {margin:0; width:770px; height:215px}
#InnerMainTwoPart {width:755px; padding:10px 0 10px 10px; min-height:482px;background:url(../images/InnerMainTwoPartBG.jpg) no-repeat bottom left scroll; height:auto}
#PageTitle {margin:15px 0}

/* Used in InnerPageWithRightPromos */
#InnerMainLeft {width:495px; float:left; padding:0px 20px 10px 0px}

#InnerMainRight {width:235px; float:left; overflow:hidden}
#Enquiries {width:235px; height:41px}
#Enquiries a {color:#FFFFFF; font-size:140%}

#LeftNav {margin:10px 10px 10px 0; color:#58595b; width:160px; display:block}
#LeftNav a {color:#58595b}
#LeftNav .title {font-size:140%; margin:20px 0 20px 10px; font-weight:bold}
#LeftNav ul {margin:0 0 0 0; list-style:none; padding:0 0 0 10px}
#LeftNav ul li {padding:4px 0 4px 4px; border-bottom:solid 1px #58595b}
#LeftNav ul li a { }
#LeftNav ul li a:hover { }
#LeftNav ul li ul li {border:none}

#LeftNav ul .currentPage {color:#58595b; background:#d2d2d2}
#LeftNav ul .currentPage a {color:#58595b}
#LeftNav ul .parentPage {padding:0px}
#LeftNav ul .parentPage div {color:#58595b; background:#d2d2d2 url(../images/LeftNavParentBG.gif) repeat-x bottom}
#LeftNav ul .parentPage a {color:#58595b; display:block; padding:4px 0 4px 4px}
#LeftNav ul .parentPage ul li {padding:2px 0 2px 4px}
#LeftNav ul .parentPage ul li a {padding:0px; color:#58595b}
#LeftNav ul li ul .currentPage {background:none}
#LeftNav ul li ul .currentPage a {color:#2269c1}


/* Breadcrumb */
#BreadCrumb {color:#999999; font-size:11px}
#BreadCrumb a {color:#999999}

/* Case Studies */
.caseStudy {clear:both; width:710px; height:97px; padding:10px; margin:10px 10px 10px 0px; background:url(/images/presentation/CaseStudyBG.gif) no-repeat}
.caseStudy .thumb {float:left; margin:0px 10px 0px 0px}
.caseStudy .date {font-weight:bold}
.caseStudy .title {margin:5px 0 0 0}
.caseStudy .summary {margin:5px 0}
.caseStudy .moreLink {float:right; margin:0 10px 0 0px}

/* USED BY CASE STUDIES AND LATEST NEWS */
/* OVERRIDE FOR LATEST NEWS USING #LatestNews */
#CaseStudy {Clear:both; margin:10px 0}
#CaseStudy #right {float:right; margin:0 -10px 0 0; width:286px; overflow:hidden}
#CaseStudy #right .image { }
#CaseStudy #left {width:440px}
#CaseStudy .title {margin:0px}
#CaseStudy .subtitle {margin:0px}
#CaseStudy .date {font-weight:bold}
#CaseStudy .study {margin:10px 0}
#CaseStudy .pdf {width:426px; height:61px; background:url(/images/presentation/PdfBG.gif) no-repeat}
#CaseStudy .pdf .pdfLogo {float:left; margin:10px}
#CaseStudy .pdf h4 {margin:14px 0 0 0; float:left}
#CaseStudy .pdf .left {width:360px}
#CaseStudy .backLink {width:200px; margin:15px auto 0 auto}

#PaginationWrapper {width:auto; float:right; margin:0 10px 0 0; background:url(/images/presentation/PaginationBG.gif) repeat-x}
#PaginationLeft {width:6px; height:24px; float:left; background:url(/images/presentation/PaginationLeftBG.gif) no-repeat left}
#Pagination {min-width:220px; float:left; height:24px; margin:0px; list-style:none; background:url(/images/presentation/PaginationRightBG.gif) no-repeat right}
#Pagination li {margin:4px 5px 0 5px; float:left}
#Pagination .current { }

#CaseStudyPromo {width:480px}
#CaseStudyPromo .summary {text-align:right; width:280px;font:italic 12px Arial, Helvetica, sans-serif; color:#2269c1; float:right}

#HomeLinks #CaseStudyPromo {width:186px; margin:0px; min-height:215px; padding:14px 10px 0px 10px; float:left; background:url(/images/presentation/HomeLinkBG.jpg) bottom no-repeat; border-top:solid 1px #2269c1}
#HomeLinks #CaseStudyPromo h4 {padding-top:15px}

/* Small Promo box*/
#SmallPromoBox {float:left; width:215px; height:90px; margin:10px 5px; padding:10px; background:url(/images/presentation/CaseStudyPromoBG.gif) bottom no-repeat}

/* Large Promo box*/
#LargePromoBox {width:910px; margin-right:30px; padding:0 10px 0px 10px; float:left;border-top:solid 1px #2269c1}

/* Important Info Links */
#ImportantInfo {float:left; width:215px; height:90px; margin:10px 5px; padding:10px; background:url(/images/presentation/CaseStudyPromoBG.gif) bottom no-repeat}
#ImportantInfo .title {margin:0px 0 8px 0; display:block}
#ImportantInfo ul {margin:0px; list-style:none}
#ImportantInfo ul li { }
#ImportantInfo ul li a {color:#58595b}

/* Right Sector Links */
#RightSectorLinks {float:left; width:235px; margin:10px 0px}
#RightSectorLinks .title {width:236px; height:37px; background:url(/images/presentation/RightLinkListHeaderBG.gif) no-repeat}
#RightSectorLinks .title h2 {margin:10px 5px 5px 5px}
#RightSectorLinks .title h4 {margin:2px 5px 5px 5px}
#RightSectorLinks .links {background:#f4f5f5 url(/images/presentation/RightLinkListBG.gif) bottom no-repeat}
#RightSectorLinks ul {margin:0 0 0 -40px; list-style:none}
#RightSectorLinks ul li {width:235px; border-bottom:solid 1px #94d4db}
#RightSectorLinks ul li a {color:#58595b; padding:4px 8px; display:block}

#PromoInner {float:left; margin-top:10px;}
#PromoInner #PromoImage {width:130px; float:left}

.sitemap {margin-left:-30px; padding-bottom:80px}
.sitemap a:link, .sitemap a:visited {color:#666}
.sitemap a:hover {color:#2269c1}
.sitemap ul {list-style:none; line-height:20px; color:#666; padding-bottom:10px}
.sitemap ul ul {list-style:disc; line-height:20px; color:#999; padding-bottom:10px}
.sitemap ul ul ul {list-style:circle; line-height:20px; color:#999; padding-bottom:10px}

.tips {width:485px; background-color:#fff;color:#444; font-weight:normal}
.tipsheader { background:url(../images/tipsbg.gif) repeat-x top left; height:36px; vertical-align:top; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding-top:8px; padding-left:15px}
.tips ul { list-style:none; padding:0 15px 15px 15px; margin-top:-15px; margin-left:-5px}
.tips li {padding-left:18px }
.tipsbold {font-weight:bold; color:#2168c0; font-size:12px; background:url(../images/tipsarrow.gif) no-repeat 0 15px; padding-top:15px; margin:0}