/* Theme Name: Commune Media 
	Description: The default theme for Commune Media 
	Version: 2.0 
	Author: Pramesh Attwala 
	Tags: 
*/    


/* SITE GLOBALS */
body {margin:0; padding:0; font: 13px/20px Helvetica, Arial, san-serif; background: #ececec; color: #44494f;}
hr {display:none;}
a, a:visited {color:#2b9618; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border: none;}
h2 {margin:0; font-size:20px; line-height:30px; font-weight:normal; color:#505a64;}
h3 {margin:30px 0 10px 0; padding:0; font-size:18px; line-height:24px; font-weight:bold; color:#004990;}
h3.noTopMargin {margin:0 0 10px 0 !important;}
h3 a, h3 a:visited {color:#004990; text-decoration:none;}
h3 a:hover {text-decoration:underline;}
h4 {margin:0 0 10px 0; font-size:14px; line-height:20px; font-weight:bold; color:#222;}
h5 {margin:0; padding:10px 0 0 0; font-size:13px; line-height:14px; font-weight:bold; color:#222;}
br.break {display:none;}
span {display:none;}
#content li span, p span {display:inline;}


#main {float:left; width:100%; background:#fff url(images/bg_main.jpg) 0 0 repeat-x; min-height:400px; padding: 75px 0 75px 0;}
#main.products {padding: 0 0 75px 0;}
#main.home {padding: 40px 0 75px 0;}
#mainBlog {float:left; width:100%; 0 0 repeat-x; min-height:400px; padding: 75px 0 75px 0;}
#content {width:885px; padding:0 30px 0 30px;}
.wrapper {width:945px; position:relative; left:50%; margin:0 0 0 -487px; padding:1px 15px 0 15px;}
.contentBlock {margin-top:42px;}
.floatLeft, .alignleft {float: left;}
.floatRight, .alignright {float: right;}
img.alignleft {float:left; margin:0 15px 15px 0;}
img.alignright {float: right; margin:0 0 15px 15px;}
.greenArrow {padding-right:10px; background:url(images/greenArrow.gif) right no-repeat; overflow:hidden;}
.greenArrowBack {padding-left:10px; background:url(images/greenArrowBack.gif) left no-repeat; overflow:hidden;}

#bannerTall {position:relative; width: 100%; height:313px; background:#fff url(images/bg_bannerTall.jpg) 0 0 repeat-x; overflow:hidden;}
#bannerShort {width: 100%; height:112px; background:#fff url(images/bg_bannerShort.jpg) 0 0 repeat-x;}

.downloadLink, .downloadLink a {width: 341px; height:17px; display:block;}
.downloadLink {clear:left; background: url(images/lnk_downloadPresentation.gif) 0 0 no-repeat; position:relative;}
.downloadPresentationBanner, .downloadPresentationBanner a {width:637px; height:89px; display:block;}
.downloadPresentationBanner {background: url(images/lnk_downloadPresentationBanner.gif) 0 0 no-repeat;  margin:0 auto;}
.downloadPresentationButton, .downloadPresentationButton a {width:165px; height:106px; display:block;}
.downloadPresentationButton {background: url(images/lnk_downloadPresentationButton.gif) 0 0 no-repeat; margin:15px 0 0 0;}
.downloadPresentationButtonWide, .downloadPresentationButtonWide a {width:227px; height:109px; display:block;}
.downloadPresentationButtonWide {background: url(images/lnk_downloadPresentationButtonWide.gif) 0 0 no-repeat; margin:0;}

.rssButton, .rssButton a {width:165px; height:75px; display:block;}
.rssButton {background: url(images/lnk_subscribeRSS.gif) 0 0 no-repeat; margin:90px 0 0 0;}
.rssButtonWide, .rssButtonWide a {width:227px; height:43px; display:block;}
.rssButtonWide {background: url(images/lnk_subscribeRSSWide.gif) 0 0 no-repeat; margin:15px 0 0 0;}


#lnkContactUs, #lnkContactUs a {width:611px; height:89px; display:block;}
#lnkContactUs {clear:both; background: url(images/lnk_contactUs.gif) 0 0 no-repeat; margin:0 auto 50px auto; position:relative; top:50px;}

.analyticsQualified, .adwordsQualified {width:165px; height:165px;}
.analyticsQualified {background: url(images/logo_analyticsQualified.gif) 0 0 no-repeat;}
.adwordsQualified {background: url(images/logo_adwordsQualified.gif) 0 0 no-repeat; margin-top:15px;}
.contactButton, .contactButton a {width:165px; height:90px; display:block;}
.contactButton {background: url(images/lnk_contactUsButton.gif) 0 0 no-repeat; margin-top:15px;}
.contactButtonWide, .contactButtonWide a {width:227px; height:78px; display:block;}
.contactButtonWide {background: url(images/lnk_contactUsButtonWide.gif) 0 0 no-repeat;}

.entryContainer {background: #fff; border:1px solid #e4e4e4; padding:15px; margin-bottom:30px;}
.entryContainer h3, .entryContainer h4 {line-height:20px; margin:0;}
.entryContainerClean {background: #fff; padding:15px; margin-bottom:30px;}
.entryContainerClean h3 {line-height:20px; margin:0;}
.entryContainerClean h4 {line-height:20px; margin:30px 0 0 0; border-bottom:1px dotted #a3cc48;}

.red {color:red; display:inline;}
.grey {color:#999 !important;}
.first {margin-left:0 !important;}



/* SITE HEADER */
#header {background: #1a3561 url('images/bg_header.jpg') 0 0 repeat-x; height:123px;}
h1, h1 a {width:223px; height:64px; display:block;}
h1 {float: left; background: transparent url(images/logo_commune.gif) 0 0 no-repeat; margin:28px 0 0 0;}



/* SITE NAV */
#nav {float: right; margin:28px 45px 0 0;}
#nav ul {list-style-type: none; margin:0; padding:0;}
#nav ul li {float:left; display:block; height:11px; margin-left:10px; color:#fff; font: 16px/20px "Myriad Pro", Helvetica, Arial, sans-serif;}
#nav ul li a {display:block; height:11px; color: #fff; text-decoration: none;}
#nav ul li a:hover {color: #cbdfff; text-decoration: underline;}
#nav ul li.nav1, #nav ul li.nav1 a, #nav ul li.nav1selected {width:29px;}
#nav ul li.nav1 a {background: url(images/lnk_navigation2.gif) 0 0 no-repeat;}
#nav ul li.nav1 a:hover, #nav ul li.nav1selected a {background: url(images/lnk_navigation2.gif) 0 -11px no-repeat;}
#nav ul li.nav2, #nav ul li.nav2 a, #nav ul li.nav2selected {width:91px;}
#nav ul li.nav2 a {background: url(images/lnk_navigation2.gif) -39px 0 no-repeat;}
#nav ul li.nav2 a:hover, #nav ul li.nav2selected a {background: url(images/lnk_navigation2.gif) -39px -11px no-repeat;}
#nav ul li.nav3, #nav ul li.nav3 a, #nav ul li.nav3selected {width:71px;}
#nav ul li.nav3 a {background: url(images/lnk_navigation2.gif) -142px 0 no-repeat;}
#nav ul li.nav3 a:hover, #nav ul li.nav3selected a {background: url(images/lnk_navigation2.gif) -142px -11px no-repeat;}
#nav ul li.nav4, #nav ul li.nav4 a, #nav ul li.nav4selected {width:61px;}
#nav ul li.nav4 a {background: url(images/lnk_navigation2.gif) -280px 0 no-repeat;}
#nav ul li.nav4 a:hover, #nav ul li.nav4selected {background: url(images/lnk_navigation2.gif) -280px -11px no-repeat;}
#nav ul li.nav5, #nav ul li.nav5 a, #nav ul li.nav5selected {width:46px;}
#nav ul li.nav5 a {background: url(images/lnk_navigation2.gif) -223px 0 no-repeat;}
#nav ul li.nav5 a:hover, #nav ul li.nav5selected  {background: url(images/lnk_navigation2.gif) -223px -11px no-repeat;}
#nav ul li.nav6, #nav ul li.nav6 a, #nav ul li.nav6selected {width:24px;}
#nav ul li.nav6 a {background: url(images/lnk_navigation2.gif) -352px 0 no-repeat;}
#nav ul li.nav6 a:hover, #nav ul li.nav6selected {background: url(images/lnk_navigation2.gif) -352px -11px no-repeat;}
#nav ul li.nav7, #nav ul li.nav7 a, #nav ul li.nav7selected {width:54px;}
#nav ul li.nav7 a {background: url(images/lnk_navigation2.gif) -387px 0 no-repeat;}
#nav ul li.nav7 a:hover, #nav ul li.nav7selected {background: url(images/lnk_navigation2.gif) -387px -11px no-repeat;}



/* HOME PAGE */
#bannerHome {position:relative; width: 100%; height:430px; background:#fff url(images/bg_bannerHome.jpg) 0 0 repeat-x; overflow:hidden;}
.bannerHome {width:931px; height:49px; padding-top:1px; margin:46px 0 35px 7px; background:url(images/bannertxt_homePage1.gif) 0 0 no-repeat;}
.serviceProfile {float:left; display:inline; width:265px; height:225px; padding:14px; margin:0 0 0 30px; border:1px solid #f5f5f5; background:#fff;}
.serviceProfileInner {width:250px; height:185px; padding: 25px 0 15px 15px; background:#f4f4f4 url(images/bg_serviceProfileInner.jpg) 0 0 no-repeat;}
.serviceProfileInner h3 {font-size:22px; color:#2b9618; margin:0 0 20px 0; padding:0;}
.serviceProfileInner p {width:225px; margin:0; padding:0;}
.serviceProfileInner a {float:right;}
.buttonLearnMore {width:130px; height:30px; margin-top:15px; background: url(images/button_learnmore.gif) 0 0 no-repeat;}
.buttonLearnMore:hover {background: url(images/button_learnmore.gif) 12px -30px no-repeat;}
.buttonMeetTheTeam {width:146px; height:30px; margin-top:15px; background: url(images/button_meettheteam.gif) 0 0 no-repeat;}
.buttonMeetTheTeam:hover {background: url(images/button_meettheteam.gif) 12px -30px no-repeat;}
.buttonLearnMore span, .buttonMeetTheTeam span {display:none;}
#main.home h3 {font-size:25px; padding-bottom:10px;}

.clients img {width:211px; height:81px; border:7px solid #f5f5f5; padding:0;}
.client {float:left; display:inline; position:relative; margin:0 0 20px 15px;}
.overlay {width:211px; height:81px; position:absolute; z-index:1; margin:7px 0 0 7px; visiblity:hidden; cursor:pointer;}
.overlay img {position:absolute; left:40px; top:29px; z-index:2; border:none; width:136px; height:24px;}
.overlayBG {width:211px; height:81px; position:absolute; z-index:1; background:#000; -moz-opacity:0.6 !important; -webkit-opacity:0.6 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important; filter: alpha(opacity=60) !important; opacity: 0.6 !important;}



/* ABOUT US */
.bannerAbout {float:right; display:inline; width:565px; height:172px; padding-top:1px; margin:41px 219px 0 0; background:url(images/bannertxt_aboutUs1.gif) 0 0 no-repeat;}
.gfxStreetLight {float: left; margin:25px 0 0 0;}
.aboutLink {left:485px; top:-65px;}
.head {margin: 0 30px 30px 0;}
#leftRailAbout {float:left; display:inline; width:420px;}
#rightRailAbout {float:right; display:inline; width:420px;}



/* CASE STUDIES */
.bannerCaseStudies {float:left; width:544px; height:121px; padding-top:1px; margin:29px 0 0 0; background:url(images/bannertxt_caseStudies1.gif) 0 0 no-repeat;}
.gfxGauges {float:right; position:relative; right:-20px; top:-41px;}
.caseStudiesLink {top:30px;}
#leftRailCaseStudies {float:left; display:inline; width:675px;}
#rightRailCaseStudies {float:right; display:inline; width:165px;}
.caseStudy {clear:both;}
.caseStudy ul li span {display:block;}
.caseStudy ul li {margin:15px 0;}
.caseStudy h4 {margin-bottom:15px;}
.csLogo {float:left; margin:0 25px 15px 0;}
.expander {padding-right:15px; background: url(images/greenArrowDown.gif) right no-repeat;}



/* BLOG */
#leftRailBlog {float:left; width:645px; background:#fff; padding:30px;}
#rightRailBlog {float:right; width:225px;}
.postMeta {font-size:10px; margin:0; padding:0;}
.blogPreFooterContainer {float:left; background: #f5f5f5; width:615px; border:1px solid #e4e4e4; padding:15px; margin-bottom:30px;}
.blogPreFooterContainer h4, .sideBarContainer h4, #leftRailBlog h4  {border-bottom:1px solid #a3cc48;}
.tags {padding:5px 0; border-top:1px dotted #a3cc48; border-bottom:1px dotted #a3cc48;}
.sideBarContainer {width:205px; background:#fff; margin-top:15px; padding:10px; border:1px solid #d5d5d5; font-size:11px; line-height:14px;}
.sideBarContainer ul {list-style-type:none; list-style:none; margin:0; padding:0;}
.sideBarContainer ul li {margin-bottom:8px; padding:0;}
#commentform table {float:left;}
.formInputComment {width:300px;}
.formInputComment input, .formInputComment textarea {width:290px; padding-left:10px; border:1px solid #e4e4e4; font:14px/18px Helvetica, Arial, san-serif;}
.formInputComment input {height:19px; padding-top:10px; margin:0 0 13px 0;}
.formInputComment textarea {height:114px;}
.commentCopy {width:200px; float:right;}
.wp-caption-text {margin-top:0; font-size:10px; font-style: italic;}



/* CONTACT US */
.bannerContact {width:883px; height:120px; padding-top:1px; margin:30px 0 0 0; background:url(images/bannertxt_contactUs1.gif) 0 0 no-repeat;}
.gfxCommunicate {margin:28px 0 0 120px;}
#leftRailContact {float:left; display:inline; width:485px;}
#rightRailContact {float:right; display:inline; width:370px; height:557px; border:1px solid #e4e4e4;}
#leftRailContact br {margin:0; padding:0;}

.contactEmail, .contactPhone, .contactTwitter {font-size:22px; font-weight:bold; line-height:22px; display:block;}
.contactEmail a, .contactTwitter a {color:#66be5c; text-decoration:none;}
.contactEmail a:hover, .contactTwitter a:hover {text-decoration: underline;}
.contactEmail {padding:0 0 0 30px; background: url(images/bg_email.gif) 0 0 no-repeat;}
.contactPhone {padding:0 0 0 30px; background: url(images/bg_phone.gif) 6px 0 no-repeat;}
.contactTwitter {padding:0 0 0 30px; background: url(images/bg_twitter.gif) 7px 0 no-repeat;}

#leftRailContact table {margin:30px 0 0 0; padding:0; border-collapse: collapse;}
.formLabel {width: 84px; font-size: 14px; color:#222; vertical-align:text-top; padding-top:10px;}
.formInput {width:400px;}
.formInput input, .formInput textarea {width:390px; padding-left:10px; border:1px solid #e4e4e4; font:14px/18px Helvetica, Arial, san-serif;}
.formInput input {height:19px; padding-top:10px; margin:0 0 13px 0;}
.formInput textarea {height:114px;}
input#submit {float: right; width:133px; height:33px; margin-top: 15px; color:#fff; font:14px/18px Helvetica, Arial, sans-serif; font-weight:bold; background:#f99d43; border:none; cursor:pointer;}
#map {width:338px; height:527px; margin:15px 0 0 15px;}

.contactFormError, .contactFormSuccess {float:left; padding:15px; margin:15px auto 0 auto; color:#fff; font-weight:bold;}
.contactFormError { background:#ec4a4a;}
.contactFormSuccess {background:#5cb54c;}



/* ANALYTICS COMPASS &  SEARCH + CONVERT */
.serviceDetail {width:658px; background: #f5f5f5; border:1px solid #e4e4e4; padding:15px 0 15px 15px; margin-bottom:30px; overflow:hidden;}
.serviceDetailThreeColumn {float:left; width:204px; margin-right:15px; display:inline;}
.serviceDetailTwoColumn {float:left; width:314px; margin-right:15px; display:inline;}
.serviceDetail table td {vertical-align:top;}
.serviceDetail table {padding:0; margin:0;}
.serviceDetail table tr td {padding-bottom:20px;}
.checkmark {font-family:"Arial Unicode MS",Helvetica,sans-serif; display:block !important;}
#tabs {height:45px; width:100%; margin-bottom:45px; background: transparent url(images/bg_tabs.gif) 0 44px repeat-x;}
#tabs ul {list-style-type:none; margin:0; padding:0;}
#tabs ul li {float:left; display:block; height:44px; font-size:18px; font-weight:bold; color:#9d9d9d; padding: 0 1px;}
#tabl ul li a {display:block; height:31px;}
#tabs ul li a span {height:31px; padding:13px 23px 0 23px; display:inline-block;}
#tabs ul li a, #tabs ul li a:link, #tabs ul li a:visited {color:#9d9d9d;}
#tabs ul li a:hover {color:#004990; text-decoration: none;}
#tabs ul li.selected {background:#fff; border-bottom:1px solid fff;  border-left:1px solid #c8c8c8;  border-right:1px solid #c8c8c8; color:#2b9618; padding:0;}
#tabs ul li.selected a, #tabs ul li.selected a:link, #tabs ul li.selected a:visited {color:#2b9618;}
#tabs ul li.selected a:hover {color:#2b9618; text-decoration: none;}

.bannerSearchConvert {float:left; width:799px; height:165px; padding-top:1px; margin:90px 0 0 30px; background:url(images/bannertxt_searchConvert.gif) 0 0 no-repeat;}
.bannerAnalyticsCompass {float:left; width:914px; height:164px; padding-top:1px; margin:90px 0 0 30px; background:url(images/bannertxt_analyticsCompass.gif) 0 0 no-repeat;}
html>body .heightAdjust {margin-top:64px;}

table.products {width:885px; position:relative; clear:both;}
table.products tr {height:30px; background:#fff;}
table.products tr:hover {background: #f5f5f5;}
table.products tr.lastrow {background: transparent;}
table.products tr.lastrow:hover {background: transparent;}
table.products th {font-size:28px; line-height:28px; padding:10px 10px 10px 0; background:#fff; border-bottom:1px solid #004990; vertical-align: top;}
table.products th strong {font-size:15px; padding-top:20px; line-height:16px; color:#2B9618;}
table.products td {text-align:center; border-right:1px solid #004990; vertical-align:top; padding:10px 5px 5px 10px;}
table.products td[colspan], table.products tr.lastrow td {border-bottom:none;}
table.products td small {font-size:10px; font-weight:normal; line-height:12px; color:#ccc; clear:both;}

table.products td.serviceTitle {text-align:left; font-weight:bold; border-left:1px solid #004990; line-height:16px; width:171px;}
table.products .col2 {width:161px;}
table.products .col3 {width:181px;}
table.products .col4 {width:161px;}
table.products .col5 {width:161px;}

table.products tr.subsection td {text-align:left; background:#004990; color:#fff; font-size:15px; height:30px; font-weight:bold;}
table.products tr.lastrow td {border-left:none; border-right:none; border-top: 1px solid #004990;}

#tiers {padding-top:11px; height:70px; background:#fff; width:885px;}
html>body #tiers {position: absolute; z-index:2; top:1px; }
#tiers.fixed {position:fixed; top:0; left:50%; margin:0 0 0 -442px; z-index:2;}
#tiers h3 {float:left; display:inline-block;}
#tiers p {float:right; display:inline-block; margin:0; padding:0;}
html>body #details {top:110px; position:relative;}
.buttonRequestService {float:right; background:transparent url(images/button_request_service.gif) 0 0 no-repeat; width:182px; height:30px;}
.buttonRequestService span {display:none;}
.buttonRequestService:hover {background:transparent url(images/button_request_service.gif) 0 -30px no-repeat;}



/* PRIVACY / TERMS */
.bannerPrivacy {width:133px; height:33px; padding-top:1px; margin:36px 0 0 11px; background:url(images/bannertxt_privacy.png) 0 0 no-repeat;}
.bannerTerms {width:99px; height:33px; padding-top:1px; margin:36px 0 0 11px; background:url(images/bannertxt_terms.png) 0 0 no-repeat;}



/* SITE FOOTER */
#footer {clear:both; width: 100%; height:160px; border: none; border-top:1px solid #ececec; font-size:11px; line-height:14px;}
#footer, #footer a {color:#666;}
#footer p {margin-top:15px;}
#footerNav {background: #f4f4f4; height:43px; border-bottom:1px solid #fff;}