/***************************************************************
RESET BROWSER VALUES SO EVERYONE IS THE SAME
***************************************************************/
@import url(reset.css);

/***************************************************************
TAG STYLES
***************************************************************/
body { background-color: #3b2e28; font-family: 'Lucida Grande', 'Gill Sans', Arial, Helvetica, Sans-serif; color: #574c48; font-size: 12px; letter-spacing: -.02em; }
h1, h2, h3, h4 { font-family: 'Lucida Grande', 'Gill Sans', Arial, Helvetica, Sans-serif;  }
h1 { font-size: 40px; text-transform: uppercase; color: #fff; }
h2 { font-size: 20px; color: #3b2e29; margin-bottom: 15px; }
h3 { font-size: 16px; margin-bottom: 5px; color: #574c48; }
h4 { font-size: 14px; margin-bottom: 3px; font-weight: normal; }
p { margin-bottom: 20px; line-height: 16px; }
a { color: #574c48;  }
a:hover { color: #3b2e29; text-decoration: underline; }
ul { margin-bottom: 15px; }
li { list-style: disc; margin-left: 20px; margin-bottom: 5px; }

/***************************************************************
TAG SPECIFIC CLASSES
***************************************************************/
a.readmore { color: #ffb60f; display: block; text-decoration: none; text-align: right; background: transparent url(../images/ico_more_arrow_yellow.png) no-repeat right center; padding-right: 18px; margin-right: 30px; clear: both;}
a.readmore:hover { text-decoration: underline; }

a.next { float: left; color: #ffb60f; display: block; text-decoration: none; text-align: left; background: transparent url(../images/ico_more_arrow_yellow.png) no-repeat right center; padding-right: 18px; margin-right: 30px; }
a.next:hover { text-decoration: underline; }

a.prev { color: #ffb60f; display: block; text-decoration: none; text-align: left; background: transparent url(../images/ico_more_arrow_yellow_prev.png) no-repeat left center; padding-left: 18px; margin-right: 30px; }
a.prev:hover { text-decoration: underline; }

li.pdf { display: block; margin-top: 15px; background: transparent url(../images/ico_pdf.png) no-repeat bottom left; height: 36px; line-height: 40px; padding-left: 46px; text-align: left; }
p.intro { font-size: 18px; line-height: 22px; margin-bottom: 25px; }
h1 span, h2 span { display: none; }
div.date { float: right; }
ul.nobullets li { list-style: none; margin-left: 0; padding-left: 0; }
address {  margin-bottom: 5px; display: block; }

/***************************************************************
GENERIC CLASSES 
***************************************************************/
.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; }
.hidden { display: none; }
.brown { color: #3b2e29; }
.yellow { color: #ffb60f; }
.fillin { color: #ccc; }
.date { display: block; padding-top: 3px;}
.img_right { float: right; margin: 0 0 10px 20px; }


/***************************************************************
MAIN BLOCKS
***************************************************************/
div#container {margin: auto; }
div.inner { width: 968px; margin: auto; position: relative; }
div#header { background: #fff url(../images/header_bg.png) repeat-x; }
div#header_inner { height: 136px; }
a#logo { display: block; position: absolute; top: 26px; left: 20px; width: 182px; height: 110px; background: transparent url(../images/logo.png) no-repeat 0px 0px; }
div#nav { position: absolute; top: 0px; right: 30px; }
div#nav li { float: left; list-style: none; padding: 0; margin: 0; }
div#nav a { display: block; height: 45px; color: #877f7c; background: transparent url(../images/nav.png) no-repeat 0px 0px;  text-decoration: none; }
div#nav a span { display: none; }
div#mid { background-color: #fff; }
div#mid_top { background: transparent url(../images/white_loop_bg.jpg) no-repeat top center; padding-top: 30px;}
div#titlebar { height: 100px; background: #ffb60f url(../images/home_mid_bg.jpg) no-repeat top center; border-top: 2px solid #896828; position: relative; }
div#titlebar h1 { position: absolute; top: 25px; left: 25px; }

/* body */
div#body { background: transparent url(../images/body_top_bg.png) repeat-x; }
div#body_inner { width: 920px; padding: 30px 0; }
div#body_inner_left { width: 608px; float: left; padding-right: 20px; }
div#body_inner_right { width: 289px; float: left; background: transparent url(../images/sidenav_vert.png) repeat-y; }
div#body_inner_right li { list-style: none; background: transparent url(../images/sidenav_horiz_divider.png) no-repeat 4px bottom; }
div#body_footer { background: transparent url(../images/body_bot_bg.png) repeat-x; height: 100px; margin-top: -50px; }

/* sidenav */
div#sidenav li { font-family: 'Lucida Grande', 'Gill Sans', Arial, Helvetica, Sans-serif; font-size: 14px; list-style: none; margin: 0; padding: 0; display: block; padding-left: 20px; height: 42px; line-height: 42px; }
div#sidenav li a { display: block; color: #7f7774; background: transparent url(../images/ico_more_arrow_gray.png) no-repeat 210px 0px;  text-decoration: none; }
div#sidenav li a:hover, div#sidenav li.active a { color: #3b2e29; text-decoration: none; background-position: 210px -50px; }

/* sidebar */
div#sidebar a { font-family: 'Lucida Grande', 'Gill Sans', Arial, Helvetica, Sans-serif; text-decoration: none; }
div#sidebar a:hover { text-decoration: underline; }
div#sidebar ul { margin: 0; }
div#sidebar li li { font-size: 13px; background-image: none !important; margin: 0; padding-left: 10px; padding-bottom: 0; margin-bottom: 3px;}
div#sidebar li { padding: 0 0 20px 20px; margin: 0; }
div#sidebar li.end { background: transparent url(../images/sidenav_vert_end.png) no-repeat bottom left; padding-bottom: 3px; }
div#sidebar h2 { height: 26px; margin-top: 15px; margin-bottom: 3px; }
div#sidebar h3 { height: 40px; width: 272px; margin: 10px 0 0 0; height: 50px; width: 272px; background-repeat: no-repeat; }
div#sidebar h3 span { display: none; }
div#sidebar h3.pdf { background: transparent url(../images/ico_pdf.png) no-repeat; line-height: 45px; font-size: 14px; font-weight: normal; }
div#sidebar h3.pdf a { color: #ffb60f; margin-left: 43px; display: block; }
div#sidebar h3.news { background: transparent url(../images/sidenav_header_news.png); }
div#sidebar h3.twitter { background: transparent url(../images/sidenav_header_twitter.png); }
div#sidebar h3.categories { background: transparent url(../images/sidenav_header_categories.png); }
div#sidebar h3.about { background: transparent url(../images/sidenav_header_about.png); }

li#sidebar_news div.news_item { margin-top: 5px; }
li#sidebar_news div.news_item img { margin: 0 10px 10px 0; float: left; }
li#sidebar_news div.news_item h4 { margin: 5px 0; line-height: 15px; }
li#sidebar_news div.news_item span.date { font-size: 12px; margin-bottom: 5px; color: #999; font-style: italic; font-size: 11px; }


/* twitter bubble */
div.bubble { font-size: 12px; font-style: italic; background: transparent url(../images/bubble_top.png) no-repeat; width: 268px; }
div.bubble blockquote { padding: 25px 25px 5px 25px; }
div.bubble div.bot { background: transparent url(../images/bubble_bot.png) no-repeat bottom left; width: 268px; height: 30px;}

/* navigation */
li#nav_about a { width: 107px; background: transparent url(../images/nav.png) no-repeat 0px 0px; }
.about li#nav_about a, li#nav_about a:hover { background-position: -0px -45px; }
li#nav_services a { width: 126px; background-position: -107px 0px; }
.services li#nav_services a, li#nav_services a:hover { background-position: -107px -45px; }
li#nav_media a { width: 110px; background-position: -233px 0px; }
.media li#nav_media a, li#nav_media a:hover { background-position: -233px -45px; }
li#nav_contact a { width: 123px; background-position: -343px 0px; }
.contact li#nav_contact a,li#nav_contact a:hover { background-position: -343px -45px; }

/* footer */
div#footer { background: transparent url(../images/footer_bg.jpg) no-repeat top center; padding: 30px 20px 0px 20px; color: #7f7774; border-top: 2px solid #3b2e29; }
div#footer h3 { width: 280px; height: 18px; background-position: left top ; background-repeat: no-repeat; position: relative; margin-bottom: 15px; color: #fff; }
div#footer h3#footer_title_news { background-image: url(../images/footer_title_news.png) }
div#footer h3#footer_title_events { background-image: url(../images/footer_title_events.png) }
div#footer h3#footer_title_about { background-image: url(../images/footer_title_about.png) }
div#footer h3 span { display: none; }
div#footer h4 { font-size: 14px; font-family: Verdana, 'Gill Sans', Arial, sans-serif; color: #ffb60f; margin: 3px 0; }
div#footer .readmore { background-image: url(../images/ico_more_arrow_brown.png); }
div#footer a.rss { position: absolute; left: 190px; top: 2px; background: transparent url(../images/ico_rss.png) no-repeat right top; padding: 10px 15px; top: -5px; }
div#footer a { color: #fff; text-decoration: none; }
div#footer a:hover { text-decoration: underline; }
div#footer ul { margin: 0; }
div#footer li { list-style: none; margin-bottom: 10px; margin-left: 0px; padding-left: 20; }
div#footer .col { float: left; width: 280px; padding: 0 20px; }

div#footer_news li a { color: #ffb60f; }
div#footer_events a { display: block; color: #fff; }
div#footer_about address { font-size: 12px; line-height: 14px; margin-top: 10px; }
div#footer_about .phone { margin-top: 10px; font-size: 12px; }
div#footer_about ul.social { margin-top: 20px;}
div#footer_about ul.social li { background-repeat: no-repeat; background-position: top left; padding-left: 28px; line-height: 21px; margin-bottom: 5px; }
div#footer_about ul.social li a { float: none; display: inline; color: #fff; }
div#footer_about li.facebook { background-image: url(../images/ico_facebook_white.png); }
div#footer_about li.twitter { background-image: url(../images/ico_twitter_white.png); }
div#footer_about li.linkedin { background-image: url(../images/ico_linkedin_white.png); }
div#copyright { width: 950px; margin: 20px 0; background: transparent url(../images/footer_horiz_divider.png) no-repeat top center; padding: 10px 20px 0px 20px; color: #ffb60f; font-size: 10px; }


/***************************************************************
H1 & H2
***************************************************************/
h1 { width: 200px; height: 28px; background-repeat: no-repeat; background-position: top center; }
h1#h1_about { background-image: url(../images/h1_about.png); }
h1#h1_services { background-image: url(../images/h1_services.png); }
h1#h1_media { background-image: url(../images/h1_media.png); }
h1#h1_contact { background-image: url(../images/h1_contact.png); }

h2 { width: 235px; height: 26px; background-repeat: no-repeat; background-position: top center; }
h2#h2_it_support_services { background-image: url(../images/h2_it_support_services.png); }
h2#h2_management_bios { background-image: url(../images/h2_management_bios.png); }
h2#h2_company_history { background-image: url(../images/h2_company_history.png); }
h2#h2_professional_services { background-image: url(../images/h2_professional_services.png); }
h2#h2_our_offices { background-image: url(../images/h2_our_offices.png); }
h2#h2_enhanced_billing { background-image: url(../images/h2_enhanced_billing.png); }
h2#h2_services_telecom { background-image: url(../images/h2_services_telecom.png); }
h2#h2_services_cable { background-image: url(../images/h2_services_cable.png); }
h2#h2_services_utility { background-image: url(../images/h2_services_utility.png); }
h2#h2_about_media { background-image: url(../images/h2_about_media.png); }
h2#h2_about_careers{ background-image: url(../images/h2_about_careers.png); }

/*added feb_2010*/
h2#h2_our_services { background-image: url(../images/h2_our_services.png); }
h2#h2_service_delivery { background-image: url(../images/h2_service_delivery.png); }
h2#h2_service_fulfillment { background-image: url(../images/h2_service_fulfillment.png); }
h2#h2_service_assurance { background-image: url(../images/h2_service_assurance.png); }
h2#h2_business_intelligence { background-image: url(../images/h2_business_intelligence.png); }
h2#h2_integrations { background-image: url(../images/h2_integrations.png); }
h2#h2_customer_management { width: 265px; background-image: url(../images/h2_customer_management.png); }
h2#h2_billing_revenue { width: 356px; background-image: url(../images/h2_billing_revenue.png); }

/***************************************************************
HOME
***************************************************************/
div#home_bigpic_bg { background: transparent url(../images/white_loop_bg.jpg) no-repeat top center; padding-top: 30px; }
div#home_bigpic { width: 968px; height: 279px; }
div#home_bigpic li { margin: 0; padding: 0; list-style: none; }
div#home_we_empower { float: left; margin-top: 28px; margin-left: 30px; width: 268px; height: 118px; background: transparent url(../images/home_we-empower.png) no-repeat 0px 0px; }
div#home_we_empower h1 { display: none; }
div#home_mid { background: #ffb60f url(../images/home_mid_bg.jpg) no-repeat top center; margin-top: 18px; padding-top: 20px; padding-bottom: 50px; }
div#home_mid h2 { text-transform: uppercase; color: #fff; margin: 10px 0 10px 0; }
div#home_mid p { font-size: 17px; color: #3b2e29; line-height: 20px; }

div#home_mid a.readmore { font-size: 14px; color: #fff; margin-top: 20px; background-image: url(../images/ico_more_arrow_white.png); }
div#home_features { margin-left: 340px; border-left: 1px solid #fff; }
div.home_feature { padding: 40px 20px 10px 20px; background: transparent url(../images/home_horiz_divider.png) no-repeat left 17px; width: 568px; }
div.home_feature h2 { background-position: no-repeat; background-repeat: top center; width: 220px; height: 14px; }
div.home_feature h2#h2_enhanced_billing { background-image: url(../images/home_subtitle_enhanced.png); }
div.home_feature h2#h2_it_support { background-image: url(../images/home_subtitle_it-support-services.png);  }
div.home_feature h2#h2_home_subtitle_telecom { background-image: url(../images/home_subtitles_telecom.png); }
div.home_feature h2#h2_home_subtitle_cable { background-image: url(../images/home_subtitles_cable.png); }
div.home_feature h2#h2_home_subtitle_utility { background-image: url(../images/home_subtitles_utility.png); }
div.home_feature h2 span { display: none; }
div.home_feature_img { width: 209px; height: 116px; float: left; background: transparent url(../images/home_enhanced-billing.png) no-repeat center center; }
div.home_feature_inner { margin-left: 230px; }


/***************************************************************
BIOS
***************************************************************/
div.bio { width: 607px; margin-bottom: 18px; }
div.bio h3 { color: #fff; margin-bottom: 2px; font-weight: normal; }
div.bio h4 { color: #ffb60f; font-weight: normal; }
div.bio_image { background-position: top center; background-repeat: no-repeat; float: left; }
div#bio_jim_dunlap div.bio_image { background-image: url(../images/bio_jim-dunlap.jpg); }
div#bio_john_hegarty div.bio_image { background-image: url(../images/bio_john-hegarty.jpg); }
div#bio_jeth_harbinson div.bio_image { background-image: url(../images/bio_jeth-harbinson.jpg); }
div#bio_andrew_dunn div.bio_image { background-image: url(../images/bio_andrew-dunn.jpg); }
div#bio_isaac_szymanczyk div.bio_image { background-image: url(../images/bio_isaac-szymanczyk.jpg); }
div#bio_wendy_gonzalez div.bio_image { background-image: url(../images/bio_wendy-gonzalez.jpg); }
div#bio_ariel_baird div.bio_image { background-image: url(../images/bio_ariel-baird.jpg); }
div#bio_andrew_dunn div.bio_image { background-image: url(../images/bio_andrew-dunn.jpg); }
div#bio_john_fleming div.bio_image { background-image: url(../images/bio_john-fleming.jpg); }
div#bio_susannah_scholl div.bio_image { background-image: url(../images/bio_susannah-scholl.jpg); }
div#bio_jeth_harbinson div.bio_image { background-image: url(../images/bio_jeth-harbinson.jpg); }
div.bio_image { width: 160px; height: 151px; }
div.bio_text { background: #483d37 url(../images/bios_top_bg.jpg) no-repeat right top; margin-left: 165px; width: 439px;}
div.bio_text_inner { padding: 10px 20px; color: #fff; overflow: hidden; }
div.bio_text_inner p { margin-bottom: 15px; }
div.bio_text_footer { line-height: 22px; background: #483d37 url(../images/bios_bot_bg.jpg) no-repeat right bottom; height: 22px; position: relative; }
div.bio_text a.readmore { background-image: url(../images/ico_more_arrow_yellow2.png); position: absolute; right: 10px; }


/***************************************************************
SERVICES
***************************************************************/
div.col2 { width: 290px; float: left; padding-right: 25px; }
div.col2 img { border: 3px solid #8f8a86; margin-bottom: 20px; }
div.col2 img.left { float: left; margin-right: 20px; }
div.col2 img.right { float: right; margin-left: 20px; }
div.col2_right { padding-right: 0; }

div.col3 { width: 186px; float: left;  }
div.col3 img { border: 3px solid #8f8a86; margin-bottom: 20px; width: 178px; height: 100px; }
div.col3_mid { margin-right: 25px; margin-left: 25px; }
div.col3_inner { min-height: 420px; }


/***************************************************************
CONTACT/GOOGLE MAP
***************************************************************/
div.google_map { width: 260px; height: 260px; margin-bottom: 40px; border: 2px solid #e1dfde; }
div.contact_col { width: 265px; float: left; padding: 10px 38px 20px 0; }
div.contact_col a.readmore { margin-right: 5px; margin-top: 5px; line-height: 15px; }
div.contact_col li.ico { background-repeat: no-repeat; background-position: top left; padding-left: 38px; line-height: 36px; }
div.contact_col li.facebook { background-image: url(../images/contact_facebook.jpg); }
div.contact_col li.twitter { background-image: url(../images/contact_twitter.jpg); }
div.contact_col li.linkedin { background-image: url(../images/contact_linkedin.jpg); }


/***************************************************************
BLOG ... also see the WP specific stylesheet for the Cycle30 theme
***************************************************************/
input.search { float: left; background: #fff url(../images/ico_search.png) no-repeat 3px center; height: 15px; line-height: 16px; width: 140px; padding-top: 3px; padding-left: 20px; }
input.search_button { float: left; background: #fff url(../images/btn_search.png) no-repeat left center; height: 24px; width: 82px; border: none; margin-left: 5px; margin-top: -2px; }
.post { background: transparent url(../images/horiz_divider.png) no-repeat bottom left; padding: 0 20px 20px 0;  }
div#sidebar h3#h3_about_media { background-image: url(../images/h3_about_media.png); width: 125px; height: 19px; margin-top: 20px; margin-bottom: 5px;}
span.time_ago { display: block; color: #ffb60f; float: right; margin-bottom: 10px; margin-top: -2px; }
span.tweet { display: block; margin-bottom: 3px; }
.media a { text-decoration: none; }
.media a:hover { text-decoration: underline; }