/*
Theme name: 3CP
Description: Custom Theme for 3CP, based on sandbox theme
*/

/* Layout */
@import url('wp-default.css');

body {font:12px/18px Arial, sans-serif; color: #000; background: #003049; height: 100%; text-align: left;}

* { padding: 0; margin: 0; outline: 0; }
p {padding-bottom: 20px;}
h2 {font-size: 18px; color: #003049; padding-bottom: 15px;}
h3 {padding-bottom:15px;}

a img { border: 0; }
a { color: #0000ff; text-decoration: underline; }
a:hover { text-decoration: none; cursor: pointer;}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }
.left { float: left; display: inline; }
.right { float: right; display: inline;} 
.notext {font-size: 0; line-height: 0; text-indent: -4000px;}
.center {display: block; margin: 0 auto;}
.shell {margin: 0 auto; width:1004px; border-top:1px solid #406477;}
.cnt {background: #fff url(images/bg.gif) repeat-x 0 0;}
table {margin:0 0 15px 0; padding:0; border-spacing:0;}
table th {text-align:left;}
table th, table td {padding:10px;}
table td {vertical-align:top;}
table tr td {border-top:1px solid #d2d2d2;}
.tableHeading {background:#006f51; color:#fff;}
.greyBackground {background:#efefef;}
.backtotop {clear:both; height:30px; padding-bottom:0; text-align:right;}

#header {height: 91px; background: #003049; margin-top: 13px; border-top:1px solid #7a93a0;}

h1#logo {float: left; padding-top: 13px; padding-left: 15px; }
h1#logo a {display: block; width: 227px; height: 68px; background: url(images/logo-tm.gif) no-repeat 0 0;}

#navigation {float: right; padding-right: 18px; padding-top: 55px;}
#navigation ul {list-style-type: none;}
#navigation ul li {float: left; display: inline; padding-left: 8px; padding-right: 8px; font-size:12px;}
#navigation ul li a {color: #fff; text-decoration: none;}
#navigation ul li a:hover {text-decoration: underline;}

#grey-box {width: 210px; float: right; padding-top: 5px; padding-left: 38px;}
#grey-box h2 {font-size: 18px; font-weight: normal; color: #fff;}
#grey-box h2 span {color: #8bbd49;}
#grey-box a {text-decoration:none;}

#heading-home {}
#heading-home-cnt {height: 174px; background: url(images/home-heading.jpg) no-repeat 0 0; width: 734px; float: left; padding-top: 75px; padding-right: 22px;}
#heading-home-cnt h2 {color: #003049; font-size: 20px; text-align: right; font-weight: normal; padding-bottom:0;}
#heading-home-cnt h2 span {color: #10785c;}
#heading-home-cnt h2.black {color: #000; line-height:24px;}
#heading-home-right { background: url(images/home-heading-right.gif) no-repeat 0 0; height: 240px; float: right; width: 248px; padding-top: 9px;}
#heading-home-right a, #heading-right a {text-decoration: none;}
#heading-home-right a:hover, #heading-right a:hover {text-decoration: underline;}
#heading-home-right p {padding-left: 17px; padding-right: 18px; font-size: 10px; padding-top: 10px; line-height: 14px;}
a.get-button {background: url(images/get-button.gif) no-repeat 0 0; height: 33px; padding-top: 10px; padding-left: 45px; font-family: helvetica, arial, sans-serif; font-weight: bold; font-size: 17px; display: block; color: #006f51;  width: 120px; margin: 0 auto;}
a.belbin-logo {background: url(images/belbin-logo.gif) no-repeat 0 0; width: 180px; height: 63px; display: block; margin: 0 auto;}

#heading {height: 152px;}
#heading-cnt {width: 734px; height: 100px; float: left; padding-top: 52px; padding-right: 22px;}
#heading .about {background: url(images/heading-about.jpg) no-repeat 0 0;}
#heading .services {background: url(images/services-heading.jpg) no-repeat 0 0;}
#heading .clients {background: url(images/clients-heading.jpg) no-repeat 0 0;}
#heading .contact {background: url(images/contact-heading.jpg) no-repeat 0 0;}
#heading-right {width: 248px; height: 139px; background: url(images/heading-right.gif) no-repeat 0 0; float: right; padding-top: 13px;}
#heading-right p {padding-left: 17px; padding-right: 13px; font-size: 10px; padding-top: 11px;}
#heading-cnt h2 {text-align: right; color: #006f51; padding-bottom:0;}
#heading-cnt h2 span {color: #003049; padding-right: 21px;}

#main {background: #fff; padding: 22px 20px 40px 26px;}
.services-cnt {background: #fff url(images/services-bg.jpg) no-repeat 0 0 !important;}
.contact-cnt {background: #fff url(images/contact-bg.jpg) no-repeat right 168px !important; padding-bottom: 250px !important;}
.contact-inner {width: 550px; padding-left: 238px;}
.contact-cnt p {padding-bottom: 20px;}
p.contact-phone {background: url(images/contact-phone.gif) no-repeat 0 0; padding-left: 35px; padding-top: 5px; padding-bottom: 5px; font-size: 15px;}
p.contact-email {background: url(images/contact-email.gif) no-repeat 0 0; padding-left: 35px; padding-top: 5px; padding-bottom: 5px; font-size: 15px;}

.guide-inner {width: 540px; padding-left: 200px;}

#services-side {width: 235px; float: left;}
#services-side ul {padding-left: 65px;}
#services-side h3 {color: #003049; font-size: 16px;}
.services-cnt ul li a {color: #003049; text-decoration: none; font-weight: bold;}
.services-cnt ul li a:hover {text-decoration: underline;}
#services-content {width: 710px; float: left;}
#services-content h4 {color: #000; font-size: 12px; padding-bottom: 12px;}

.services-content-left {width: 327px;  float: left; padding-right: 27px; }
.services-content-right {width: 354px; float: right;}
.services-content-inner {border-bottom: 1px solid #c5c4c4;padding-top: 15px; padding-bottom: 10px;}
.noborder {border: 0 !important;}

#content {width: 670px; float: left;}
#services-content h3, #content h3 {color: #003049; font-size: 15px; padding-bottom: 15px;}
#services-content h3, #content h3 {font-size: 13px;}

.product {float:left; display:block; background:#efefef; width:710px; margin-bottom:15px; padding:15px 0;}
.productThumb {float:left; display:inline; width:115px; margin:0 0 0 15px;}
.productDesc {float:left; display:inline; width:550px; margin:0 0 0 15px;}
.fullWidth {width:auto;}
.productDesc p {padding-bottom:0; padding-top:15px;}

#content p.nospace {padding-bottom: 0;}
#services-content ul, #content ul {list-style-type: none; padding-left: 20px; padding-bottom: 15px;}
#services-content ul li, #content ul li {font-weight: bold; background: url(images/bullet.gif) no-repeat 0 6px; padding-left: 10px; color: #003049;}
#services-content h4, #content h4 {color: #8bbd49; font-size: 14px;}
#content ul.green li, .about-page #content ul li {background-image: url(images/bullet-green.gif); color: #000; font-weight: normal; padding-left: 8px;}

ul.standardList  {list-style-type: none; padding-left: 20px; padding-bottom: 15px;}
ul.standardList li {background: url(images/bullet-green.gif) 0 6px no-repeat; color: #000; font-weight: normal; padding-left: 8px;}


.clients p {padding-bottom: 20px;}
.clients h4 {color: #8bbd49; font-size: 13px;}
.client-logos {border: 1px solid #c5c4c4; padding: 15px; text-align: center; margin-bottom: 15px;}
.client-logos a {margin-right: 4px; margin-left: 4px;}

.client-partner {float:left; background:#eee; padding:20px; margin-bottom:20px;}
.client-partner img {margin:0 10px 20px 0;}

#footer {height: 138px; background: #003049 url(images/footer.gif) repeat-x 0 0; font-size: 10px; padding-bottom: 15px;}
#footer p.copy {color: #006f51; float: left; padding-left: 27px;}
#footer p.copy span {margin-left: 10px;}
#footer p.copy span a {color:#fff; text-decoration:none;}
#footer p.copy span a:hover {color:#fff; text-decoration:underline;}
#footer ul {list-style-type: none; float: left; padding-left: 9px;}
#footer ul li {float: left; display: inline; color: #003049}
#footer ul li a {color: #003049; text-decoration: none}
#footer ul li a:hover {text-decoration: underline;}
#footer ul li span {padding-left: 9px; padding-right: 9px;}
#footer .shell {border:none;}
.contact-inner img {
    float: left;
    display: inline;
    margin-top: -4px;
    margin-right: 4px;
}

/* Contact Form */

.contactForm {}
.contactForm label {width: 100px; display: block; float: left;}
.contactForm input.text {width: 250px; display: block; margin-bottom: 5px; border: solid 1px #bbb; padding: 1px; font-size: 100%;}
.contactForm textarea {font-family: arial, helvetica, sans-serif; width: 250px; height: 75px; display: block; margin-bottom: 5px; border: solid 1px #bbb; padding: 1px; font-size: 100%;}
.contactForm input.submit {margin-top: 5px; margin-left: 100px; width: 100px;padding: 3px; color: #fff; background: #aaa;}

/* Guide Download Landing pages */
.guidePage {padding:0 !important;}
.guidePage #content {width:755px; background: url(images/guide_background.png) 0 0 no-repeat;}
.guidePage #content h2 {display:none;}
.guidePage #sidebar {float:right !important; width:235px; background:#b8b8b3; padding:50px 7px 0 7px; height:650px;}
.guidePage #guideContent li {padding:0 0 10px 0; margin: 0 0 0 35px;}
.guidePage #guideContent {width: 725px; margin:260px auto 20px auto;}
.guidePage #guideContent h3 {margin-bottom:35px; font-size:16px;}
.guidePage #guideContentLeft, #guideContentRight {width: 356px;}
.guidePage #guideContentLeft {float: left;}
.guidePage #guideContentRight {float: right;}

#sidebar {width: 275px; float: right;}
#sidebar h3 {color: #7fb637; font-size: 15px;}
#sidebar h4 {color:#fff; font-size:12px; font-weight:bold;}
#sidebar h4 span, #sidebar-narrow h4 span {color:#00314a; font-size:18px; font-weight:bold;}
#sidebar .contactForm label, #sidebar-narrow .contactForm label {width: 150px; display: block; float: left;}
#sidebar .contactForm input.text, #sidebar-narrow .contactForm input.text {width: 193px; display: block; margin-bottom: 5px; border: solid 1px #bbb; padding: 1px; font-size: 100%; clear:both;}
#sidebar .contactForm textarea, #sidebar-narrow .contactForm textarea {font-family: arial, helvetica, sans-serif; width: 193px; height: 75px; display: block; margin-bottom: 5px; border: solid 1px #bbb; padding: 1px; font-size: 100%;}
#sidebar .contactForm input.submit {margin: 35px auto 15px 40px; width: 100px; color: #fff; background: #aaa;}
.formBox {background: #f4f4f4; border:1px solid #aaa; padding:10px; margin: 10px auto 0 auto;}


.guidePage2 {padding:0 !important; border-top:1px solid #558f9b;}
.guidePage2 #content {width:755px; #fff}
.guidePage2 #content h2 {display:none;}
.guidePage2 #sidebar {float:right !important; width:235px; background:#b8b8b3; padding:20px 7px 0 7px; height:680px;}
.guidePage2 #sidebar img {margin:20px 0 10px 40px;}
.guidePage2 #sidebar .contactForm input.text {width: 193px; display: block; margin-bottom: 10px; border: solid 1px #bbb; padding: 1px; font-size: 100%; clear:both;}
.guidePage2 #sidebar .contactForm input.submit {margin: -10px 0 0 56px; width: 100px; color: #fff; background: #aaa;}
.guidePage2 #sidebar .formBox, #sidebar-narrow .formBox {background: #f4f4f4; border:1px solid #aaa; padding:10px 10px 20px 10px; margin: 10px auto 0 auto;}

.guidePage2 #guideContent {width: 700px; margin:20px auto 0 auto;}
.guidePage2 #guideContent li {margin: 0 0 0 35px;}
.guidePage2 #guideContent p {padding:10px 0;}
.guidePage2 #guideContent h3 {font-size:16px; padding-bottom:5px;}
.guidePage2 #guideContentLeft, #guideContentRight {width: 356px;}
.guidePage2 #guideContentLeft {float: left;}
.guidePage2 #guideContentRight {float: right;}

.guidePage2 #sidebar.whitepaper {background:#00314a;}
#sidebar.whitepaper h4 {color:#cdf207; font-size:11px;}
#sidebar.whitepaper h4 span, #sidebar-narrow h4 span {color:#fff;}
.guidePage2 #sidebar.whitepaper .formBox {background: transparent; border:none;}
#sidebar.whitepaper .contactForm label {color:#cdf207;}
#sidebar.whitepaper .contactForm p {color:#fff;}
.guidePage2 #sidebar.whitepaper .contactForm input.text {border: none;}
.guidePage2 #sidebar.whitepaper .contactForm input.submit {margin: -10px 0 0 56px; width: 100px; height:30px; font-size:13px; font-weight:bold; color: #00314a; background: #CDF207; border:0;}

/* BASIC + NEWS PAGES */
#main.wide {padding:0; background:url(images/bg_news.gif) 0 0 repeat-y; min-height:500px; height:auto !important; height:500px;}
#main.wide #content {width: 710px; float: left; padding: 22px 20px 40px 26px;}
#main.wide #content h2 {padding-bottom:20px;}
#main.wide #content h3 {padding:0;}
#main.wide #content h3 a, #main.wide #content h3 a:visited {color:#000; text-decoration:none;}
#main.wide #content h3 a:hover {text-decoration:underline;}
#main.wide #content .entryContainer h4 {font-size:10px; padding:0;}

#sidebar-narrow {width: 228px; padding: 22px 10px 40px 10px; float: right; background:#eee;}
#sidebar-narrow h3, #sidebar-narrow h3 a, #sidebar-narrow h3 a:visited {color: #003049; font-size: 16px; text-decoration:none;}
#sidebar-narrow h3 a:hover {text-decoration:underline;}
#sidebar-narrow a, #sidebar-narrow a:visited {font-weight:bold; color:#000; text-decoration:none;}
#sidebar-narrow a:hover {text-decoration:underline;}
#sidebar-narrow span {font-size:10px; line-height:14px; color:#000;}
#sidebar-narrow ul {list-style-type:none; margin-left:10px;}
#sidebar-narrow ul li {margin-bottom:10px;}

#main.wide #content .entryContainer {margin-bottom:30px;}
#main.clients #caseStudies .entryContainer {background:none repeat scroll 0 0 #FFFFFF; border:1px solid #E4E4E4; margin-bottom:30px; padding:15px;}
.caseStudy {padding-top:30px;}
#main.wide #content .caseStudy {padding-top: 0;}
.caseStudy img {float:right; margin:0 0 30px 30px; border:1px solid #E4E4E4;}
#main.wide #content .caseStudy h2 {padding-bottom:5px;}
#main.clients #caseStudies .entryContainer h3 {font-size:22px; padding-bottom:5px;}
#main.clients #caseStudies .entryContainer h4 {font-size:14px;}


#content.narrow {width:400px !important; float:left;}

.resource {float:left; width:190px; height:270px; background:#ebefe1; padding:15px; margin:10px 15px 15px 0; font-size:11px; line-height:12px; border-top:3px solid #ccc; border-bottom:1px solid #ccc;}
.resource span {font-weight:bold; font-size:12px;}
.resource img {margin: 15px auto 10px 40px; border:0;}