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

/* --- DOCUMENT LAYOUT --- */


body { margin:0px; padding:0px; font-size:12px; font-family:Verdana, Geneva, sans-serif; height: 100%; background-image:url(../images/bg.png); }
body a { color:#0098c8; font-weight:bold; text-decoration:none; }
body a:hover { color:#008ec8; text-decoration:underline; }

/* --- MAIN CONTAINER --- */

#container { width: 100%; height: auto; min-height: 100%; margin: 0 auto -4em; text-align: left; }
.Normal { background-color: #FFFFFF; cursor: auto; height: 100%; }
.Progress { background-color: #EEEEEE; cursor: wait; }
.UpdateOn { position:absolute; visibility:visible; z-index: 1; }
.UpdateOff { position:absolute; visibility:hidden; z-index: 0; }




/* --- HEADER CONTAINER --- */

#tophdr-container { height:60px; background-color:#FFF; left:0px; right:0px; }
#tophdr-content { width: 960px; height: 40px; margin: 0 auto; z-index:20;}
#tophdr-content p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; text-align:right; padding-top:4px;}
#tophdr-content .phonenumber{ font-weight:bold; color:#00a4d2;}

/* --- TOP NAVIGATION --- */

#topnav-container { height:92px; background-image:url(../images/topnav_bg.png); background-repeat:repeat-x; left:0px; right:0px; z-index:5; margin-top:30px; }
#topnav-content { width: 960px; height: 30px; margin: 0 auto; text-align: left; z-index:0; }
#toplogo { float:left; width:310px; height:84px; }
#topnavigation { float:right; width:600px; height:39px; margin-top:33px; list-style: none; }
#topnavigation li { float:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; }
#topnavigation a { height:39px; width:200px; color:#333; display: block; float: left; margin: 0; text-decoration: none; text-align:center; padding-top:20px; background-image:url(../images/top_nav_bg_inactive.png); }
#topnavigation a:hover { background-image:url(../images/top_nav_bg_active.png); color: #fff; }
#topnavigation li.active a{ background-image:url(../images/top_nav_bg_active.png); color: #fff; }

/* --- SECONDARY NAVIGATION --- */

#scndnav-content { width: 960px; height: 30px; margin: 0 auto; text-align: left; z-index:0; }
#sndnav-container { height:40px; background-image:url(../images/scndnav_bg.png); background-repeat:repeat-x; left:0px; right:0px;	}
#sndnav-navigation { width: 960px; height: 30px; margin: 0 auto; text-align: left; z-index:0; }
#sndnav-navigation ul { margin: 0px; padding: 0px; list-style: none; float:right; }
#sndnav-navigation ul li { background-image:url(../images/scndnav_bg.png); }
#sndnav-navigation ul li, #sndnav-navigation ul li a { float: left; display: block; }
#sndnav-navigation ul li a { margin: 5px; padding-top:6px; padding-bottom:6px;	padding-left:12px; padding-right:12px; font-size: 14px; font-weight:bold; color: #fff; text-decoration: none; }
#sndnav-navigation ul li a:hover, #sndnav-navigation ul li a.selected { background-color:#313131; color: #FFFFFF; }

/* --- MAIN BODY CONTENT --- */

#mainbody-container { height:auto; background-image:url(../images/main_body_bg_top.png); background-repeat:repeat-x; left:0px; right:0px; padding-bottom:20px; }
#mainbody-content { width: 960px; margin: 0 auto; text-align: left; z-index:0; padding-top:20px; }
#mainbody-boxes-container {width:960px; height:314px;  background-color:#333; border-bottom:#01a9e8 solid 1px;}
#mainbody-boxes-home {width:320px; height:314px; float:left; background-color:#cb0239; background-image:url(../images/home-bg.jpg); cursor:pointer;}
#mainbody-boxes-home h1 { padding-top:10px; padding-left:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FFF;}
#mainbody-boxes-home p {padding-left:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF;}
#mainbody-boxes-home a {color:#FFF; text-decoration:none;}
#mainbody-boxes-home a:hover {color:#FFF;}
#mainbody-boxes-home .gotohome {/* margin:  0px;*/ width: 320px; height: 50px; top:200px; background-color:#F03; position: relative; opacity: .65; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);  /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; display:none;}
#mainbody-boxes-business {width:320px; height:314px; float:left; background-color:#018fc9; background-image:url(../images/business-bg.jpg); cursor:pointer;}
#mainbody-boxes-business h1 { padding-top:10px; padding-left:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FFF;}
#mainbody-boxes-business p {padding-left:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF;}
#mainbody-boxes-business a {color:#FFF; text-decoration:none;}
#mainbody-boxes-business a:hover {color:#FFF;}
#mainbody-boxes-hosting {width:320px; height:314px; float:left;  background-color:#70cc2d; background-image:url(../images/hosting-bg.jpg); cursor:pointer;}
#mainbody-boxes-hosting h1 { padding-top:10px; padding-left:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FFF;}
#mainbody-boxes-hosting p {padding-left:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF;}
#mainbody-boxes-hosting a {color:#FFF; text-decoration:none;}
#mainbody-boxes-hosting a:hover {color:#FFF;}


/* --- MAIN BODY INTERNAL --- */

#int-container {width:960px; height:520px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#000000; text-align:center;}

#int-container .leftbox { width:465px; height:340px; float:left; margin-left:5px; margin-right:5px; margin-top:5px; margin-bottom:5px; background-color:#479ff9; border-style:solid; border-width:1px; border-color:black; text-align:center;}

#int-container .leftbox a {color:#ffffff; font-size:18px;}
#int-container .leftbox h1 {font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#FFF; text-align:center;}
#int-container .leftbox a:hover {color:#ffffff; text-decoration:none;}


#int-container .rightbox { width:465px; height:340px; float:right; margin-left:5px; margin-right:5px; margin-top:5px; margin-bottom:5px; background-color:#479ff9; border-style:solid; border-width:1px; border-color:black;}

#int-container .rightbox a {color:#ffffff; font-size:18px;}
#int-container .rightbox h1 {font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#FFF; text-align:center;}
#int-container .rightbox a:hover {color:#ffffff; text-decoration:none;}


#int-container .bottombox { width:950px; height:130px; clear:left; margin-left:5px; margin-right:5px; margin-top:5px; margin-bottom:5px; background-color:#666; border-style:solid; border-width:1px; border-color:black; }

#int-container .bottombox a {color:#ffffff; font-size:18px;}
#int-container .bottombox h1 {font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#FFF; text-align:left;}
#int-container .bottombox a:hover {color:#ffffff; text-decoration:none;}


/* --- MAIN BODY BOTTOM --- */




#bottom-container {width:960px; height:200px; margin-top:15px;}
#bottom-about {width: 442px; height:190px; padding-left:15px; padding-right:15px; padding-top:10px; float:left; background-color:#FFF; border:#172030 solid 1px;}
#bottom-about h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#172030}
#bottom-about p { font-size:12px; color:#172030}
#bottom-about img { float:right;}
#bottom-news {width: 442px; height:190px; padding-left:15px; padding-right:15px; padding-top:10px; float:right; background-color:#172030; border:#01b2e4 solid 1px;}
#bottom-news h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ffffff}
#bottom-news li {font-size:12px; color:#ffffff; font-weight:normal; font-family:Verdana, Geneva, sans-serif; list-style:disc inside;}
#bottom-news a {color:#FFF; text-decoration:none; font-weight:normal;}
#bottom-news a:hover {color:#00a2d0; text-decoration:underline; font-weight:normal;}
#bottom-news img {float:right;}



/* --- FOOTER --- */

#footer, #push { height: 300px; /* .push must be the same height as .footer */ background-color:#1c1c1e; background-image:url(../images/footer-top.png); background-repeat:repeat-x; clear:left; }
#footer-content { width: 940px; height: 180px; margin: 0 auto;  padding-top:30px; padding-left:20px; }
#footer-content h2 { color:#FFF; font-size:14px; font-weight:bold; padding-bottom:10px; }
#footer-content a { color:#FFF; font-weight:100; text-decoration:none; }
#footer-content a:hover { color:#00a2d0; font-weight:100; text-decoration:underline; }
#footer-content-main { width: 140px; height: 195px; float:left; }
#footer-content-main h3 a{ color:#FFF; font-size:10px; font-weight:bold; padding-bottom:10px; } 
#footer-content-main ul, li { font-size:10px; list-style:none; line-height: 17px; }
#footer-content-home { width: 140px; height: 195px; float:left; }
#footer-content-home h3 a { color:#FFF; font-size:10px; font-weight:bold;padding-bottom:10px; }
#footer-content-home ul, li { font-size:10px; list-style:none; line-height: 17px; }
#footer-content-business { width: 140px; height: 195px; float:left; }
#footer-content-business h3 a { color:#FFF; font-size:10px; font-weight:bold; padding-bottom:10px;}
#footer-content-business ul, li { font-size:10px; list-style:none; line-height: 17px; }
#footer-content-hosting { width: 140px; height: 195px; float:left; }
#footer-content-hosting h3 a { color:#FFF; font-size:10px; font-weight:bold; padding-bottom:10px; }
#footer-content-hosting ul, li { font-size:10px; list-style:none; line-height: 17px; }
#footer-content-credits { width: 340px; height: 195px; float:right; }
#footer-content-contactdetails { width: 180px; height: 195px; float:right; }
#footer-content-contactdetails h3 { color:#FFF; font-size:10px; font-weight:bold; padding-bottom:10px; }
#footer-content-contactdetails p { color:#FFF; font-size:10px; }
#footer-content-copyright { width: 960px; height: 10px; clear:both; color:#FFF; font-size:10px; }