/*
MISC's customized CSS attributes
*/
html {overflow-y: scroll;}
body { background:url(../images/bg-main_bg.png) repeat-x top;font-size:0.75em;color:#666666;padding-bottom:40px;height:101%;line-height:1.3em;}
/* text */
h1,h2,h3,h4,h5,h6 {color:#b60144;font-weight:normal;}
h3{font-size:18px; font-weight:normal;}
h2 {font-size:28px;}
ul {margin-left: 0;padding-left: 0;list-style: none;}
ul li {padding-left: 10px;background-image: url(../images/arrow.gif);background-repeat: no-repeat;background-position: 0 .5em;}
#logo {margin-top:17px;}
#logo h1 {font-size:0em;line-height:1;margin-bottom:0.5em;overflow:hidden;text-indent: -9999px;}
.logo {margin:0;padding:0;height:80px;width:373px;overflow:hidden;position:relative;}
.logo a{display:block;height:100%;width:100%;}
.logo a span{display:block;height:100%;width:100%;position:absolute;top:0;left:0;background:url(../images/logo-main_misc.png) no-repeat left top;cursor:pointer;}
h2.f_home_hdln {width: 210px; height: 95px;background:url(../images/f_home_hdln.png) top no-repeat;text-indent: -9999px;}
h2.f_growth_hdln {width: 391px; height: 93px;background:url(../images/f_growth_hdln.gif) top no-repeat;text-indent: -9999px;}
h3.hl_about {width: 166px; height: 49px;background:url(../images/hl_about.png) top no-repeat;text-indent: -9999px;}
h3.hl_clients {width: 166px; height: 49px;background:url(../images/hl_clients.png) top no-repeat;text-indent: -9999px;}
h3.hl_contact {width: 166px; height: 49px;background:url(../images/hl_contact.png) top no-repeat;text-indent: -9999px;}
h3.hl_services {width: 166px; height: 49px;background:url(../images/hl_services.png) top no-repeat;text-indent: -9999px;}
h4.h {margin-bottom:15px;}
h4.h_about {width: 67px; height: 12px;background:url(../images/h_about.png) top no-repeat;text-indent: -9999px;}
h4.h_address {width: 61px; height: 12px;background:url(../images/h_address.png) top no-repeat;text-indent: -9999px;}
h4.h_allservices {width: 89px; height: 12px;background:url(../images/h_allservices.png) top no-repeat;text-indent: -9999px;}
h4.h_clients {width: 134px; height: 12px;background:url(../images/h_clients.png) top no-repeat;text-indent: -9999px;margin-top:15px;}
h4.h_contact {width: 81px; height: 12px;background:url(../images/h_contact.png) top no-repeat;text-indent: -9999px;}
h4.h_email {width: 44px; height: 12px;background:url(../images/h_email.png) top no-repeat;text-indent: -9999px;}
h4.h_otherOffices{width: 97px; height: 12px;background:url(../images/h_otherOffices.png) top no-repeat;text-indent: -9999px;}
h4.h_fax {width: 29px; height: 12px;background:url(../images/h_fax.png) top no-repeat;text-indent: -9999px;}
h4.h_latestNews {width: 88px; height: 12px;background:url(../images/h_latestNews.png) top no-repeat;text-indent: -9999px;}
h4.h_mostPopular {width: 159px; height: 12px;background:url(../images/h_mostPopular.png) top no-repeat;text-indent: -9999px;}
h4.h_office {width: 82px; height: 12px;background:url(../images/h_office.png) top no-repeat;text-indent: -9999px;}
h4.h_phone {width: 47px; height: 12px;background:url(../images/h_phone.png) top no-repeat;text-indent: -9999px;}
h4.h_business {width: 67px; height: 12px;background:url(../images/h_business.png) top no-repeat;text-indent: -9999px;}
h4.h_news {width: 89px; height: 12px;background:url(../images/h_news.png) top no-repeat;text-indent: -9999px;}
h4.h_socialnetworking {width: 131px; height: 12px;background:url(../images/h_socialnetworking.png) top no-repeat;text-indent: -9999px;}
h4.h_ringback {width: 113px; height: 12px;background:url(../images/h_ringback.png) top no-repeat;text-indent: -9999px;}
h4.h_greeting_cards {width: 169px; height: 12px;background:url(../images/h_greeting_cards.png) top no-repeat;text-indent: -9999px;}
h4.h_religion {width: 60px; height: 12px;background:url(../images/h_religion.png) top no-repeat;text-indent: -9999px;}
h4.h_entertainment {width: 105px; height: 12px;background:url(../images/h_entertainment.png) top no-repeat;text-indent: -9999px;}
h4.h_healthcare {width: 142px; height: 12px;background:url(../images/h_healthcare.png) top no-repeat;text-indent: -9999px;}
h4.h_career {width: 92px; height: 12px;background:url(../images/h_career.png) top no-repeat;text-indent: -9999px;}
.secondary_pages li {margin:0;padding:0 0 7px 0;}
.secondary_pages ul {margin:0 0 20px 0;}
.secondary_pages h3{margin:0 0 15px 0;}
img.img_float {float:left; margin:0 10px 10px 0;}
div.cal {width:44px;padding:3px 0 8px 0;color:#ffffff;background:#b60144;float:left; margin:0 10px 10px 0;text-transform:uppercase;text-align:center;font-size:10px;font-weight:bold;}
div.cal div.cal_day {font-size:24px;padding-top:2px;}
#how_it_works {margin-bottom:20px;}
.view_all {margin-top:150px;padding-left:7px;}
.view_all_more {padding-left:8px;}
.grid_5 p {margin-left:9px;}
.s_services h5 {font-size:18px;margin:0 0 15px 0;font-weight:normal;}
.s_services a {background: url(../images/i_cta.png) no-repeat scroll 0 5px;height:13px;margin:10px 0 10px -2px;padding:3px 0 10px 19px;text-align:right;color:#0058a8;text-decoration:none; float:left;}
.home_link a {background: url(../images/i_cta.png) no-repeat scroll 0 5px;display:block;height:13px;margin:10px 0 10px -2px;padding:3px 0 10px 19px;text-align:left;color:#0058a8;text-decoration:none;}
a.more{background: url(../images/i_cta.png) no-repeat scroll 0 5px;display:block;height:13px;margin:10px 0 10px -2px;padding:3px 0 10px 19px;text-align:left;color:#0058a8;text-decoration:none;}
a.more2{background: url(../images/arrow_nonactive.png) no-repeat scroll 0 5px;display:block;height:10px;margin:0 0 30px 0px;padding:2px 10px 0 12px;text-align:left;color:#0058a8;text-decoration:none;}
a.more3{background: url(../images/arrow_nonactive.png) no-repeat scroll 0 5px;display:block;height:10px;margin:15px 0 30px -5px;padding:2px 10px 0 12px;text-align:left;color:#0058a8;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
.news_item a {color:#0058a8;text-decoration:none;}
p {margin-bottom:30px;}
#grid_home_right p {margin-bottom:10px;margin-left:10px;}
/* links */
a {color:#b60144;}
li a {color:#0057a7;}
h4#how_works a {display:block;height:10px;margin:0 0 20px 0px;padding:3px 0 0 17px;text-align:left;color:#0058a8;text-decoration:none;vertical-align:middle;}
h4#how_works {font-weight:normal;background: url(../images/i_see_how.png) no-repeat scroll 0 5px;}
/* divs */
.grid_home {padding-top:40px}
#grid_home_right {width:280px;}
.grid_services {padding-top:30px;min-height:500px;height:auto !important;height:500px;}
.grid_services2 {padding-top:30px}
.about_page {position:relative;display:block;padding-top:5px;}
.clients {margin-left:10px;}
.copyright {text-align:right;padding-top:50px;}
.copyright span {margin-right:35px;}
.cta {padding-top:75px;margin-bottom:0px;}
.cta_home {padding-top:15px;margin-bottom:0px;min-height:330px;}
.cta p {margin-right:50px;line-height:1.3em;min-height:30px;}
.cta_home_feat {margin-left:10px;}
.cta_header {min-height:155px;}
.cta_header_home {height:155px;}
.cta_buttons {}
.cta_buttons img {margin-right:10px;}
.cta_feat {text-align:center;}
.cta_feat_about {vertical-align:bottom;margin-top:22px;}
.cta_feat_contact {vertical-align:bottom;margin-top:15px;}
.d_services {height:90px;}
.d_services h5 {font-size:1.3em;margin:10px 0;font-weight:normal}
.d_clients {margin:0 0 20px 8px;display:block;position:absolute;clear:both;width:300px;}
.d_clients img {margin:0 2px 3px 0;}
.d_clients a {color:#0058a8;text-decoration:none;}
.pop_serv {margin-right:20px;line-height:1.3em;padding-bottom:20px;}
.pop_serv2 {margin:20px 30px 0 0;}
.pop_serv2 p {margin:10px 0 0px 0;background:url(../images/i_rightarrow.png) 0% 20% no-repeat;padding:0px 0 0 10px; line-height:1.1em; }
.about_page p {line-height:1.5em;font-size:14px;margin-top:10px;}
.s_services {clear:both;padding:0px 0 40px 5px;}
.s_services_header1 {float:left;margin-bottom:20px;}
.s_services_header2 {float:right;margin-bottom:20px; color:#B60144;}
.s_services_header2 a {color:#0057A7;padding:0 10px; text-decoration:none;}
.s_services_header2 b {color:#B60144; font-weight:normal;padding:0 10px;}
.s_services_profile {width:205px;float:left;}
.s_services_info {width:375px;float:left;line-height:1.3em;display:block;position:relative;margin-right:30px;}
.s_services2 {clear:both;padding:0;border-bottom:1px solid #CCCCCC; background:url(../images/how_prices_bg.png) repeat-y;height: 1%;}
.s_services2_profile {width:140px;float:left;padding:10px 10px 10px 10px;}
.s_services2_info {width:375px;float:left;line-height:1.3em;padding:20px 10px 10px 10px;}
.s_services2_info ul {margin-bottom:0;padding-bottom:0;}
.cta_txt {color:#b60144;}
.pagination {padding-right:31px;}
.pagination li {display: inline;list-style-type: none;padding-right: 13px;color:#b60144;}
/* nav */
ul#nav {display:inline; height:75px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; overflow:hidden; padding:0}
ul#nav li {display:inline;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;}
ul#nav a {float:left;height:0 !important;overflow:hidden;padding:75px 0 0 0;margin:0 0 0 12px;}
ul#nav a:active, ul#nav a:hover {background-position:0 -75px;}
ul#nav a.selected {background-position:0 -150px}
#n_about a {background:transparent url(../images/n_about.png) no-repeat scroll left top;width:76px}
#n_clients a {background:transparent url(../images/n_clients.png) no-repeat scroll left top;width:144px}
#n_contact a {background:transparent url(../images/n_contact.png) no-repeat scroll left top;width:91px}
#n_home a {background:transparent url(../images/n_home.png) no-repeat scroll left top;width:51px}
#n_services a {background:transparent url(../images/n_services.png) no-repeat scroll left top;width:75px}
.accordion {width: 166px; clear:both;}
.accordion h6 {background: url(../images/arrow_nonactive.png) no-repeat left;padding:12px 0 12px 15px;margin: 0;font: normal 100%/100% Arial, Helvetica, sans-serif;border-bottom:1px solid #e5e5e5;cursor: pointer;color:#006cb8;}
.accordion h6:hover {color:#b60144;}
.accordion h6.active {background: url(../images/arrow_active.png) no-repeat left;color:#b60144;}
.accordion ul { margin:0;padding:0;display: none;position: relative;height: 1%;}
.accordion ul li { border-bottom:1px solid #e5e5e5;margin:0; padding:10px 0 10px 23px; background:url(../images/arrow_sub.png) no-repeat scroll 12px 15px;position: relative;color:#b60144;
}
li.active {color:#b60144;}
.accordion a {color:#006cb8; text-decoration:none;display:block;height: 1%;}
.accordion a:hover {color:#b60144;}
.accordion a.active {color:#b60144;}
.accordion2 {border-bottom: solid 1px #c4c4c4;}
.accordion2 h3 {background: #b60144 url(../images/x_add.png) no-repeat 1% 50%;padding: 7px 20px;margin: 0;font: normal 100%/100% Arial, Helvetica, sans-serif;border: solid 1px #c4c4c4;border-bottom: none;cursor: pointer;color:#FFFFFF;clear:both;}
.accordion2 h3:hover {background-color: #b60144;}
.accordion2 h3.active {background: #b60144 url(../images/x_minus.png) no-repeat 1% 50%;}
.accordion2 div.subscribe {margin: 0;padding: 0;border-left: solid 1px #c4c4c4;border-right: solid 1px #c4c4c4; clear:both;background:url(../images/bg_subscribe.png) repeat-y left;}
.accordion2 div.subscribe em {padding:0px 20px;margin:10px 0;}
.subscribe ul li ul {margin:0 30px;}
#subscribe_coming span {margin:10px 0;}
#subscribe_coming {padding:10px 0;margin:0; background:#FFFFFF;}
.s_featured {margin-bottom:10px;}
.s_hdln {margin-bottom:10px;}
/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; margin:0; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 3px 0px -2px; padding: 0;display:block; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 3.54em; background:#b60144; color:#FFFFFF }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; background:#cccccc; color:#666666;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 0; display: block; border:1px solid #fff; border-right:none; background: none;margin-bottom:20px;margin-top:27px;width:626px; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs-panel p {padding:15px 10px 0px 10px;margin-bottom:20px;border-left:none;}
table {width:100%; border:1px solid #cccccc;}
th {font-weight:bold;color:#b60144;background:#FFFFFF;border-bottom:1px solid #cdcdcd;}
th.name {text-transform:uppercase}
thead th {background:#c3d9ff;}
th, td, caption {padding:10px;border-left:1px solid #cdcdcd;}
tr.even td {background:#e5e5e5;}
tr.alt td {background:#e5e5e5;}
.news_nav {
padding-bottom:20px;
}
/* root element for scrollable */
div.scrollable {
/* required settings */
position:relative;
overflow:hidden;
/* vertical scrollers have typically larger height than width */
height: 90px;
width: 280px;
margin-left:-2px;
/* decoration */
padding:0px 10px;
}
/* root element for scrollable items */
div.scrollable div.items {
position:absolute;
/* this time we have very large space for height */
height:20000em;
/* decoration */
}
/*
same settings as in horizontal scroller except that these items
are not floated
*/
div.scrollable div.items div.news_item {
padding:0px 0px 10px 0px;
width:280px;
height:200px;
display:block;
}
/* active item */
div.scrollable div.items div.active {
background-color:#fff;
}
/* this makes it possible to add next button beside scrollable */
div.scrollable {
float:left;
}
/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
display:block;
width:11px;
height:6px;
background:url(../images/i_arrow_up.png) no-repeat;
float:right;
cursor:pointer;
}
/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
background-position:0px 0px;
}
/* disabled navigational button
a.disabled {
visibility:hidden !important;
}*/
/* next button uses another background image */
a.next, a.nextPage {
background-image:url(../images/i_arrow_down.png);
float:right;
}
/* the overlayed element */
.modal-overlay
{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
height:100%;
width:100%;
margin:0;
padding:0;
background:#fff;
opacity:.75;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
z-index:101;
border:1px solid #cccccc;
}
* html .modal-overlay
{
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
.modal-window
{
position:fixed;
top:50%;
left:50%;
margin:0;
padding:0;
z-index:102;
}
* html .modal-window
{
position:absolute;
}
.close-window
{
position:absolute;
width:32px;
height:32px;
right:5px;
top:0px;
background: url('../images/m_close.png') no-repeat scroll right top;
text-indent:-99999px;
overflow:hidden;
cursor:pointer;
}
/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
div.scrollable_feat {
/* required settings */
position:relative;
overflow:hidden;
height:300px;
/* custom decorations */
padding:10px 0;
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a super large width to accomodate scrollable items.
it's enough that you set width and height for the root element and
not for this element.
*/
div.scrollable_feat div.items {
/* this cannot be too large */
width:20000em;
position:absolute;
clear:both;
/* decoration */
margin-left:10px;
}
/* single scrollable item */
div.scrollable_feat div.items div.news_items2 {
float:left;
/* custom decoration */
text-align:center;
width:960px;
padding:0px 0px;
font-size:30px;
font-family: 'bitstream vera sans';
margin-right: 20px;
}
/* this makes it possible to add next button beside scrollable */
/* prev, next, prevPage and nextPage buttons */
#feat_news a.prev {
display:block;
height:15px;
width:50px;
background:url(../images/arrow_news_left.gif) no-repeat scroll 0 4px;
padding-left:10px;
padding-right:2px;
cursor:pointer;
float:right;
color:#0058a8;
border-right:1px solid #0058a8;
vertical-align:top;
}
/* next button uses another background image */
#feat_news a.next {
display:block;
height:15px;
width:30px;
background:url(../images/arrow_news_right.gif) no-repeat scroll 40px 4px;
padding-right:15px;
cursor:pointer;
float:right;
text-align:right;
color:#0058a8;
vertical-align:top;
}
#feat_news {
font:inherit;
}
#cta_news {
font-size:0.75em;
}