/* CSS Document */

body {
background-image:url(../images/img_bodypatt.gif);
background-repeat:repeat-x;
background-color:#102132;
margin:0px;
padding:0px;


}

a {
outline:none;
}

p {
padding:0px;
margin:0px;
margin-bottom:17px;
}

.main_container {
width:776px;
margin:0px auto;
margin-top:28px;
_margin-top:30px;
}

.header_container {
width:776px;
float:left;
height:230px;
}

.header_p1 {
background-image:url(../images/logo_header.jpg);
width:255px;
height:230px;
float:left;
}

.header_p1 a {
width:200px;
height:230px;
float:left;
position:absolute;
margin-left:10px;
}

.header_p2 {
background-image:url(../images/header_2.jpg);
width:269px;
height:230px;
float:left;
}

.header_p3 {
background-image:url(../images/header_3.jpg);
width:252px;
height:230px;
float:left;
}

.nav_container {
background-image:url(../images/nav_back.jpg);
width:776px;
height:27px;
float:left;
}

.navlink_container {
width:480px;
float:left;
height:27px;
background-color:#000000;
margin-left:10px;
display:inline;
}

.navlink_ul {
list-style:none;
padding:0px;
margin:0px;
padding-left:10px;
}

.navlink_li {
list-style:none;
margin-top:5px;
float:left;
}

.navlink_sep {
list-style:none;
margin:6px 16px;
float:left;
}

.navlink_sep1 {
list-style:none;
margin:6px 19px;
float:left;
}
.nav_img {
background-image:url(../images/img_header_nav.jpg);
width:276px;
height:27px;
float:left;
}



.banner_container {
width:776px;
height:230px;
float:left;
}

.banner1 {
background-image:url(../images/banner_1.jpg);
width:115px;
height:230px;
float:left;
}

.banner2 {
background-image: url(../images/banner_2.jpg);
width:115px;
height:230px;
float:left;
}

.banner3 {
background-image: url(../images/banner_3.jpg);
width:115px;
height:230px;
float:left;
}

.banner4 {
background-image: url(../images/banner_4.jpg);
width:53px;
height:230px;
float:left;
}

.banner5 {
width:325px;
height:230px;
float:left;
background-color:#FFFFFF;
}

.banner6 {
background-image: url(../images/banner_6.jpg);
width:53px;
height:230px;
float:left;
}

.flash_container {
width:325px;
height:175px;
position:absolute;
background-color:#999999;
margin-top:29px;
}

.remote_link  {
width:314px;
height:164px;
position:absolute;
margin-left:402px;
margin-top:33px;
}

.remote_link a  {
width:314px;
height:164px;
position:absolute;
}






.content_container {
background-image:url(../images/img_shadow_sides.gif);
width:756px;
float:left;
padding:0px 10px;
}

.links_container_main {
background-color:#dcdcdc;
float:left;
height:280px;
width:756px;
padding-top:10px;
}

.links_container {
width:460px;
float:left;
margin-left:10px;
display:inline;
}

.link1 {
background-image:url(../images/img_computer_fixes.gif);
width:228px;
height:129px;
float:left;
}

.link1 a {
width:190px;
height:100px;
float:left;
position:absolute;
margin-left:20px;
margin-top:15px;
}

.link1 a:hover {
width:190px;
height:100px;
background-image:url(../images/img_computer_fixes_a.gif);
background-position:0px 28px;
background-repeat:no-repeat;
position:absolute;
}

.link2 {
background-image:url(../images/img_serversol.gif);
width:228px;
height:129px;
float:left;
}

.link2 a {
width:190px;
height:100px;
position:absolute;
margin-left:20px;
margin-top:15px;
}

.link2 a:hover {
width:190px;
height:100px;
background-image:url(../images/img_serversol_a.gif);
background-position:-3px 19px;
background-repeat:no-repeat;
position:absolute;
}

.link3 {
background-image:url(../images/img_clearence_sales.gif);
width:228px;
height:129px;
float:left;
}

.link3 a {
width:190px;
height:100px;
position:absolute;
margin-left:20px;
margin-top:15px;
}

.link3 a:hover {
width:190px;
height:100px;
background-image:url(../images/img_clearence_sales_a.gif);
background-position:2px 27px;
background-repeat:no-repeat;
position:absolute;
}

.link4 {
background-image:url(../images/img_training.gif);
width:228px;
height:129px;
float:left;
}

.link4 a {
width:190px;
height:100px;
position:absolute;
margin-left:20px;
margin-top:15px;
}

