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

/* 
Light Grey (content area bg): 5a5a5a
Light Grey (top of gradient): f5f5f5
Dark Grey (bottom of gradient): b9b9b9
Green: 478c55
Dark Blue: 014174
Medium Blue: 326c98
*/

/************* INSIDE PAGES **********/
h1, h2, h3, h4, h5, h6 {color:#868787;}
#right_column h1, #right_column h2, #right_column h3, #right_column h4, #right_column h5, #right_column h6 {color:#5a5a5a; margin-bottom:0.75em;}
#middle_bg p {line-height:1.5em;}
.blue {color:#014174;}
.green {color:#3a7947;}
.black {color:#000000;}
.white {color:#ffffff;}
.tabletext {font-size:1.0em; }
.datapicture {padding: 0px 0px 0px 13px;}

/*********** Header - Inside Pages ***********/
/* Header bg image css moved to netsource_common.css for loading time */
#header_message_inside {height:113px;}
#header_message_inside #phone_number {font-size:1.0em; float:right; display:inline; padding-top:88px; font-weight:bold; line-height:16px;}
#header_message_inside #main_message {font-size: 2.5em;}
#header_message_inside #second_message {font-size:1.2em;}


/****** General Styles ***********/
.inside_wrap {width:974px;}
#page_title {margin-left:38px; height:50px; line-height:50px; padding-top:8px; font-size:3em; color:#5a5a5a; font-weight:bold;}
#request_a_quote {height:31px; width:185px; float:right; display:inline; background-image:url(../images/green_button_blank.gif); background-repeat:no-repeat; line-height:31px; margin-top:7px; margin-right:11px; padding:8px;}
#request_a_quote a {color:#FFFFFF; text-decoration:none; font-weight:bold; padding-left:14px; display:block; letter-spacing:0.1em;}
.horizontal_dotted_line { border-bottom: 1px dotted #80c080; width: 680px; color:#478C55; margin:10px 0px; height: 1px;} 
.horizontal_dotted_line2 { border-bottom: 1px dotted #80c080; width: 30px; color:#478C55; height: 1px;}


/********* 2 Column Layout **********/
#top_2col {height:74px; width:986px; background-image:url(../images/inside_2col_top.png); margin-left:auto; margin-right:auto;}
#middle_bg {background:url(../images/bottom_gradient.gif) top center repeat-x #b9b9b9; min-height:200px;}
#middle_container_2col {width:974px; background:url(../images/inside_2col_bg.png) repeat-y center top; margin-left:auto; margin-right:auto; padding:0  6px;} 
#text_main_container {margin-left:auto; margin-right:auto; padding-top:6px;}

#left_column {width:676px; margin-left:32px; margin-right:32px; float:left; display:inline;}
#right_column {width:206px; margin-left:14px; float:left; display:inline; }
#right_column p, #right_column table {margin-left:16px; margin-right:16px; width:174px;}
#right_column img {margin-left:auto; margin-right:auto;}

#clear {height:0; clear:both;} /* Use this style in an empty div after the two floated columns in the 2 column layout to stretch the background in Firefox. */
#box_bottom_2col {background:url(../images/inside_2col_bottom.png) no-repeat center top; width:986px; height:30px; margin-left:auto; margin-right:auto; padding-bottom:20px; clear:both;}

#right_column table {color:#5a5a5a; font-weight:bold;}
#right_column .tablerow_dark {background-color:#c2c2c2;}
#right_column .tablerow_light {background-color:#f5f5f5;}
#right_column ul {margin:0; padding:0; width:186px; margin-left:auto; margin-right:auto;}
#right_column li {line-height:2.25em; margin:0; padding:0; list-style:none; width:100%; background:url(../images/list_border.gif) repeat-x bottom;}
#right_column li a {display:block; background:url(../images/bullet_arrow.gif) no-repeat left; padding-left:14px; font-weight:bold; color:#014174; text-decoration:none;}
#right_column li a:visited {color:#014174;}
#right_column li a:hover {color:#326c98;}
#right_column img {margin-left:auto; margin-right:auto;}


/********** 1 Column Layout **********/
#top_1col {height:74px; width:986px; background-image:url(../images/inside_1col_top.png); margin-left:auto; margin-right:auto;}
#box_bottom_1col {background:url(../images/inside_1col_bottom.png) no-repeat center top; width:986px; height:30px; margin-left:auto; margin-right:auto; padding-bottom:20px; clear:both;}
#middle_container_1col {width:974px; background:url(../images/inside_1col_bg.png) repeat-y center top; margin-left:auto; margin-right:auto; padding:0  6px;} 
#main_column {width:908px; margin:0 32px; float:left; display:inline;}


/*********** Service Box *************/
.service_title {width:324px; text-align:center; text-transform:uppercase; line-height:1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; padding-bottom:4px; padding-top:28px; padding-bottom:8px;}
.service_title h1, .service_title h2, .service_title h3, .service_title h4, .service_title h5, .service_title h6 {margin:0; padding:0; color:#014174;}

.service {width:324px; background:url(../images/box_middle.gif) repeat-y center; color:#014174;}
.service_inside {width:244px; padding:20px 40px 0px 40px; background:url(../images/box_top.gif) no-repeat top;}
.service_inside ul {padding:0; margin:0; margin-bottom:10px;}
.service_inside li {line-height:1.5em; margin:0; padding:0;}
.service_bottom {width:324px; height:10px; background:url(../images/box_bottom.gif) no-repeat bottom;}
.service .line {background:url(../images/list_border.gif) repeat-x center; height:1px; border:0; margin:18px 0 8px 0; width:100%}
#cost {text-align:right;}
#cost p {margin:0; padding:0;}
#cost .orange {color:#CC3300; font-size:1.5em;}
#cost sup {text-align:right; margin:0; padding:0;}
#cost .contact {text-align:center;}
#cost .contact a {text-align:center; display:block; height:47px; line-height:47px; background:url(../images/contact_button_bg.gif) center no-repeat; color:#FFFFFF; letter-spacing:1px; font-weight:bold; text-decoration:none;}
#cost .contact a:hover {text-decoration:none;}

/********* Service Title Box **********/
.service_points {clear:both; width:676px; padding-top:24px; color:#014174;}
.service_points h3 {width:651px; height:36px; background:url(../images/titlebar_blue.gif) no-repeat top #c8c8c8; text-align:left; padding-left:25px; line-height:36px; color:#FFFFFF;}
.service_points .green_header {background:url(../images/titlebar_green.gif) no-repeat top #c8c8c8;}
.service_points li {list-style:outside; line-height:1.5em;}

#main_column table, #left_column table {margin:auto;}
.dots {background-image:url(../images/dots.gif); background-repeat:repeat-x; background-position:0 1.2em;}
.dots .bg {background-color:#f5f5f5; padding:0 4px;}

#managed_web_hosting {width:648px; border-collapse:collapse;}
#managed_web_hosting td {padding:0;}
#managed_web_hosting img {border:0;}

.hosting_services {width:674px; position:relative; border:1px solid #000; padding:1em 0; margin-bottom:3.5em;}
.top_left_corner {position:absolute; top:-1px; left:-1px;}
.top_right_corner {position:absolute; top:-1px; right:-1px;}
.bottom_left_corner {position:absolute; bottom:-1px; left:-1px;}
.bottom_right_corner {position:absolute; bottom:-1px; right:-1px;}
.managed_man {float:left; margin:0 10px 15px 15px;}
.hosting_services h2 {margin:0; padding-top:23px;}
.hosting_services div {clear:left; margin:0; padding:1em; border-top:1px solid #000; border-bottom:1px solid #000; background-color:#DFDFDF; line-height: 1.5em;}
.hosting_services p {padding: 1em; margin-top:1em; line-height: 1.5em;}
.hosting_services li {line-height: 1.5em;}
.hosting_services td {line-height: 1em; color:#478C55;}
/* There is also one style in ie.css and ie6.css for these hosting services boxes */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}