html { background: #e0f0f6 url(/images/bg_html.png) repeat-y top; height: 100%; }
body { background: url(/images/bg_body.png) repeat-x top; margin: 0; color: #444; font: .8125em/1.54 Arial,sans-serif; height: 100%; }
#wrapper { background: url(/images/bg_wrapper.png) no-repeat 50% 235px; min-height: 100%; }
#container { background: url(/images/bg_container.png) no-repeat bottom; padding: 0 0 557px; }

h1, #gallery h2 { color: #000; margin: 0; font-size: 2.85em; line-height: 1; font-weight: bold; text-transform: capitalize; }
h2, #body_home #content_sub h2 { color: #000; margin: 0 0 10px; font-size: 1.77em; line-height: 1.22; font-weight: bold; }
h3, #content_sub h2 { color: #000; margin: 0 0 5px; font-size: 1.31em; font-weight: bold; }

p { margin: 0 0 10px; }
.intro { font-size: 1.37em; color: #666; margin-bottom: 15px; }

blockquote { color: #ec1162; font: 1.23em/1.24 Georgia,serif; padding: 0; margin: 20px; text-align: center; }
blockquote cite { color: #888; font: .815em Arial,sans-serif; }
address { font-style: normal; color: #000; }
address:first-line { font-size: 1.21em; font-weight: bold; display: block; margin: 0 0 5px; }

a { color: #ec1162; text-decoration: none; }
a:focus, a:hover { text-decoration: underline; }
a img { border: 0; }

.more a { font-weight: bold; font-size: .92em; padding-right: 11px; background: url(/images/bg_more.png) no-repeat right; }

.button { background: #000 url(/images/bg_button.png) no-repeat 100% 0; float: left; }
.button a { background: url(/images/bg_button.png) no-repeat 0 100%; display: block; padding: 8px 41px 0 31px; height: 27px; font-weight: bold; color: #fff; _float:left; /* :hack: IE6 width fix */ }

form, fieldset { margin: 0; padding: 0; border: 0; }
fieldset div { margin: 0 0 17px; }
label { display: block; margin: 0 0 2px; color: #000; font-size: 1.08em; }
textarea { height:61px; }

#header { position: relative; height: 235px; width: 990px; margin: 0 auto 50px; background: no-repeat 100% 100%; }
#logo { position: absolute; left: 30px; top: 75px; }
#phone_number { color:#90d2f0; float:right; margin:20px 0 0; padding:0 0 0 28px; }
#nav { position: absolute: top: 0; }
#nav ul { margin: 0; padding: 0; list-style: none; height: 54px; background: #080808 url(/images/bg_body.png) repeat-x top; }
#nav li { float: left; margin: 0; }
#nav a { display: block; color: #fff; height: 44px; padding: 18px 26px 0; background: url(/images/bg_nav.png) no-repeat 0 17px; _float:left; }
#body_home #nav_home a, #body_about #nav_about a, #body_benefits #nav_benefits a, #body_products #nav_products a, #body_customers #nav_customers a, #body_faq #nav_faq a, #body_contact #nav_contact a, #body_cloud_computing #nav_products a, #body_disaster_recovery #nav_products a, #body_email_solutions #nav_products a, #body_internet_provision #nav_products a, #body_it_support #nav_products a, #body_network_services #nav_products a { background: #ec1162 url(/images/bg_nav_on.png) no-repeat bottom; }

#content { width: 930px; margin: 0 auto; padding: 0; position: relative; background: #fff url(/images/bg_content.png) repeat-y 640px 0; }
#content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#content_main { width: 610px; margin: 0 60px 0 0; float: left; }
#content_main label{font-size:1em;}
p label{display:inline;}
#content_main label span{color:#ec1162;}
label.error{color:#ec1162;margin:-5px 0 12px;}
#content_main fieldset{margin:0 0 5px;}
#content_main fieldset input, #content_main fieldset textarea {background:url(/images/bg_input.gif) repeat-x scroll 0 0 #FFFFFF;border:1px solid #7F9DB9;font-family:Arial,helvetica,verdana,sans-serif;font-size:1.3em;margin:0 0 12px;padding:5px;width:455px;}
#content_sub { width: 260px; float: left; }

#title { position: absolute; top: -190px; left: 147px; }
#title p, #gallery p.subtext { color: #ec1162; font-size: 1.62em; }

#nav_sub { margin: 0 0 25px; padding: 0; list-style: none; }
#nav_sub li { margin: 0; }
#nav_sub a { display: block; color: #444; padding: 8px 10px 0 30px; height: 27px; background: #deeff7 url(/images/bg_nav_sub.png) no-repeat 0 -70px; border-bottom: 1px solid #c7dde6; }
#nav_sub .first a { background-position: 0 0; }
#nav_sub .last a { border-bottom: 0; background-position: 0 -140px; }
#nav_sub #sub_on a { background-color: #ee1666; background-position: 0 -105px; color: #fff; }
#nav_sub #sub_on.first a { background-position: 0 -35px; }
#nav_sub #sub_on.last a { background-position: 0 -175px; }

#footer { background: #ec1162 url(/images/bg_footer.png) repeat-x bottom; margin-top: -479px; }
#footer_sleeve { background: url(/images/bg_footer_sleeve.png) no-repeat bottom right; height: 443px; padding: 50px 0 0; width: 989px; margin: 0 auto; position: relative; }

#footer .col { float: left; width: 305px; margin-right: 30px; }
#footer .icon { float: right; margin: 0 30px 0 0; position:relative; /* :hack: don’t clip in IE */ }
#footer #portal h3 { font-weight: bold; font-size: 1.4375em; margin: 0 0 25px; }
#footer #portal { background:transparent url(/images/bg_portal.png) no-repeat; width:599px; height:289px; float:left; padding:31px 47px;}
#footer #portal ul { clear:both; margin:0 0 8px; padding:0; }
#footer #portal li { list-style:none; float:left; font-weight:bold; color:#000; }
#footer #portal li#login { background:transparent url(/images/bg_login.png) no-repeat center right; margin:0 30px 0 0; padding:0; }
#footer #portal li#sales { background:transparent url(/images/bg_sales.png) no-repeat center right; margin:0 30px 0 0; padding:0 40px 0 0; }
#footer #portal li#technical { background:transparent url(/images/bg_technical.png) no-repeat center right; margin:0; padding:0 40px 0 0; }
#footer #vcard { background:transparent url(/images/bg_vcard.png) no-repeat 0 8px; padding:0 0 40px 0; }
#footer #portal li span { color:#FFF; display:block; font-size:1.125em; }
#footer #portal #portal_actions li { background:transparent url(/images/bg_portal_actions_li.png) no-repeat 0 6px; margin:0 0 17px; padding:0 0 0 10px; width:270px; font-size:1em; }
#footer #portal #portal_actions li a { color:#fff; font-weight:normal; }
#footer #portal p { font-size: 0.6875em; color: #fff; font-style:italic; clear:both; margin:0 0 18px; }
#footer #portal p a { font-style:normal; }
#footer #portal .button { font-size: 1em; margin: 3px 0 0; background-image: url(/images/bg_button_footer.gif); }
#footer #portal .button a { background-image: url(/images/bg_button_footer.gif); }
#footer #address address { margin:0 0 20px; }
#footer #address h3 {  }
#footer #address a { color:#FFF; }
#footer #address { border-right: 0; width: auto; margin-right: 0; font-size: 1.077em; float:left; }
#footer input.text, #footer textarea { padding: 7px 10px; width: 250px; font: .92em Arial,sans-serif; color: #444; background: #fff; border: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

#footer_sub { background: #000; color: #777; font-size: .85em; position: absolute; bottom: 15px; left: 0; }
#footer_sub ul { color: #fff; margin: 0 0 4px; padding: 0; }
#footer_sub li { display: inline; margin: 0 5px 0 0; padding: 0 5px 0 0; border-right: 1px solid #fff; }
#footer_sub #kyan { border-right: 0; }
#footer_sub p { margin: 0; }
#footer_sub a { color: #fff; }


/* body background images */

/* #body_about #header, #body_faq #header, #body_contact #header { background-image: url(/images/header_bin.png); } */

#body_about #header { background-image: url(/images/header_internet_provision.png); }
#body_benefits #header { background-image: url(/images/header_network_services.png); }
#body_contact #header { background-image: url(/images/header_network_services.png); }
#body_customers #header { background-image: url(/images/header_network_services.png); }
#body_cloud_computing #header { background-image: url(/images/header_cloud_computing.png); }
#body_disaster_recovery #header { background-image: url(/images/header_disaster_recovery.png); }
#body_email_solutions #header { background-image: url(/images/header_email_solutions.png); }
#body_internet_provision #header { background-image: url(/images/header_internet_provision.png); }
#body_it_support #header { background-image: url(/images/header_it_support.png); }
#body_network_services #header { background-image: url(/images/header_network_services.png); }

/* specific sections + pages */

#body_home { background-image: url(/images/bg_body_home.png); }
#body_home #wrapper { background-image: url(/images/bg_wrapper_wide.png); background-position: 50% 351px; }
#body_home #container { background-image: url(/images/bg_container_wide.png); }
#body_home #header { height: 351px; }
#body_home #logo { top: 87px; }
#body_home #content { background: none; }
#body_home #content .more a { font-size: 1em; }

#gallery { position: absolute; right: 0; top: 75px; height: 276px; width: 805px; }
#slides { overflow: hidden; width: 805px; }
#gallery ul { margin: 0; padding: 0; list-style: none; }
#gallery li { height: 230px; width: 805px; padding: 46px 0 0; float: left; margin: 0; background: no-repeat 100% 10px; }
#gallery #slide_cloud { background-image: url(/images/bg_gallery_cloud.png); }
#gallery #slide_email { background-image: url(/images/bg_gallery_email.png); }
#gallery #slide_isp { background-image: url(/images/bg_gallery_isp.png); }
#gallery #slide_data_recovery { background-image: url(/images/bg_gallery_data_recovery.png); }
#gallery #slide_assist { background-image: url(/images/bg_gallery_assist.png); }
#gallery #slide_additions { background-image: url(/images/bg_gallery_additions.png); }

#button_prev, #button_next { position: absolute; right: 0; top: 202px; border: 0; background: none; margin: 0; padding: 0; cursor: pointer; }
#button_prev { right: 30px; }

#sections { background: url(/images/bg_sections.png) no-repeat 0 30px; padding: 31px 0 0; clear: both; }
#sections ul { margin: 0; padding: 0; list-style: none; }
#sections li { float: left; position: relative; margin: 30px 0 0 30px; padding: 25px 110px 0 12px; width: 168px; height: 134px; background: #dff0f7 url(/images/bg_section.jpg) no-repeat 0 0; }
#sections li.over { background-image: url(/images/bg_section_over.jpg); }
#sections .row_leader { clear: left; margin-left: 0; }
#sections h2 { margin: 0 0 20px; text-shadow: 0 1px 1px #fff; font-size: 1.31em; font-weight: normal; }
#sections .ribbon { position: absolute; top: -6px; right: -9px; }
#sections .image p { margin: 0; }
#sections .image a { position:absolute; top: 0; left: 0; width: 290px; height: 159px; }
#sections .image img { position: absolute; bottom: 16px; right: 19px; margin: 0; }


#staff ul { padding: 0; margin: 0; list-style: none; }
#staff li { float: left; margin: 0 0 7px 4px; background: url(/images/bg_staff.png); padding: 6px 8px 8px 6px; width: 70px; height: 80px; }
#staff .row_leader { margin-left: 0; clear: left; }
#staff img { display: block; }
#staff .more { clear: left; }


.ticks { margin: 10px 0 8px; padding: 0; list-style: none; zoom: 1; }
.ticks:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.ticks li {padding: 2px 0 0 30px; margin: 0; background: url(/images/icon_tick.png) no-repeat 0 0; }
#content_main .ticks li { float: left; width: 260px; margin-left: 30px; }
#content_main .ticks .row_leader { margin-left: 0; clear: left; }

.numbered_examples { border-bottom: 1px dotted #cacaca; padding: 0; margin: 0 0 10px; zoom: 1; }
.numbered_examples:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.numbered_examples li { border-top: 1px dotted #cacaca; padding: 12px 0 12px 50px; list-style: none; }
.numbered_examples span { float: left; margin: 0 0 0 -50px; text-align: center; width: 40px; padding: 6px 0 0; height: 35px; background: url(/images/bg_starburst.png) no-repeat 0 0; color: #006d9f; font: 1.69em/1 Georgia,serif; text-shadow: 1px 1px 0 #fff; }
.numbered_examples em { font-style: normal; font-weight: bold; color: #006d9f; }


#questions { margin: 0; padding: 0; list-style: none; }
#questions li { background: #ffedf4 url(/images/bg_question.png) no-repeat 0 0; padding: 0; margin: 0 0 8px; }
#questions .sleeve { background: url(/images/bg_question.png) no-repeat 100% 100%; padding: 15px 20px 10px 25px; }
#questions .sleeve div { padding-right: 40px; }
#questions h3 { color: #89244b; margin: 0 0 5px; background: no-repeat right; }
#questions h3.closed { background-image: url(/images/icon_open.png); cursor: pointer; }
#questions h3.open { background-image: url(/images/icon_close.png); cursor: pointer; }

#content_sub .download { background: #f9e8ef url(/images/bg_pdf.png) no-repeat 0 0; padding: 20px 70px 0 15px; height: 66px; }
#content_sub .download h2 { color: #942c54; text-shadow: 0 1px 1px #fff; }

#contacts { margin:0; padding:0; }
#contacts h3 { color:#89244b; }
#contacts p { color:#b45379; }
#contacts li{ background: transparent url(/images/bg_contacts_li.png) no-repeat; height: 107px; list-style: none; margin: 0 0 7px; padding: 18px 20px 0 20px; width: 260px; }
*html #contacts li{ width: 220px; }
.location{ float: left; margin: 0; width: 290px; }
.location h3 { font-weight: bold; }
.location address { margin: 0 0 20px; }
.location address:first-line { font-size: 1em; font-weight: normal; display: inline; margin: 0; }
.google_map { background: transparent url(/images/bg_google_map.png) no-repeat right center; font-weight: bold; margin: 0 0 20px; padding: 0 12px 0 0; }
#body_contact #content_main .first { margin:0 25px 0 0; }
.hrule { background: transparent url(/images/bg_hrule.png) repeat-x; clear: both; height:1px; margin: 0 0 20px; }
/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#000;border:2px double #fff;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }