body { background: url(../../images/header_grad.png) repeat-x #dbecf8; width: 100%; height: 100%; margin: 0px; padding: 0px; font-family: Helvetica, Arial, sans-serif; font-size: 15px; }
html { width: 100%; height: 100%; margin: 0px; padding: 0px; }

/*MAIN ELEMENTS*/
.width { width: 848px; position: relative; }
.top_bar { background: #234f86; width: 100%; height: 8px; }

/*HEADER*/
.header { padding-top: 45px; padding-bottom: 25px; }
.header .logo { background: url(../../images/logo.png); width: 327px; height: 55px; margin-left: 25px; }

/*CLOUDS*/
.cloud_top { background: url(../../images/cloud_top.png); width: 181px; height: 64px; position: absolute; top: 0; right: 0; margin-right: 45px; z-index: 2; }
.cloud_lower, .cloud_footer_lower { background: url(../../images/cloud_lower.png); width: 145px; height: 74px; position: absolute; top: 0; right: 0; z-index: 2; margin-right: 370px; margin-top: 50px; }

/*NAVIGATION*/
.navigation { height: 50px; position: absolute; top: 40px; right: 0; font-size: 15px; font-weight: bold; z-index: 5; }
.navigation .indiv_nav { color: #316cb3; }
.navigation .nav_select { color: #234f86; }
.navigation .nav_pad { padding: 15px 12px 15px 12px; }
.navigation .indiv_nav a { color: #316cb3; text-decoration: none; }
.navigation .nav_select a { color: #234f86; text-decoration: none; }
.navigation a:hover { color: #234f86; }

/*MAIN IMAGE*/
.main_image { background: url(../../images/main_image.png); width: 848px; }
.main_image .mainimage_pad, .main_image_small .mainimage_pad { padding: 25px 30px 25px 30px; }
.main_image .title, .main_image_small .title { font-weight: bold; color: #ffffff; font-size: 35px; text-shadow: 1px 1px 0px #0057a4; }
.main_image .whatwedo, .main_image_small .whatwedo { background: url(../../images/titles/whatwedo.png); width: 118px; height: 16px; }
.main_image .info { width: 281px; margin-top: 12px; font-size: 15px; color: #ffffff; font-style: normal; line-height: 20px; text-shadow: 1px 1px 0px #0057a4; }
.main_image .callus, .main_image_small .callus { background: url(../../images/titles/callus.png); width: 54px; height: 17px; }

.main_image_small { background: url(../../images/main_image_small.png); width: 848px; }

/*HOME BOX*/
.home_box_surround { width: 272px; }
.home_box { width: 272px; height: auto; }
.home_box .home_pad { padding: 25px 30px 25px 30px; }

.home_box .title { font-weight: bold; color: #ffffff; font-size: 35px; text-shadow: 1px 1px 0px #002647; }
.home_box .info { margin-top: 12px; font-size: 15px; color: #ffffff; font-style: normal; line-height: 20px; text-shadow: 1px 1px 0px #002647; }
.home_box .medium_price { font-size: 45px; font-weight: bold; color: #ffffff; }

.home_dark { background: url(../../images/backgrounds/home_dark.png) repeat-x #214065; }
.home_medium { background: url(../../images/backgrounds/home_medium.png) repeat-x #2c5e8b; }
.home_light { background: url(../../images/backgrounds/home_light.png) repeat-x #0167c6; }

/*GREY BOX*/
.grey_box { background: #e7ecf3; width: 100%; height: auto; }
.grey_box_trans { width: 100%; height: auto; }
.grey_box .grey_pad, .grey_box_trans .grey_pad { padding: 25px; }
.grey_box_slide { width: 325px; }
.grey_box_glide { width: 450px; }
.grey_box .small_title, .grey_box_trans .small_title { font-weight: bold; color: #234f86; font-size: 18px; }
.grey_box .medium_title, .grey_box_trans .medium_title { font-weight: bold; color: #234f86; font-size: 25px; }
.grey_box .medium_price, .grey_box_trans .medium_price { font-size: 45px; font-weight: bold; color: #234f86; }
.grey_box .spec_icon_move, .grey_box_trans .spec_icon_move { margin-top: -10px; }

.bold_list { font-weight: bold; font-size: 18px; line-height: 22px; }

/*TITLES*/
.whatweoffer { background: url(../../images/titles/whatweoffer.png); width: 107px; height: 16px; }
.startingat { background: url(../../images/titles/startingat.png); width: 58px; height: 14px; }
.securereliable { background: url(../../images/titles/securereliable.png); width: 128px; height: 16px; }
.takelook { background: url(../../images/titles/takelook.png); width: 88px; height: 16px; }
.affordability { background: url(../../images/titles/affordability.png); width: 192px; height: 19px; }
.addmore { background: url(../../images/titles/addmore.png); width: 168px; height: 19px; }
.briefintro { background: url(../../images/titles/brief_intro.png); width: 86px; height: 16px; }
.paynow { background: url(../../images/titles/paynow.png); width: 157px; height: 19px; }

/*CONTENT*/
.content_surround { background: url(../../images/backgrounds/content_back.png) repeat-x #f5fafd; width: 848px; overflow: hidden; }
.inner_content { width: 643px; color: #234f86; margin-bottom: -10000px; padding-bottom: 10000px; }
.inner_content .inner_pad { padding: 25px 25px 30px 40px; }

.content_surround .title { font-weight: bold; color: #234f86; font-size: 35px; }
.content_surround .sub_title { font-weight: bold; color: #234f86; font-size: 25px; }
.content_surround .text { line-height: 20px; }
.content_surround .text hr { border-width: 1px 0px 0px 0px; border-color: #dae6ec; margin: 15px 0px 15px 0px; }
.content_surround .large_price { font-weight: bold; color: #234f86; font-size: 55px; }
.content_surround .starting_at { font-weight: normal; color: #234f86; font-size: 15px; margin-right: 2px;  }
.content_surround .fine_print {  font-weight: normal; font-style: italic; color: #234f86; font-size: 10px; }

/*SIDEBAR*/
.sidebar { background: url(../../images/backgrounds/side_back.png) repeat-x #18385f; width: 205px; margin-bottom: -10000px; padding-bottom: 10000px; position: relative; }
.sidebar .indiv_side { width: 205px; height: 51px; color: #ffffff; font-weight: bold; font-size: 14px; text-shadow: 1px 1px 0px #002647; border-bottom: 1px solid #132e50; cursor: pointer; position: relative; }
.sidebar .indiv_side .side_pad, .sidebar .indiv_side_select .side_pad { padding: 18px 18px 18px 22px; position: relative; z-index: 5; }
.sidebar .indiv_side_select { background: url(../../images/backgrounds/side_select.png) no-repeat; width: 229px; height: 51px; position: absolute; top: 0; left: 0; z-index: 3; }
.sidebar .indiv_side:hover { background: #285893; }
.sidebar .side_arrow { background: url(../../images/side_arrow.png) no-repeat; width: 25px; height: 51px; position: absolute; top: 0; right: 0; margin-right: -25px; }

/*ICONS*/
.icon_surround { margin-right: 20px; }
.icon_text_surround { width: 500px; }
.icon_programming { background: url(../../images/icons/programming.png) no-repeat; width: 48px; height: 48px; }
.icon_hosting { background: url(../../images/icons/hosting.png) no-repeat; width: 48px; height: 48px; }
.icon_design { background: url(../../images/icons/design.png) no-repeat; width: 48px; height: 48px; }
.icon_app_development { background: url(../../images/icons/app_development.png) no-repeat; width: 48px; height: 48px; }
.icon_ecommerce { background: url(../../images/icons/ecommerce.png) no-repeat; width: 48px; height: 48px; }
.icon_base { background: url(../../images/icons/base.png) no-repeat; width: 48px; height: 48px; }
.icon_more_pages { background: url(../../images/icons/more_pages.png) no-repeat; width: 48px; height: 48px; }
.icon_content_manage { background: url(../../images/icons/content_manage.png) no-repeat; width: 48px; height: 48px; }
.icon_advanced_contact { background: url(../../images/icons/advanced_contact.png) no-repeat; width: 48px; height: 48px; }
.icon_client_manage { background: url(../../images/icons/client_manage.png) no-repeat; width: 48px; height: 48px; }
.icon_email { background: url(../../images/icons/email.png) no-repeat; width: 48px; height: 48px; }
.icon_google { background: url(../../images/icons/google.png) no-repeat; width: 48px; height: 48px; }
.icon_media_integration { background: url(../../images/icons/media_integration.png) no-repeat; width: 48px; height: 48px; }
.icon_blog { background: url(../../images/icons/blog.png) no-repeat; width: 48px; height: 48px; }
.icon_extended_service { background: url(../../images/icons/extended_service.png) no-repeat; width: 48px; height: 48px; }
.icon_private_api { background: url(../../images/icons/private_api.png) no-repeat; width: 48px; height: 48px; }

/*WHITE BUTTON*/
.white_button { background: #ffffff; color: #214065; font-size: 13px; font-weight: bold; cursor: pointer; }
.white_button .whitebutton_pad { padding: 10px 12px 10px 12px; }
.white_button:hover { background: #cad9e6; }
.white_button_surround a { color: #214065; text-decoration: none; }

.blue_button { background: #234f86; color: #ffffff; font-size: 13px; text-shadow: 1px 1px 0px #002647; font-weight: bold; cursor: pointer; }
.blue_button .blue_button_pad { padding: 10px 12px 10px 12px; }
.blue_button:hover { background: #3573be; }
.blue_button_surround a { color: #ffffff; text-decoration: none; }

/*UNDER GRADS*/
.large_under_grad { background: url(../../images/large_under_grad.png); width: 766px; height: 18px; }
.small_under_grad { background: url(../../images/small_under_grad.png); width: 254px; height: 18px; }

/*FOOTER*/
.footer { background: url(../../images/footer_grad.png); width: 100%; height: 73px; color: #234f86; font-size: 13px; font-weight: bold; margin-top: 15px; }
.footer .footer_pad { padding: 25px 0px 25px 0px; }

/*FLOATS*/
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

/*MARGINS*/
.mb2 { margin-bottom: 2px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mb10 { margin-bottom: 10px; }
.mtm3 { margin-top: -3px; }
.mtm5 { margin-top: -5px; }
.mt38 { margin-top: 38px; }
.ml16 { margin-left: 16px; }