/*** GENERAL STYLES ***/

body {margin: 0; padding: 0; background: #000 url(../images/bkg.gif) repeat-x; text-align: center;}
body, th, td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444; line-height: 16px;}
body strong {color: #222;}
p {margin:0;padding:0 0 10px 0;}
#outer {position: relative; margin: 0 auto; text-align: left; width: 775px; top: 20px; background: #fff; padding: 2px;}

.small {font-size:10px;}
.floatleft {float:left;}
.floatright {float:right;}
.floatclear {float:none;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}

a:link {color: #db1e2e;}
a:visited {color: #db1e2e;}
a:hover {color: #ff9933;}

/*** NAVIGATION STYLES ***/
#main_banner {height: 30px; line-height: 200px; font-size: 12px; background: #fff url(../images/csclogo.gif) no-repeat; padding-bottom: 2px; border-bottom-color: #FFFFFF; overflow: hidden;}
#main_banner a {display: block; height: 30px; line-height: 200px; overflow: hidden;}

#mainnav {margin: 0; padding: 0; height: 23px; background: #585858 url(../images/nav-base.gif) no-repeat; background-position: right; list-style: none; display: block;}

#mainnav li {float: right;}

#mainnav a {display: block; height: 23px; line-height: 200px; overflow: hidden;}

#mainnav a:hover {background: url(../images/nav-over.gif);}

#mainnav .on {background: url(../images/nav-on.gif);}

#mainlogin a {width: 55px;}
#maincontact a {width: 71px;}
#maincareers a {width: 60px;}
#mainnews a {width: 45px;}
#mainrecognition a {width: 90px;}
#mainportfolio a {width: 71px;}
#maincapabilities a {width: 77px;}
#mainabout a {width: 49px;}
#mainhome a {width: 48px;}

#mainlogin.on, #mainlogin a:hover {background-position: -511px 0;}
#maincontact.on, #maincontact a:hover {background-position: -440px 0;}
#maincareers.on, #maincareers a:hover {background-position: -380px 0;}
#mainnews.on, #mainnews a:hover {background-position: -335px 0;}
#mainrecognition.on, #mainrecognition a:hover {background-position: -245px 0;}
#mainportfolio.on, #mainportfolio a:hover {background-position: -174px 0;}
#maincapabilities.on, #maincapabilities a:hover {background-position: -97px 0;}
#mainabout.on, #mainabout a:hover {background-position: -48px 0;}
#mainhome.on, #mainhome a:hover {background-position: -0 0;}

/****** CONTENT STYLES ******/
#main_content {padding:0; margin:0; min-height: 482px; background: url(../images/left_bar.gif) repeat-y -1px 0;}
#main_content_news {padding:0; margin:0; background: url(../images/left_bar.gif) repeat-y -1px 0;}

#main_content h2 {margin:0; padding:0; font-size:11px; line-height:1.75em;}

#main_content ul li {list-style: none;}
#main_content ul {margin: 0; padding: 0;}
#main_content li {background: url(../images/cs-bullet1.gif) 0 8px no-repeat; padding: 0 0 0 7px; line-height: 1.75em;}

/*** PAGE STYLES ***/
#page_home, #page_capabilities, #page_portfolio, #page_recognition, #page_news, #page_careers, #page_contacts, #page_login {}
#page_home {}
#page_capabilities {}
#page_portfolio {}
#page_recognition {}
#page_news {}
#page_careers {}
#page_contacts {}
#page_login {}

/*** MASTHEAD STYLES ***/
#masthead_home {height: 199px; background:url(../images/homepage_top.jpg) no-repeat; overflow:hidden;}
#masthead_aboutus, #masthead_portfolio, #masthead_capabilities, #masthead_recognition, #masthead_news, #masthead_careers, #masthead_clients, #masthead_contact, #masthead_login {height: 107px; }
#masthead_aboutus {background: url(../images/about.jpg);}
#masthead_portfolio {background: url(../images/portfolio.jpg);}
#masthead_capabilities {background: url(../images/capabilities.jpg);}
#masthead_recognition {background: url(../images/recognition.jpg);}
#masthead_news {background: url(../images/news.jpg);}
#masthead_careers {background: url(../images/careers.jpg);}
#masthead_clients {background: url(../images/clients.jpg);}
#masthead_contact {background: url(../images/contact.jpg);}
#masthead_login {background: url(../images/login.jpg);}

/*** CONTENT STYLES ***/
#content_home, #content_aboutus, #content_capabilities, #content_portfolio, #content_recognition, #content_news, #content_careers, #content_contact, #content_login, #content_clients, #content_emailus {padding:14px 0 0 64px; margin:0;}

/*** HOME PAGE ***/
#homeanim {width:775px; height:32px; margin:0; padding:0;}
#content_home {width:465px;}
#content_home_sidebar {float:right; background:#e7e7e7; width:160px; margin:0; padding:12px 40px 0 20px; font-size:10px; height:239px;}
#content_home_sidebar h1 {margin:0;padding:0; font-size:10px;}
#content_home_sidebar ul {margin-top:1em;}
#content_home_sidebar li { margin:0 0 1em 0; padding:0; line-height: 1.2em; background:none;}
#content_home_sidebar_social li {width:10px; float:left;}

/*** ABOUT US PAGE ***/
#content_aboutus {width:600px;}
#aboutlist p {padding-bottom:0; margin:10px 0 5px 0;}
#aboutlist ul {margin-top:0; padding-top:0;}

/*** PORTFOLIO PAGE ***/
#content_portfolio {margin:0 0 0 43px; padding:0; border:none;}
#portfolio_swf {height:375px;  margin:0; padding:0; border:none;}

/*** CLIENTS PAGE ***/
#content_clients {width: 600px;}
#clientslogos {background: url(../images/logos_03.png); width:680px; height:172px; margin: 20px 0 15px 0;}
.backtoport {margin-left:300px; padding:0;}

/*** CAPABILITIES PAGE ***/
/**body>content_capabilities {padding: -3px 0 0 -3px; margin:0;}**/
#content_capabilities {width:600px;}
#content_capabilities table {border:0;margin:15px 0 0 0; padding:0; width: 690px;}
#content_capabilities tr {border:0;margin:0; padding:0; width:300px;}
#content_capabilities td, #awardlist td {border:0; vertical-align: text-top; margin:0; padding:0;}
#content_capabilities ul {padding: 0 0 7px 0; margin:0;}
#content_capabilities table h2 {padding:0; margin:0 0 4px 0; line-height:12px;}

/*** RECOGNITION PAGE ***/
#content_recognition p {width:600px;}
#content_recognition table {border:0; margin:0; padding:20px 0 0 0; width: 700px;}
#content_recognition table h2 {padding:0; margin:0 0 10px 0; line-height:12px;}
#recognitionlogos {background: url(../images/recognitionlogos.png) no-repeat; line-height: 200px; overflow:hidden; width:679px; height:65px; margin-top:30px; padding:0;}

/*** NEWS PAGE ***/
#content_news {width:610px;}
#content_news ul {padding-top:4px;}
#content_news ul li {padding-bottom:6px;}

/*** NEWS STORY ***/
#content_news_story {width: 709px;}
#content_news_story h1 {margin:0 0 10px 0; padding:0; font-size:14px; width: 439px;}
.more-news-link { text-align: center;}
.return-news-link { text-align: center;}
#news-rightcol {float:right; width:261px; padding:0; margin:0;}
#news-rightcol img {margin:20px 0 0 0; padding:0; border:none;}
#news-contentcol {width: 439px; padding:0; margin:0; float:left;}

/*** CAREERS PAGE ***/
#content_careers p {width:600px;}
#content_careers ul {padding:10px 0 10px 0;}
#content_careers ul li {background: none; padding:0 0 8px 0; margin:0;}
#content_careers ul li h2 {padding:0; margin:0; line-height:12px;}
#content_careers ul li a {padding:0; margin:0;}
.careerlist h2 {line-height:14px; margin:0; padding:0;}

/*** CONTACT PAGE ***/
#content_contact p {padding-bottom:18px;}
#content_contact dl {padding:0 0 10px 0; margin:0;}
#content_contact dt { font-weight:bold; padding:0; margin:0;}
#content_contact dd { padding:0; margin:0 0 14px 0;}
#content_contact_top {width:600px;}
#content_contact_bottom {width:700px;}
#content_contact_bottom.rightcol {}
#content_contact_bottom img {border:none; border-style:none; border-width:0;}
.maptocsc {margin:30px 30px 0 0; padding:0;}
/*#content_contact_bottom.leftcol {width:10px;}*/

/*** LOGIN PAGE ***/
#content_login p {padding-bottom:20px; width:600px;}
#content_login form {padding-top:10px; margin:0;}

/*** EMAILUS PAGE ***/
#content_emailus p {width:400px; padding:0 0 18px 0; margin:0;}
#content_emailus table {margin:0; padding:0; border:0;}
#content_emailus input {width:215px; margin-bottom:12px;}
#content_emailus td { vertical-align:top;}
#content_emailus td.labelcol {width:65px;}
#emailussubmit {width:55px !important;}
#Comment {width:215px; margin-bottom:12px; height:60px;}
#formregion {padding-top:10px; margin:0;}

#content_clients_ymca {padding-bottom: 20px;}
#content_clients_ymca h2 { font-size: 14px;}

.btn_viewthecampaign, .btn_viewtheproject, .btn_viewwebsite, .btn_readthecasestudy { width:150px; margin-left: 56px;}
.btn_viewthecampaign {background: url(../images/button-campaign.png) no-repeat;}
.btn_viewtheproject {background: url(../images/button-project.png) no-repeat;}
.btn_viewwebsite {background: url(../images/button-website.png) no-repeat;}
.btn_readthecasestudy {background: url(../images/button-casestdy.png) no-repeat;}
.btn_viewthecampaign a, .btn_viewtheproject a, .btn_readthecasestudy a, .btn_viewwebsite a { display:block; overflow:hidden; line-height:100px; height:23px;}

/***.leftcol { float:left; padding:0; margin:0;}***/
/***.leftcol p {width:300px !important;}***/
/***.rightcol {float: right; width:200px;}**/
/***.rightcol img {border: none; margin: 30px 55px 0 0; padding:0;}**/