/*All of the website specific styling must go in this file*/
body {margin-top:54px;}
body, p, a, li, h1, h2, h3, h4 {color:#333;font-family:arial;font-size:12px;}
a {color:#333;}
a:visited {color:#333;}
a:hover {color:#333;}

#website {width:960px;margin-left:120px;}
#website .siteHeader {height:36px;margin-bottom:27px;display:block;}
#website .siteHeader.email {width:202px;float:left;}

#website #breadcrumb {font-weight:bold;margin-bottom:13px;height:20px;display:block;}
#website #breadcrumb a {border:none;color:#333;font-weight:normal;}
#website #breadcrumb a.firstItem {margin:0px;padding:0px;border:none;}
#website #breadcrumb span.noLink {font-weight:normal;}

#website #leftContent {width:160px;padding-top:10px;float:left;}
#website #leftContent #subMenuParentName {color:#3399ff;font-size:22px;font-weight:normal;}
#website #leftContent2 {float:left;position:relative;left:550px;}
#website #leftContent2 {margin-bottom:0px;width:240px;float:left;background-color:#fff;border:solid 5px #3399FF;-moz-border-radius:10px;-webkit-border-radius:10px;}
#website #leftContent2.design {border-color:#ff6600;}

#tinymce, #website .siteContent {border:none;padding:0px;width:540px;float:right;padding-top:10px;position:relative;left:-260px;}
#tinymce, #website .siteContent.maxWidth {width:800px;margin-right:0px;left:0px;}
#tinymce, #website .siteContent.maxWidth.blog,
#tinymce, #website .siteContent.maxWidth.clientSectors {width:800px;}

#tinymce h1, #tinymce h2, #tinymce h3, #tinymce h4, 
#mceTemplatePreview h1, #mceTemplatePreview h2, #mceTemplatePreview h3, #mceTemplatePreview h4, 
#website .siteContent h1, #website .siteContent h2, #website .siteContent h3, #website .siteContent h4 {color:#666;}

#tinymce p, #mceTemplatePreview p, #website .siteContent p {font-size:12px;line-height:20px;}
#tinymce h2, #mceTemplatePreview h2, #website .siteContent h2,
#tinymce h3, #mceTemplatePreview h3, #website .siteContent h3,
#tinymce p, #mceTemplatePreview p, #website .siteContent p,
#tinymce li, #mceTemplatePreview li, #website .siteContent li {color:#333;}

#tinymce ol, #mceTemplatePreview ol, #website .siteContent ol {margin:0px 0px 20px 35px;}
#tinymce li, #mceTemplatePreview li, #website .siteContent li {font-size:12px;}

#tinymce h1, #mceTemplatePreview h1, #website .siteContent h1 {font-size:22px;font-weight:normal;color:#3399FF;}
#tinymce h2, #mceTemplatePreview h2, #website .siteContent h2 {line-height:18px;}

#website #inlineSubMenu {float:left;background-color:#fff;background-image:none;margin:0px;padding:0px;width:160px;}
/*Menu Positioning*/
#website #inlineSubMenu.inlineSubMenu {float:left;width:275px;}
#website #leftContent.maxWidth #inlineSubMenu,
#website ul#inlineSubMenu ul {display:none;float:left;}
#website #leftContent.maxWidth #inlineSubMenu {display:block;}
#website #leftContent.maxWidth #inlineSubMenu li ul {display:none;}
#website ul#inlineSubMenu li ul li ul  {float:right;display:none;position:absolute;top:0px;left:200px;border:solid 1px red;}
#website ul#inlineSubMenu li.selected ul {display:block;}
#website #leftContent2 ul#inlineSubMenu li.selected ul {background-image:none;padding:4px 0px 5px 6px;margin:0px;width:216px;}
#website #leftContent2 ul#inlineSubMenu li.selected ul li {width:185px;}
#website #leftContent2 ul#inlineSubMenu li.selected ul li img {display:none;}
#website #leftContent2 ul#inlineSubMenu li.selected ul li a {font-size:11px;line-height:17px;}
#website #inlineSubMenu.inlineSubMenu li {width:310px;}
#website #inlineSubMenu.inlineSubMenu li ul li a {font-size:11px;}
#website #inlineSubMenu.inlineSubMenu li ul li.selected a {color:#3399FF;}
/*Menu Formatting*/
#website ul#inlineSubMenu li {list-style-type:none;width:190px;margin:0px;}
#website ul#inlineSubMenu li ul {padding:0px;width:160px;}
#website #inlineSubMenu li a:hover,
#website #inlineSubMenu li span:hover {text-decoration:underline;}
#website #inlineSubMenu li a,
#website #inlineSubMenu li span,
#website #inlineSubMenu li ul li a,
#website #inlineSubMenu li ul li span {font-size:12px;cursor:pointer;line-height:19px;text-decoration:none;}
#website #inlineSubMenu li.selected a.selected {font-weight:bold;}
#website #inlineSubMenu  li img {display:none;}
#website #inlineSubMenu  li ul li img {display:inline;margin:0px 2px 0px 2px;}
/*Sub Menu formatting*/
#website #leftContent2 #inlineSubMenu {border:none;margin-bottom:20px;width:203px;padding:15px 0px 22px 18px;}
#website #leftContent2 #inlineSubMenu li {width:195px;margin-bottom:3px;}
#website #leftContent2 #inlineSubMenu a {line-height:18px;text-decoration:underline;}
#website #leftContent2 h3 {text-indent:-9999px;background: url(../images/online-marketing.gif) no-repeat left top;height:41px;margin:0px 0px 0px 0px;width:225px;}
#website #leftContent2 #inlineSubMenu.design {background: url(../images/web-design_bottom.gif) no-repeat left bottom;background-color:#FF6600;}
#website #leftContent2 h3.design {background-image: url(../images/web-design.gif);height:43px;}
#website #leftContent2.news #inlineSubMenu {padding-top:0px;padding-bottom:0px;}

#roundedHeader {background-image: url(../images/online-marketing.gif);background-repeat:repeat-x;width:240px;height:45px;}
#roundedHeader.design {background-image: url(../images/web-design.gif);background-repeat:repeat-x;}
#roundedHeader.news {background-image: url(../images/blue-header-small.gif);background-repeat:repeat-x;width:225px;height:11px;}

/*Site Footer*/
#website .siteFooter {padding:0px;width:960px;padding-top:25px;display:block;}
#website .siteFooter #spacer {padding:0px;margin:0px;border:none;}
#website .siteFooter #icons {margin-bottom:10px;}
#website .siteFooter a.socialMediaIcon {padding:0px;margin:0px 0px 5px;}
#website .siteFooter a#clientLogin {color:#FF6600;font-weight:bold;}
#website .siteFooter a#w3cXhtmlValidLink {padding:0px;}
#website .siteFooter img#w3cXhtmlValid {height:31px;width:88px;margin-left:473px;padding:0px;}

#tinymce.mceContentBody .homeBox,
#website .siteContent .homeBox {margin-bottom:0px;width:222px;padding:22px 0px 22px 18px;float:left;background-color:#fff;border:solid 5px #3399FF;-moz-border-radius:10px;-webkit-border-radius:10px;border-top-width:10px;}
#tinymce.mceContentBody .homeBox a,
#website .siteContent .homeBox a {display:block;line-height:20px;}
#tinymce.mceContentBody .homeBox #text p a,
#website .siteContent .homeBox #text p a {display:inline;}
#tinymce.mceContentBody .homeBox h3,
#website .siteContent .homeBox h3 {text-indent:-9999px;height:42px;margin:-22px 0px 10px -18px;}

#tinymce.mceContentBody .onlineAndDesign,
#website .siteContent .onlineAndDesign {float:left;}

#tinymce.mceContentBody .homeBox.online,
#website .siteContent .homeBox.online {margin-bottom:20px;}
#tinymce.mceContentBody .homeBox.online h3,
#website .siteContent .homeBox.online h3 {background-image: url(../images/online-marketing.gif);}

#tinymce.mceContentBody .homeBox.design,
#website .siteContent .homeBox.design {border-color:#FF6600;margin:0px 25px 0px 25px;}
#tinymce.mceContentBody .homeBox.design h3,
#website .siteContent .homeBox.design h3 {background-image: url(../images/web-design.gif);}

#tinymce.mceContentBody .homeBox.sectors,
#website .siteContent .homeBox.sectors {border-color:#CC0199;margin-bottom:30px;}
#tinymce.mceContentBody .homeBox.sectors h3,
#website .siteContent .homeBox.sectors h3 {background-image: url(../images/client-sectors.gif);}
#tinymce.mceContentBody .homeBox.sectors p,
#website .siteContent .homeBox.sectors p {margin-bottom:0px;} 
#tinymce.mceContentBody .homeBox.sectors a,
#website .siteContent .homeBox.sectors a {margin-top:25px;}

#tinymce.mceContentBody .homeBox.testimonial,
#website .siteContent .homeBox.testimonial {border-color:#333;padding-bottom:24px;clear:left;}
#tinymce.mceContentBody .homeBox.testimonial h3,
#website .siteContent .homeBox.testimonial h3 {background-image: url(../images/testimonial-header.gif);}
#tinymce.mceContentBody .homeBox.testimonial p,
#website .siteContent .homeBox.testimonial p {color:#333;padding-right:18px;margin-bottom:0px;margin-bottom:25px;}
#tinymce.mceContentBody .homeBox.testimonial p#by,
#tinymce.mceContentBody .homeBox.testimonial p#by,
#website .siteContent .homeBox.testimonial p#by, 
#website .siteContent .homeBox.testimonial p#by {font-weight:bold;margin-bottom:0px;}
#tinymce.mceContentBody .homeBox.testimonial p#company,
#website .siteContent .homeBox.testimonial p#company {font-weight:bold;color:#333;margin-bottom:25px;}
#website .siteContent #testimonialTicker #url {margin-bottom:20px;}

#tinymce.mceContentBody .homeBox.content,
#website .siteContent .homeBox.content {float:right;width:479px;border-color:#999;padding-right:18px;margin-left:25px;border-top-width:5px;}
#tinymce.mceContentBody .homeBox.content #header,
#website .siteContent .homeBox.content #header {background: url(../images/content_header.gif) no-repeat left top;margin:0px 0px 0px -22px;height:9px;}
#tinymce.mceContentBody .homeBox.content h2,
#website .siteContent .homeBox.content h2 {color:#333;font-size:12px;font-weight:bold;line-height:18px;padding:0px;}
#tinymce.mceContentBody .homeBox.content #text,
#website .siteContent .homeBox.content #text {border-left:solid 1px #9a9a9a;border-right:solid 1px #9a9a9a;margin:-2px 2px 0px -22px;padding-left:22px;}
#tinymce.mceContentBody .homeBox.content #footer,
#website .siteContent .homeBox.content #footer {background: url(../images/content_bottom.gif) no-repeat left top;margin:-19px 0px 0px -22px;height:18px;}
#tinymce.mceContentBody .homeBox.content p,
#website .siteContent .homeBox.content p {padding-right:12px;}
#website .siteContent .homeBox.content p a {display:inline;}

#tinymce.mceContentBody .homeBox.callsToAction,
#website .siteContent .homeBox.callsToAction {width:754px;margin-bottom:30px;padding-bottom:9px;border-color:#999999;padding-right:18px;border-top-width:5px;}
#tinymce.mceContentBody .homeBox.callsToAction img,
#website .siteContent .homeBox.callsToAction img {cursor:pointer;}


#tinymce.mceContentBody .jobsBox,
#website .siteContent .jobsBox {float:left;background-image: url(../images/jobs-banner.gif); width:800px;height:76px;margin-bottom:30px;}
#tinymce.mceContentBody .jobsBox p,
#website .siteContent .jobsBox p {padding-left:260px;padding-top:17px;padding-right:30px;}
/*Blog*/
#website .siteContent a.more-link {margin-top:10px;display:block;}
.post {width:565px;float:left;margin-bottom:15px;border-bottom:solid 1px #eee;}
#website .siteContent .post small {font-family:arial;color:#666;font-size:11px;}
#website .siteContent .post h2 {margin-bottom:2px;}
#website .siteContent .post h2 a {color:#3399FF;font-size:20px;text-decoration:none;line-height:24px;}
#website .siteContent .post .entry {margin-top:10px;}
.navigation {display:none;}
#sidebar {width:200px;float:right;}
#website .siteContent #sidebar ul {margin:0px;}
#website .siteContent #sidebar a {text-decoration:underline;}
#website .siteContent #sidebar a:hover {text-decoration:underline;}
#website .siteContent #sidebar ul li {list-style-type:none;line-height:16px;margin-bottom:6px;}
#website .siteContent #sidebar ul li h2 {margin:0px 0px 5px 0px;color:#3399FF;}
#website .siteContent #sidebar ul li ul li {padding-left:0px;}
#searchform {display:none;}

/*News*/
#website .siteContent #newsList {margin:0px;}
#website .siteContent #newsList li {list-style-type:none;margin-bottom:30px;width:530px;float:right;}
#website .siteContent #newsList li h2 {margin-bottom:10px;font-size:18px;font-weight:normal;color:#333;line-height:24px;}
#website .siteContent #newsList li p {margin:0px;}
#website .siteContent #newsList li p.date {color:#999;margin-bottom:5px;}
#website .siteContent #newsList	li div.headline {width:390px;float:left;}
#website .siteContent #newsList .date {background: url(../images/date_placeholder.gif) no-repeat top left;float:left;margin:5px 10px 0px 0px;width:40px;height:44px;}
#website .siteContent #newsList .date .day,
#website .siteContent #newsList .date .month {margin:0px;padding:0px;}
#website .siteContent #newsList .date .day {font-size:16px;text-align:center;margin-top:3px;font-weight:bold;}
#website .siteContent #newsList .date .month {color:#fff;text-align:center;margin-top:1px;}

.onlineForm form {}
.onlineForm form label {color:#333;font-size:11px;width:250px;display:block;padding:5px 0px;margin:10px 0px 0px 0px;}
.onlineForm form input,
.onlineForm form select {border:solid 1px #ccc;width:250px;padding:4px;color:#333;}
.onlineForm form #submitButton {background-color:#fff;border:solid 1px #333;width:50px;cursor:pointer;display:block;margin:10px 0px;}

/*HTML Sitemap*/
#website .siteMap,
#website .siteMap ul {margin:0px 0px 0px 20px;}
#website .siteMap li {margin:5px;}
#website .siteMap li a {text-decoration:none;}
#website .siteMap li a:hover {text-decoration:underline;}

/*Lightbox Gallery*/
a.lightbox img {border:solid 1px #ccc;margin:0px 20px 20px 0px;}

/*Feeds*/
#leftContent #feeds {width:160px;float:left;margin-top:25px;}
#leftContent #feeds h3 {margin-bottom:5px;color:#333;}
#leftContent #feeds a {background:transparent url(../images/rss_feed_icon.jpg) no-repeat left 1px;padding:2px 0px 0px 25px;height:20px;display:block;}
#leftContent #feeds a#twitter {background-image: url(../images/twitter_small.jpg);}
#leftContent #feeds a#linkedIn {background-image: url(../images/linkedin_small.jpg);}

/*Client Sectors*/
#website .siteContent ul.clientSectors,
#website .siteContent ul.clientSectors li,
#website .siteContent ul.clients,
#website .siteContent ul.clients li  {margin:0px;padding:0px;list-style-type:none;cursor:pointer;}

#website .siteContent ul.clients {float:left;width:550px;height:500px;overflow:hidden;}
#website .siteContent ul.clients li {width:220px;color:#333;float:left;cursor:default;}
#website .siteContent ul.clients li a {color:#ccc;cursor:default;text-decoration:none;}
#website .siteContent ul.clients li a.selected {color:#333;cursor:pointer;text-decoration:underline;}
#website .siteContent ul.clients li a.selected:hover {text-decoration:underline;}

#website .siteContent div.homeBox.sectors.clientSectors {float:left;margin-right:0px;}

#website .siteContent ul.clientSectors li {color:#000;}
#website .siteContent ul.clientSectors li:hover {text-decoration:underline;}
#website .siteContent ul.clientSectors li.selected {text-decoration:underline;}
#website .siteContent ul.clientSectors li#allClients {margin-bottom:10px;}

#topPanel {position:absolute;z-index:25;left:803px;top:0px}
#healthCheckButtonContainer {position:relative;z-index:20;}
#healthCheckCloseButtonContainer {position:relative;z-index:20;display:none;}
#healthCheckFormContainer {top:1px;display:none;height:0px;z-index: 10;text-align: center;padding:20px;border:1px solid #3399FF; width:315px;background-color:#fff;}
#healthCheckFormContainer .healthCheckFormTitle {color:#3399FF;font-size:22px;font-weight:normal;}
#healthCheckFormContainer p {text-align:left;font-size:11px;color:#333;}
#healthCheckFormContainer .onlineForm {background-color:#fff;text-align:left;}
#healthCheckFormContainer .onlineForm form label {padding-bottom:0px;margin-top:3px;}
#healthCheckFormContainer .onlineForm form input {width:305px;}
#healthCheckFormContainer .onlineForm form #submitButton {width:100px;}

.ie{display:none;}
#roundedHeader.news {background-image: url(../images/news-box-top.jpg);background-repeat:no-repeat;background-position:top left;width:250px;height:51px;position:relative;left:-5px;top:-10px;}

#website .siteContent .keywordRankingTable,
#tinymce .keywordRankingTable {float:left;background:#fff url(../images/keyword_ranking_bg_top.gif) no-repeat left top;width:525px;padding-top:47px;margin-top:-165px;margin-bottom:25px;}
#tinymce .keywordRankingTable {margin-top:0px;}
#website .siteContent .keywordRankingTable table,
#tinymce .keywordRankingTable table {width:525px;border:solid 5px #999;border-top:none;border-bottom:none;height:160px;}
#website .siteContent .keywordRankingTable table thead td,
#tinymce .keywordRankingTable table thead td {font-weight:bold;padding-top:4px;padding-bottom:4px;}
#website .siteContent .keywordRankingTable table tr.odd,
#tinymce .keywordRankingTable table tr.odd {background-color:#EAF5FF;}
#website .siteContent .keywordRankingTable table td,
#tinymce .keywordRankingTable table td  {color:#333;font-size:11px;}
#website .siteContent .keywordRankingTable table td.keyphrase,
#tinymce .keywordRankingTable table td.keyphrase {padding:0px;padding-left:10px;width:144px;}
#website .siteContent .keywordRankingTable table td.calltoaction,
#tinymce .keywordRankingTable table td.calltoaction {padding:0px;padding-left:10px;}
#website .siteContent .keywordRankingTable table td.calltoaction p,
#tinymce .keywordRankingTable table td.calltoaction p {margin:0px;padding:5px 5px 0px 0px;font-size:11px;font-family:verdana;}
#website .siteContent .keywordRankingTable table thead td.keyphrase,
#tinymce .keywordRankingTable table thead td.keyphrase {padding-top:4px;}
#website .siteContent .keywordRankingTable table td.page,
#tinymce .keywordRankingTable table td.page  {text-align:center;}
#website .siteContent .keywordRankingTable div.footer,
#tinymce .keywordRankingTable div.footer {background:#fff url(../images/keyword_ranking_bg_bottom.gif) no-repeat left top;}