@charset "utf-8";
/* CSS Document */

/* Import CSS CSS */
@import url("reset.css");
@import url("contribute.css");
/* End Import */

/* ***Main Layout Styles*** */

html { background: url(../images/build/background_tile.jpg) top center repeat-x; }

body { background: url(../images/build/background_shadow.jpg) top center no-repeat; width: 100%; height: 100%; background-position: center 325px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; }

div#bg_wrapper {background: url(../images/build/background_tile.jpg) top center repeat-x; width:100%; height:100%; }

#wrapper { width: 1020px; margin: 0 auto 0 auto; overflow: hidden; }

#header { height: 125px; width: 1020px; }

#logo { float: left; height: 105px; padding: 20px 0 0 10px; }

#upper_nav { float: right; margin: 0 23px 0 0; }

#main_nav { background: url(../images/build/mainnav_bkg.jpg) top left no-repeat; height: 40px; width: 500px; float: right; clear: right; margin: 20px 10px 0 0; }

#phone_numbers { float: right; clear: right; padding: 13px 23px 0 0; }

#shadow_container { position: relative; width: 1060px; margin: 0 auto 0 auto; }


/* ***Banner Styles*** */
#slider-bg {
	width: 1000px;
	height: 330px;
	margin: 0 auto 0 auto;
}

.slider-wrapper { position: absolute; width: 1060px; height: 300px; z-index: 0; top: 136px; left: 0px; }

#nivo-slider {
    margin: 0 auto 0 auto;
    width: 1000px; /* Make sure your images are the same size */
    height: 300px; /* Make sure your images are the same size */
}

#carepackage {background:url(../images/build/carepackage_bkg.png) top left no-repeat; height: 137px; width: 1020px; position: relative; display:block; }

#content_wrap { width: 1020px; margin: 5px 0 10px 0; }

#left_column { float: left; width: 340px; border-right: 1px dotted #bfcfd4; min-height: 465px; }

#center_column { float: left; width: 338px; min-height: 450px; }

#right_column { float: left; width: 340px; border-left: 1px dotted #bfcfd4; min-height: 465px; position: relative; }

#interior_container { background: url(../images/build/content_bkg_interior.jpg) top left no-repeat; padding: 10px; width: 1000px; overflow: hidden; min-height:500px; }

#interior-content {width: 986px; padding:20px 10px 0 10px;}

#interior-col-container {width: 969px; background:url(../images/build/interior_col_bg.jpg) repeat-y; padding:10px 0; margin:0 auto; overflow: hidden}

#results-interior-col-container {width: 969px; padding:10px 0; margin:0 auto; overflow: hidden}

#left-col {width:610px; float:left; }

#right-col {width:320px; float:right;}

#right-col img {margin:5px 0;}

#header_area { background: url(../images/build/header_bkg.png) top left no-repeat; width: 1000px; height: 195px; position: relative; }

div.column_content { padding: 10px 20px 20px 20px; }

#free_check { background: url(../images/build/network_health_bkg.jpg) top left no-repeat; width: 288px; height: 353px; padding: 90px 25px 20px 25px; position: relative; }

#footer { width: 100%; min-height: 250px; background: #bfcfd4; clear: both; margin: 25px 0 0 0; }

#foot_wrap { width: 1020px; margin: 0 auto 0 auto; padding: 20px 0 0 0; }