.link4 a:hover {
width:190px;
height:100px;
background-image:url(../images/img_training_a.gif);
background-position:10px 35px;
background-repeat:no-repeat;
position:absolute;
}


.dotted_container {
background-image:url(../images/dotted_vertical.gif);
background-repeat:repeat-y;
float:left;
height:230px;
width:1px;
margin: 16px 10px 0px 10px;
display:inline;
}

.logo_container {
width:245px;
float:left;
height:230px;
background-image:url(../images/logos.jpg);
background-repeat:no-repeat;
background-position:20px 16px;
}

.getquote_btn {
background-image:url(../images/btn_getquote.jpg);
width:238px;
height:86px;
float:left;
margin-top:170px;
margin-left:15px;
display:inline;
}

.getquote_btn a {
background-image:url(../images/btn_getquote.jpg);
width:238px;
height:86px;
position:absolute;
}

.getquote_btn a:hover {
background-image:url(../images/btn_quote_a.gif);
background-repeat:no-repeat;
background-position:43px 23px;
width:238px;
height:86px;
position:absolute;
}




.content_container2 {
background-color:#e0dcdd;
float:left;
width:726px;
padding:15px;
margin-top:1px;
min-height:400px;
height:auto !important;
height:400px;
}

.content_container5 {
background-color:#e0dcdd;
float:left;
width:726px;
padding:15px;
padding-bottom:0px;
margin-top:1px;
min-height:300px;
height:auto !important;
height:300px;
}

.content_container3 {
background-color:#bababa;
float:left;
width:726px;
padding:15px;
margin-top:1px;
min-height:200px;
height:auto !important;
height:200px;
}

.content_container4 {
background-color:#e0dcdd;
float:left;
width:756px;
margin-top:1px;
height:700px;
padding-top:15px;
}



.footer_container {
width:756px;
height:38px;
float:left;
background-image:url(../images/img_footer.gif);
background-repeat:no-repeat;
background-color:#000000;
padding:0px 10px;
}


.footer_ul {
margin:0px;
padding:0px;
list-style:none;
margin-left:20px;
}

.footer_li {
margin:0px;
padding:0px;
list-style:none;
float:left;
margin-top:5px;
}




.innerpage_container {
background-image:url(../images/img_inner_pattback.gif);
background-repeat:repeat;
width:776px;
float:left;
min-height:230px;
height:auto !important;
height:230px;
background-color:#bababa;
}

.main_text_container {
width:716px;
float:left;
height:200px;
margin-left:26px;
display:inline;
margin-top:20px;
}

.simple_list_ul {
list-style:none;
padding:0px;
margin:0px;
padding-top:10px;
}

.simple_list_li {
list-style:none;
padding:0px;
margin:0px;
background-image:url(../images/simple_bullet.gif);
background-repeat:no-repeat;
background-position:5px;
padding-left:18px;
margin-bottom:5px;
}

.computer_repairs_box {
float:left;
height:20px;
background-color:#cfb900;
width:242px;
text-align:center;
vertical-align:middle;
}

.computer_repairs_box1 {
float:left;
height:20px;
background-color:#e33434;
width:242px;
text-align:center;
vertical-align:middle;
}

.computer_repairs_box2 {
float:left;
height:20px;
background-color:#4a96cc;
width:242px;
text-align:center;
vertical-align:middle;
}

a.computer_repairs_box_a  {
float:left;
height:20px;
background-color: ;
width:242px;
text-align:center;
vertical-align:middle;
color:#000000;
text-decoration:none;
}

a.computer_repairs_box_a:hover  {
float:left;
height:20px;
background-color: #303030;
width:242px;
text-align:center;
vertical-align:middle;
color:#FFFFFF;
text-decoration:none;

}




.services_stock {
background-image:url(../images/img_fivestars.jpg);
width:296px;
height:145px;
position:absolute;
margin-top:200px;
margin-left:400px;
}

.training_stock {
background-image:url(../images/img_skills.jpg);
width:295px;
height:228px;
position:absolute;
margin-top:150px;
margin-left:400px;
}

.special_stock {
background-image:url(../images/img_discounts.jpg);
width:258px;
height:254px;
position:absolute;
margin-top:140px;
margin-left:440px;
}

.contact_stock {
background-image:url(../images/img_globe.jpg);
width:247px;
height:226px;
position:absolute;
margin-top:30px;
margin-left:440px;
}


.remotesupport_box {
width:407px;
height:138px;
float:left;
margin-left:141px;
display:inline;
background-color:#191919;
}
.remote_text{
background-image:url(../images/img_remote_text.jpg);
width:219px;
height:138px;
float:left;
}

.remote_text1{
background-image:url(../images/img_remote_text1.jpg);
width:188px;
height:138px;
float:left;
}

.remote_steps_container {
width:756px;
height:160px;
float:left;
margin-left:36px;
display:inline;
}

.remote_steps1 {
width:185px;
height:130px;
float:left;
background-image:url(../images/img_step1.jpg);
}

.arrow {
background-image:url(../images/img_arrow.jpg);
background-repeat:no-repeat;
background-position:center;
width:50px;
height:130px;
float:left;
}

.remote_steps2 {
width:185px;
height:130px;
float:left;
background-image:url(../images/img_step2.gif);
}

.remote_steps3 {
width:185px;
height:130px;
float:left;
background-image:url(../images/img_step3.jpg);
}



.window_link {
background-image:url(../images/img_winlogo.jpg);
background-repeat:no-repeat;
width:250px;
height:60px;
float:left;
padding-left:60px;
padding-top:22px;
margin-left:20px;

}


.window_link_act {
width:1px;
height:1px;
float:left;
}

a.window_link_act {
width:47px;
height:44px;
position:absolute;
margin-left:-695px;
margin-top:-1px;

}



.mac_link_act {
width:1px;
height:1px;
float:left;
}

a.mac_link_act {
width:71px;
height:65px;
position:absolute;
margin-left:-500px;
margin-top:2px;
}



.apple_link {
background-image:url(../images/img_app_logo.jpg);
background-repeat:no-repeat;
width:300px;
height:70px;
float:left;
padding-left:55px;
padding-top:22px;
margin-left:30px;
}

.rescue_img {
background-image:url(../images/img_rescue.jpg);
width:214px;
height:85px;
position:absolute;
margin-left:480px;
margin-top:400px;
}

.server_heading {
background-image:url(../images/img_getaserver.gif);
width:235px;
height:34px;
float:left;
margin-top:20px;
}

.server_list_container {
width:700px;
height:196px;
float:left;
background-color:#5a5a5a;
border:#fff 1px solid;
margin-top:10px;
background-image:url(../images/img_serverblur.jpg);
background-repeat:no-repeat;
background-position:right;
margin-bottom:20px;
}

.server_text_container {
width:700px;
height:300px;
float:left;
margin-bottom:20px;
}



.server_container_ul {
list-style:none;
padding:0px;
margin:0px;
padding-top:20px;
padding-left:10px;
}

.server_container_li {
list-style:none;
background-image:url(../images/img_grey_bullet.gif);
background-repeat:no-repeat;
background-position:10px;
padding-left:30px;
margin-bottom:10px;
}


.server_promo_container {
width:353px;
height:253px;
background-color:#999999;
position:absolute;
margin-left:350px;
}

.server_pic1 {
background-image:url(../images/img_serverpromo1.jpg);
width:208px;
height:253px;
float:left;
}

.server_pic2 {
background-image:url(../images/img_serverpromo2.jpg);
width:145px;
height:253px;
float:left;
}

.simple_ul {
list-style:none;
padding:0px;
margin:0px;
}

.simple_li {
list-style:none;
background-image:url(../images/img_bullet_arrow.gif);
background-repeat:no-repeat;
background-position:2px 3px;
padding-left:15px;
}

.computer_banner_container {
width:720px;
height:232px;
float:left;
margin-bottom:10px;
background-image:url(../images/img_pcbanner.jpg);
background-repeat:repeat-x;
}

.computer_banner1 {
background-image:url(../images/img_pcbanner1.jpg);
width:121px;
float:left;
height:232px;
}

.computer_banner2 {
background-image:url(../images/img_pcbanner2.jpg);
width:148px;
float:left;
height:232px;
}

.computer_banner3 {
background-image:url(../images/img_pcbanner3.jpg);
width:139px;
float:left;
height:232px;
}

.computer_banner4 {
background-image:url(../images/img_pcbanner4.jpg);
width:154px;
float:left;
height:232px;
}

.computer_banner5 {
background-image:url(../images/img_pcbanner5.jpg);
width:138px;
float:left;
height:232px;
}


.mac_promo {
background-image:url(../images/img_mac.jpg);
width:164px;
height:220px;
float:right;
margin-top:-130px;
#margin-top:-150px;
_margin-top:-150px;
margin-right:20px;
display:inline;
}


.horizontal_spacer {
background-image:url(../images/img_dot_horizontal.gif);
background-repeat:repeat-x;
background-position:center;
width:400px;
float:left;
height:25px;
}











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

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

.spiderpic span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

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

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

}