.keyfoot { width: 1020px; padding: 25px 0; clear: both; text-align: center;}
	.keyfoot a {text-decoration:none; color:#7396a0;}
	.keyfoot a:hover {text-decoration:underline; color:#3095b4;}

div.foot_box { float: left; height: 85px; border-right: 1px dotted #7396a0; overflow: hidden; margin: 0 0 0 10px; padding: 0 17px 0 7px; }

div.copyright { float: left; padding: 0 0 0 17px; }

ul {margin:5px 0 5px 20px; list-style:disc;}

ul li { padding:5px 0;}

/* ***Navigation Styles*** */
a {text-decoration:none; color:#3095b4;}

a:hover {text-decoration:underline; color:#3095b4;}

#upper_nav ul { list-style-type: none; margin: 20px 0 0 0; padding: 0 0 0 0; }

#upper_nav ul li { float: left; padding:0; }

#upper_nav ul li a { display: block; }

#upper_nav ul li a.remote { background: url(../images/nav/remote_btn.jpg) top left no-repeat; width: 57px; height: 12px; margin-right: 40px;}
#upper_nav ul li a.remote:hover { background-position: 0 -12px; }

#upper_nav ul li a.clientportal { background: url(../images/nav/portal_btn.jpg) top left no-repeat; width: 94px; height: 12px; margin-right:40px; }
#upper_nav ul li a.clientportal:hover { background-position: 0 -12px; }

#upper_nav ul li a.contactus {background:url(../images/nav/contact_btn.jpg) top left no-repeat; width:58px; height:12px;}
#upper_nav ul li a.contactus:hover { background-position: 0 -12px; }

#slide_banner a.slide_left { background: url(../images/icons/slider_left.jpg) top left no-repeat; width: 30px; height: 36px; display: block; position: absolute; left: 0; top: 145px; }

#slide_banner a.slide_left:hover { background-position: 0 -36px; }

#slide_banner a.slide_right { background: url(../images/icons/slider_right.jpg) top right no-repeat; width: 30px; height: 36px; display: block; position: absolute; right: 0; top: 145px; }

#slide_banner a.slide_right:hover { background-position: 0 -36px; }

#slide_banner ul.num_list { list-style-type: none; position: absolute; font-family: Arial, Helvetica, sans-serif; font-size: 16px;  bottom: 25px; left: 50px; z-index: 100;}

#slide_banner ul.num_list li { background: url(../images/icons/num_list.png) top left no-repeat; display: block; height: 23px; width: 20px; float: left; margin: 0 10px 0 0; color: #004153; padding: 4px 0 0 8px; }

#slide_banner ul.num_list li.selected { background:url(../images/icons/num_list_select.png) top left no-repeat; display: block; height: 23px; width: 20px; float: left; margin: 0 10px 0 0; color: #FFFFFF; padding: 4px 0 0 8px; }

a.callback { margin: 0 0 0 5px; }

a.learn_more { display: block; background: url(../images/icons/learnmore_btn.jpg) top left no-repeat; width: 272px; height: 42px; position: absolute; bottom: 11px; right: 10px; }

a.learn_more:hover { background-position: 0 -42px; }

#main_nav ul { margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; }

#main_nav ul li { float: left; padding:0;}

#main_nav ul li a { display: block; }

#main_nav ul li a.home { background: url(../images/nav/home_btn.png) top left no-repeat; width: 70px; height: 40px;  }
#main_nav ul li a.home:hover { background-position: 0 -40px; }

#main_nav ul li a.carepackage { background: url(../images/nav/365care_btn.png) top left no-repeat; width: 93px; height: 40px;  }
#main_nav ul li a.carepackage:hover { background-position: 0 -40px; }

#main_nav ul li a.products { background: url(../images/nav/products_btn.png) top left no-repeat; width: 94px; height: 40px;  }
#main_nav ul li a.products:hover { background-position: 0 -40px; }

#main_nav ul li a.results {background:url(../images/nav/results-btn.png) top left no-repeat; width:93px; height:40px;}
#main_nav ul li a.results:hover { background-position: 0 -40px; }

#main_nav ul li a.services { background: url(../images/nav/services_btn.png) top left no-repeat; width: 84px; height: 40px;  }
#main_nav ul li a.services:hover { background-position: 0 -40px; }

#main_nav ul li a.blog { background: url(../images/nav/blog_btn.png) top left no-repeat; width: 66px; height: 40px;  }
#main_nav ul li a.blog:hover { background-position: 0 -40px; }

/*#main_nav ul li a.contact { background: url(../images/nav/contact_btn.png) top left no-repeat; width: 86px; height: 40px;  }
#main_nav ul li a.contact:hover { background-position: 0 -40px; }*/

div.foot_box ul { list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin:0; }

div.foot_box ul li {padding:0; padding-bottom: 3px; }

div.foot_box ul li a { text-decoration: none; color: #004153; }

div.foot_box ul li a:hover { color: #3095b4; }

ul.subnav {margin:10px 0; }

ul.subnav li {list-style:none; padding:0; border-bottom:1px solid #97cad9; font-family: Arial, Helvetica, sans-serif; }

ul.subnav li a {background:url(../images/build/arrow_btn.png) left top no-repeat; display:block; height:19px; width:290px; padding:8px 0 8px 30px; font-size:16px; color:#8cbc18; text-decoration: none;}

ul.subnav li:hover { padding-left:5px;}

ul.subnav li a:hover {background:url(../images/build/arrow_hover.png) left top no-repeat; color:#3095b4;}

ul.care_list {float: right; width: 290px; margin: 20px 30px 0 0; }

ul.care_list p { color: #fff; font-size: 18px; padding: 35px 0 0 0; }

ul.care_list li {list-style:none; border-bottom:1px solid #FFFFFF; font-family: Arial, Helvetica, sans-serif; padding:0;}

ul.care_list li a {background:url(../images/build/arrow_btn.png) left top no-repeat; display:block; height:19px; width:290px; padding:8px 0 8px 30px; font-size:14px; color:#FFFFFF; text-decoration: none;}

ul.care_list li:hover { padding-left:5px;}

ul.care_list li a:hover {background:url(../images/build/arrow_hover.png) left top no-repeat; color:#d9e353;}

ul.care_list li.selected { padding-left:5px;}

ul.care_list li.selected a {background:url(../images/build/arrow_hover.png) left top no-repeat; color:#d9e353;}

/* ***Text Styles*** */

#left_column h1.border_bottom { display: block; width: 305px; margin: 0 0 0 5px; font-size: 28px; color: #004153; border-bottom: 1px dotted #bfcfd4; padding: 15px; }

#center_column h1.border_bottom { display: block; width: 308px; margin: 0 5px 0 0; font-size: 28px; color: #004153; border-bottom: 1px dotted #bfcfd4; padding: 15px; }

#right_column h1.border_bottom { display: block; width: 305px; margin: 0 5px 0 0; font-size: 28px; color: #004153; border-bottom: 1px dotted #bfcfd4; padding: 15px; }

div.column_content p { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 13px; }

div.copyright p { font-family: Arial, Helvetica, sans-serif; color: #004153; font-size: 9px; padding: 0 0 5px 0; } 

p {font-size:13px; color:#333333; font-family:Arial, Helvetica, sans-serif; margin:5px 0 10px 0;}

h1 {font-size:19px; color:#004153; font-family:Arial, Helvetica, sans-serif; padding:10px 0; font-weight:normal;}

h2 {font-size:19px; color:#3095b4; font-family:Arial, Helvetica, sans-serif; padding:10px 0; font-weight:normal;}

h3 {font-size:16px; color:#004153; font-family:Arial, Helvetica, sans-serif; padding:10px 0; font-weight:normal;}


h4 {font-size:40px; color:#004153; font-family:Arial, Helvetica, sans-serif; margin:10px 0; font-weight:normal;}

h5 {font-size:30px; color:#3095b4; font-family:Arial, Helvetica, sans-serif; padding:10px 0 5px 0; font-weight:normal;}

h6 {font-size:18px; color:#8cbc18; font-family:Arial, Helvetica, sans-serif; padding:10px 0 5px 0; font-weight:normal;}

/* ***Additional Styles*** */

ul.social_links { float: right; padding: 0 0 0 0; list-style-type: none; position: absolute; top: 3px; right: 0; }

ul.social_links li { float: left; margin: 0 10px 0 0; }

div.foot_box ul.logo_list li { float: left; margin:0; }

hr {background:#97cad9; border:none; height:1px;}

ul.chart {margin:10px 0;}

ul.chart li {list-style:none; background:#cedbdd; padding:10px; color:#004153; font-size:12px; font-family: Arial, Helvetica, sans-serif;}

ul.chart li.light {background:#e5eced;}

img.care_image { position: absolute; top: 50px; left: 40px; }

img.results_image { position: absolute; top: 50px; left: 40px; }

p.sales_message { position: absolute; top: 120px; left: 40px; font-size: 20px; font-family: Arial, Helvetica, sans-serif; color: #d9e353; }

h5.legal {font-size:16px; margin:10px 0 0 0;}
ul.legal li{font-size:12px; padding:2px 0;}
p.legal {font-size:10px;}

.clear {clear:both;}

a.readmore { display:block; background: url(../images/icons/readmore_btn.png) top left no-repeat; height: 34px; width: 141px; }

a.visit { display:block; background: url(../images/icons/visit365_btn.png) top left no-repeat; height: 34px; width: 182px; float: right; clear: both; }

#relax_img { display: block; height: 142px; width: 318px; }

#care-blocks {width:600px; height:466px; background:url(../images/build/365care_bg.jpg) no-repeat; padding:50px 0 0 10px;}
#care-blocks a {display:block; height:192px; width:273px; float:left;}
#care-blocks a.tech-management {background:url(../images/build/365care_manage.jpg) no-repeat; margin:0 11px 0 0;}
#care-blocks a.tech-management:hover {background:url(../images/build/365care_manage_hover.jpg) no-repeat;}
#care-blocks a.network-admin {background:url(../images/build/365care_dedicated.jpg) no-repeat;}
#care-blocks a.network-admin:hover {background:url(../images/build/365care_dedicated_hover.jpg) no-repeat;}
#care-blocks a.support-services {background:url(../images/build/365care_services.jpg) no-repeat; margin: 15px 0 0 0;}
#care-blocks a.support-services:hover {background:url(../images/build/365care_services_hover.jpg) no-repeat;}
#care-blocks a.tech-consulting {background:url(../images/build/365care_consulting.jpg) no-repeat; margin:15px 11px 0 0;}
#care-blocks a.tech-consulting:hover {background:url(../images/build/365care_consulting_hover.jpg) no-repeat;}

.float-right{float:right;}

div#support-login {height:249px; width:498px; background:url(../images/build/login_bg.jpg) no-repeat; margin:20px auto; position:relative;}
div#support-login iframe {position:absolute; top:50px; left:290px;}
div#support-login h6 {display:block; height:30px; width:150px; position:absolute; top:30px; left:318px;}

table.pricing {border:1px solid #B5CCCF; margin:10px auto; width:600px;}
table.pricing th {padding:10px; text-align:center; width:120px; font-size:16px; background:#00354A; color:#E5ECED; vertical-align:middle;}
table.pricing th.title {color:#1F6D83; font-size:21px;}
table.pricing td{padding:5px; text-align:center; background:#E5ECED; border:1px solid #B5CCCF; color:#113e51;}

/* ***Form Styles*** */

#free_check label { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 16px; width: 288px; display: block; padding: 8px 0 5px 0; }

#free_check input.check_input { width: 288px; border: 1px solid #3095b4; }

#free_check input.check_input_sml { width: 135px; border: 1px solid #3095b4; }

#free_check input.submit_btn { display: block; background: url(../images/icons/submit_btn.png) top left no-repeat; width: 137px; height: 31px;  border: none; cursor: pointer; position: absolute; bottom: 20px; right: 20px; } 

#free_check a.freecheck { display: block; background: url(../images/icons/moreinfo_btn.png) top left no-repeat; width: 137px; height: 31px;  border: none; cursor: pointer; position: absolute; bottom: 20px; left: 20px; display: block; } 

div.form {padding:20px; background:#E4ECEE; font-size:14px; color:#004153; margin:20px 0; border:1px solid #9BC5CF;}
div.form table td {padding:8px 5px; vertical-align:top;}
div.form input {height:20px; border:1px solid #9BC5CF;}
div.form textarea {border:1px solid #9BC5CF;}
div.form input#submit {height:30px; margin:10px 0 5px 0; display:block; padding:5px; color:#124F5F; background:#fff; border:1px solid #9BC5CF; cursor:pointer; float:right;}
div.form input#submit:hover {color:#fff; background:#2081A1; border:1px solid #9BC5CF; cursor:pointer;}
div.form .label {display:block; border-right:1px dotted #9BBBBF; padding:5px 0; font-size:14px; color:#004153; width:85px; margin-right:20px; float:left;}
div.form .element {padding:5px 0; float:left;}
div#narrow {width:280px; margin:20px auto;}
/* ***Feed Styles*** */




div.feed_entry { padding: 10px 0 5px 0; border-bottom: 1px solid #3095b4; }
#scroller div.feed_entry {padding:0 0 5px 0;}

div.date_entry { background: url(../images/build/date_bkg.jpg) top left no-repeat; height: 35px; width: 37px; padding: 5px; text-align: center; float: right; margin: 0 0 10px 10px; }

div.date_entry span.month { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; letter-spacing: 2px; }

div.date_entry span.day { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 20px; letter-spacing: 2px; }

div.feed_entry span.posted_via { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #3095b4; margin: 5px 0 0 0; clear: both; }

div.feed_entry p { margin: 5px 0 5px 0; }
#scroller div.feed_entry p {width:230px;}

div.feed_entry h4 { font-size: 14px; color: #8cbc18; font-family: Arial, Helvetica, sans-serif; }

div.feed_entry span.quote { font-family: Arial, Helvetica, sans-serif; font-size: 35px; color: #3095b4; float: left; margin: 0 5px 0 0; display: block; width: 15px; height: 15px; }

#brand { width: 1000px; margin-right: auto; margin-left: auto; text-align: center; clear: both; margin-top: 15px; float: left; }

#brand a.bincan { font-size: 10px; clear: both; display: none;}

/* *** Form Styles *** */
.label {width:150px; float:left; text-align: left; margin-right: 10px;}
.label_two {width:300px; float:left; text-align: left; margin-right: 10px;}
.element {width: 200px;float:left; text-align: left;}
div.form {background:#e5eced; padding:5px 15px 5px 15px; margin:20px 0;}
div.row { padding:5px 10px; }
div.form .light {background:#cedbdd; margin:10px 0;}
div.form .label {border-right:1px dotted #9BBBBF; padding:5px 0; font-size:14px; color:#004153;}
div.form .label_two {border-right:1px dotted #9BBBBF; padding:5px 0; font-size:14px; color:#004153;}
div.form .element {padding:5px 0; }
div.form small { display:block; margin:3px 5px 0 5px; font-size:10px;}
div.form input, div.form select {margin:0 5px;}
div.form #contact-me, div.form #french-service {width:300px; border:none;}
div.form input {height:20px; border:1px solid #9BC5CF;}
div.form textarea, div.form select {border:1px solid #9BC5CF;}
div.form input#submit, div.form input#cancel {height:30px; margin:0; display:block; padding:5px; color:#124F5F; background:#fff; border:1px solid #9BC5CF; cursor:pointer; float:left; margin-right:20px;}
div.form input#checkusername, div.form input#checkaffiliate { height:25px; margin:0; padding:2px; color:#124f5f; background:#fff; border:1px solid #9bc5cf; cursor:pointer;}
div.form input#checkusername { width:117px;}
div.form input#checkaffiliate {width:105px;}
div.form input#submit:hover, div.form input#cancel:hover, div.form input#checkusername:hover, div.form input#checkaffiliate:hover {color:#fff; background:#2081A1; border:1px solid #9BC5CF; cursor:pointer;}
div.form p.error-msg {font-weight:bold; color:#FF0000; }


/* *** Blog Styles *** */
#blog-group {border-bottom:1px solid #BFCFD4; padding:0 0 10px 0; margin:0 0 20px 0;}
h3#blog-date {font-size:22px; margin:10px 0 0 0; padding:0;}
#blog-post {font-size:13px; color:#333333; font-family:Arial, Helvetica, sans-serif; margin:5px 0 10px 0;}
#blog-post ol, #blog-post ul {margin-left:20px;}
#blog-post ol li {list-style:decimal; padding:5px 0;}
#blog-post ul li {list-style:disc; padding:5px 0;}
#blog-author {font-size:13px; color:#333333; font-family:Arial, Helvetica, sans-serif; margin:5px 0 10px 0; }
#blog-author a {color:#0B4E6B; text-decoration:none;}
#blog-author a:hover {text-decoration:underline;}

#blog-previous, #blog-archive {margin:5px 5px 20px 0px;}
ul#blog-recent, ul#blog-dates { padding: 0; }
ul#blog-recent li, ul#blog-dates li {list-style:none; border-bottom:1px solid #97cad9; font-family: Arial, Helvetica, sans-serif; padding: 0; }
ul#blog-recent li a, ul#blog-dates li a {background:url(../images/build/arrow_btn.png) left top no-repeat; display:block;  width:260px; padding:8px 0 8px 30px; font-size:16px; color:#8cbc18; text-decoration: none;}
ul#blog-recent li:hover, ul#blog-dates li:hover { padding-left:5px;}
ul#blog-recent li a:hover, ul#blog-dates li a:hover {background:url(../images/build/arrow_hover.png) left top no-repeat; color:#3095b4;}
 
div#blog-comments {padding:20px; margin:20px 0; background:#E4ECEE;}
form#add_comment {margin:15px 0 5px 0;}
textarea#comment {width:570px; height:150px; border:1px solid #9BC5CF;}
div#blog-comments input {height:20px; border:1px solid #9BC5CF;}
div#blog-comments input#submit {height:30px; margin:10px 0; display:block; padding:5px; color:#124F5F; background:#fff; border:1px solid #9BC5CF; cursor:pointer;}
div#blog-comments input#submit:hover {color:#fff; background:#2081A1; border:1px solid #9BC5CF; cursor:pointer;}
div#blog-comments small {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#124F5F; padding:0 5px; }
div#blog-comments div.blog-comment-wrapper {background:#F1F5F6; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333333; margin:5px 0 10px 0;}
div#blog-comments div.blog-comment-date {margin-top:15px; font-size:11px;}

a.tweet-this {display:block; height:33px; width:121px; float:left; background:url(../images/icons/tweet_this.jpg) no-repeat 0 3px; margin-top:7px;}
ul.share-this {width:320px; float:right;}
ul.share-this li{display:block; width:49px; height:33px; float:left; margin:0 1px;}
ul.share-this li a {display:block; width:49px; height:33px;}
ul.share-this li a.delicious {background:url(../images/icons/share_delicious.jpg) no-repeat;}
ul.share-this li a.digg {background:url(../images/icons/share_digg.jpg) no-repeat;}
ul.share-this li a.buzz {background:url(../images/icons/share_buzz.jpg) no-repeat;}
ul.share-this li a.technorati {background:url(../images/icons/share_technorati.jpg) no-repeat;}
ul.share-this li a.facebook {background:url(../images/icons/share_facebook.jpg) no-repeat;}
ul.share-this li a.linkedin {background:url(../images/icons/share_linkedin.jpg) no-repeat;}
ul.share-this li a.twitter {background:url(../images/icons/share_twitter.jpg) no-repeat;}
ul.share-this li a:hover {background-position:0 -33px;}

#left-col ol { padding: 0 0 0 20px; }

/* *** Error Styles *** */
.error { background: #FFFFFF; border: solid 1px #D89C9C; float: left; width: 400px; margin: 10px 10px 10px 10px; padding: 8px 20px 8px 20px; color: #A05353; font-size: .9em; }
* html .error { margin: 10px 25px 10px 25px; }


#scroller {margin-left:0; padding-right:15px;}
#scroller li {list-style:none;}

.results-thumbnails {
	width: 285px;
	float: left;
	margin: 0 20px 20px 0;
}

.results-thumbnails h1 {
	text-transform: uppercase;
	font-size: 10pt;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
}

.results-thumbnails img {
	border: solid 6px #004153;
}

.results-thumbnails img:hover {
	border: solid 6px #3095B4;
}

.results-left img { float: left; margin: 0 20px 20px 0; border: solid 6px #004153;}

.results-right {
	float: left;
	text-align: left;
	margin: 0;
}

.results-right p {
	line-height: 20px;
}

.results-images {
	padding: 10px 0 0 0;
}

.results-images img {
	border: solid 3px #004153;
}

.results-images .image-left {
	margin: 0 20px 0 0;
}

.results-images .image-middle {
	margin: 0 20px 0 0;
}