/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; background:url(../images/main_bg.jpg) top left repeat-x #175791}
	
body,td,th {
	font-family: Helvetica;
	font-size: 13px; color:#4B4B4B;}

a{ outline: none;
    -moz-outline-style: none;
 }


a img, img {
border: none;
}
ul, ol {
list-style: none;
}
.clear {
clear: both;
line-height: 0;
font-size: 0;
}

a:link {
	text-decoration: none; font-size:13px;
	color: #ffd100;
}
a:hover {
	text-decoration: underline; font-size:13px;
	color: #000;
}

/* div*/
#Main_Body_Wrapper{
	margin:0 auto;
	padding:0;
	width:960px;
}

.header{
	margin:0;
	padding:0;
	height:127px;
}

.logo{
	margin:0;
	padding:0 0 0 20px;
	width:357px;
	height:127px;
	float:left;
}

.top_contact_details{
	margin:0 20px 0 0;
	padding:0 0 0 0px;
	float:right;
	width:330px;
	height:127px;
	background:url(../images/icon-cont-mail.jpg) right 45px no-repeat;
}

.top_contact_details p{
	text-align:right;
	padding:38px 30px 0 0;
	margin:0;
	font-size:14px;
	line-height:18px;
}

.email p{
	text-align:right;
	padding:5px 30px 0 0;
	margin:0;
	font-size:14px;
	line-height:18px;
}

.email a{
	color:#4B4B4B;
	font-size:14px;
	text-decoration:none;
}

.email a:hover{
	text-decoration:underline;
	color:#B21F19;
}

.mid_banner{float:left}

.fast1{float:right}

#fastlink a {
background: url(../images/fast_accurate.jpg) no-repeat top;
height:159px;
width:330px;
display:block;
}

#fastlink a:hover {
background: url(../images/fast_accurate.jpg) no-repeat bottom;
height:159px;
width:330px;
display:block;
}

#sky_brnd_link a {
background: url(../images/sky_brnd.jpg) no-repeat top;
height:159px;
width:330px;
display:block;
}

#sky_brnd_link a:hover {
background: url(../images/sky_brnd.jpg) no-repeat bottom;
height:159px;
width:330px;
display:block;
}
.clear{clear:both}

.banner{width:940px; height:320px; padding:10px; padding-bottom:0; background-color:#FFFFFF}

.packages{padding:0 10px 15px 10px; background:url(../images/shadow.gif) bottom center no-repeat; height:88px;}
.packages a{ display:block; height:88px; float:left}

.packages a.bronze{background:url(../images/skyway_bronze.gif) no-repeat 0 0; width:236px}
.packages a.bronze:hover{background:url(../images/skyway_bronze.gif) no-repeat 0 -88px; width:236px}

.packages a.sliver{background:url(../images/home-skyway-sliver.gif) no-repeat 0 0; width:235px}
.packages a.sliver:hover{background:url(../images/home-skyway-sliver.gif) no-repeat 0 -88px; width:235px}

.packages a.gold{background:url(../images/skyway_gold.gif) no-repeat 0 0; width:235px}
.packages a.gold:hover{background:url(../images/skyway_gold.gif) no-repeat 0 -88px; width:235px}

.packages a.platinum{background:url(../images/skyway_platinum.gif) no-repeat 0 0; width:234px}
.packages a.platinum:hover{background:url(../images/skyway_platinum.gif) no-repeat 0 -88px; width:234px}



.packages a.bronze-home{background:url(../images/home-skyway-bronze.gif) no-repeat 0 0; width:236px}
.packages a.bronze-home:hover{background:url(../images/home-skyway-bronze.gif) no-repeat 0 -88px; width:236px}

.packages a.sliver-home{background:url(../images/home-skyway-sliver.gif) no-repeat 0 0; width:235px}
.packages a.sliver-home:hover{background:../images/home-skyway-sliver.gif) no-repeat 0 -88px; width:235px}

.packages a.gold-home{background:url(../images/home-skyway-gold.gif) no-repeat 0 0; width:235px}
.packages a.gold-home:hover{background:url(../images/home-skyway-gold.gif) no-repeat 0 -88px; width:235px}

.packages a.platinum-home{background:url(../images/home-skyway-platinum.gif) no-repeat 0 0; width:234px}
.packages a.platinum-home:hover{background:url(../images/home-skyway-platinum.gif) no-repeat 0 -88px; width:234px}

.midpart{background:#FFF;}

.welcome_main{ width:940px; padding:18px 10px 0 20px}
.welcome{ float:left; background:url(../images/welcome_img.gif) top left no-repeat; width:480px; padding:27px 0 10px 100px; line-height:18px}
.welcome a{font-size:13px; color:#009900; text-decoration:none; float:right; font-weight:bold}
.welcome a:hover{color:#000; text-decoration: underline}


.div_ver{background:url(../images/div_vertical.gif) top center no-repeat; width:50px; height:160px; float:left;}

.services-offered{ background:url(../images/services_offered.gif) top left no-repeat; width:223px; height:49px; float:left; width:250px; padding:0 20px 0 0}


#services_links{
padding:0;
margin:50px 0 0px 6px;
width:230px; 
}


#services_links li{
list-style: none;
margin:0;
font-size:12px; font-weight:bold; text-decoration:none; height:25px; line-height:25px; border-bottom:0px solid #E6E6E6;  font-family: Helvetica; background:url(../images/arrow.gif) no-repeat left; padding:0 0 0 25px;
}

#services_links li a{
color:#165BA0;  text-decoration:none;  height:20px; line-height:20px;
}

#services_links li a:hover{
color:#B1201A;  text-decoration: underline
}

#services_links li.lastone{
padding-bottom:0;
}

.dvid_lineh{background:url(../images/div_hor.gif) top center no-repeat; height:19px; width:890px;}


.broadband_main{ width:940px; padding:0px 0 10px 18px;}

.home_brbnd{ float:left; background:url(../images/home_broadband_bg.gif) top center no-repeat; width:200px; height:92px; padding:55px 20px 10px 86px; line-height:18px; margin-right:8px;}

.corp_brbnd{ float:left; background: url(../images/corporate_broadband.gif) top left no-repeat; width:189px; height:92px; padding:55px 20px 0 86px; line-height:18px; margin-right:9px;}

.dedicated_brbnd{ float:left; background: url(../images/dedicated_broadband.gif) top left no-repeat; width:211px; height:92px; padding:55px 20px 0 86px; line-height:18px }

.readmore_img{position:absolute;}

.footer{ width:960px; padding:20px 0 10px 0; background:url(../images/footer_bg.gif) top center no-repeat #B1201A;}


.contacts-emaillink:link{ color:#B1201A; font-size:12px; font-weight:bold; text-decoration:none;}
.contacts-emaillink:visited{ color:#B1201A; font-size:12px;font-weight:bold; text-decoration:none;}
.contacts-emaillink:hover{ color:#000; font-size:12px;font-weight:bold; text-decoration:underline;}
.contacts-emaillink:active{ color:#B1201A; font-size:12px;font-weight:bold; text-decoration:none;}


.flinks:link{ color:#fff; font-size:12px; text-decoration:none;}
.flinks:visited{ color:#fff; font-size:12px; text-decoration:none;}
.flinks:hover{ color:#000; font-size:12px; text-decoration:underline;}
.flinks:active{ color:#fff; font-size:12px; text-decoration:none;}

.fr-links:link{ color:#f0a83c; font-size:11px; text-decoration:none;}
.fr-links:visited{ color:#f0a83c; font-size:11px; text-decoration:none;}
.fr-links:hover{ color:#000; font-size:11px; text-decoration:none;}
.fr-links:active{ color:#f0a83c; font-size:11px; text-decoration:none;}

.copyright{font-size:11px; padding:10px 0; height:25px; line-height:25px; color:#FFFFFF}
.fl{float:left; padding:15px 0 0 0}
.fr{float:right; padding:15px 0 0 0}

.footr_main2{width:920px; padding:15px 0 0 20px}
.ftext{ float:left; font-size:12px; color:#FFFFFF; padding:0 0 20px 0; background:green}
.fl-div{margin:0 8px 0 8px; color:#fff;}


#social-network {
	width:90px;
	float:left;
	margin-top:4px;
	clear:left; background:red;
}


#butt_twitter a {
background: url(../images/twitter.jpg) no-repeat top;
height:32px;
width:76px;
display:block;
}

#butt_twitter a:hover {
background: url(../images/twitter.jpg) no-repeat bottom;
height:32px;
width:76px;
display:block;
}


/*-------------INNER---------*/
.inner_banner{width:940px; height:180px; padding:10px; padding-bottom:0; background-color:#fff}

.left-shadow-bg{background-image: url(../images/inner/left-shadow_bg.gif); 
                background-repeat:repeat-y; 
				background-position:top left; 
				width:9px;}
				
				
/*------------Inner Said nav*--------------------*/

#nav {position:relative; 
      margin-top:0px; 
	  left:0; 
	  display:block; 
	  width:180px; 
	  float:left}
#nav a, #nav a:visited {display:block; width:180px; height:30px; 
                        background: url(../images/inner/navigation-bg1.gif); 
						background-position:left top; 
						background-color:transparent; 
						text-align:left; 
						text-indent:23px;  
						color:#5C5C5C; 
						line-height:30px; 
						text-decoration:none; 
						font-weight:normal; 
						margin-top:0px; 
						font-size:12px;}
						
#nav a:hover {background-position:left bottom; 
              height:30px; 
			  line-height:30px; 
			  overflow:hidden; 
			  color:#000;}

#nav a#selected, #nav a#selected:hover {background-position:left bottom;  
                                        line-height:30px; 
										cursor:default; 
										color:#003870; font-weight:bold }


#sub-menu {position:relative;  
           margin:0; padding:0;  
		   display:block; 
		   width:230px; 
		   float:left}
		   
#sub-menu li{list-style-type:none; 
             margin:0; padding:0; 
			 border-bottom:1px solid #C4C4C4;}
			 
#sub-menu li a{display:block; 
               background:url(../images/inner/arrows.gif) no-repeat  18px 9px; 
			   text-align:left;
			   text-decoration:none; 
			   font-family:Arial, sans-serif; 
			   font-weight:normal; 
			   padding:6px 0 6px 30px; 
			   font-size:12px; 
			   color:#5C5C5C;}
			   
#sub-menu li a:hover{background:url(../images/inner/arrows.gif) no-repeat 18px -33px #F6F6F6; color:#FA0F0C;}

#sub-menu li a.selected{background:url(../images/inner/arrows.gif) no-repeat 18px -33px #F6F6F6; color:#FA0F0C; font-weight:bold}

/*------------Inner Said nav end--------------------*/
.h1{ font-size:25px; color:#B1201A; text-shadow:#B7B7B7 1px 1px 1px; border-bottom: dashed 1px #CDCCCC; padding-bottom:5px;}

.sub-heading{ font-size:20px; color:#165AA1; text-shadow:#B7B7B7 1px 1px 1px; border-bottom;}



.new-input-gen{
border:solid 1px #CCCCCC; 
background-image: url(../images/input_bg.gif); background-color:#FFF;
background-repeat:repeat-x; 
height:18px; width:160px;
font-size:12px; 
font-family:verdana; 
color:#737373; 
text-indent:2px; 
overflow:hidden;
padding-top:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
} 

.bold-gen{
border:solid 1px #CCCCCC; 
background-image:url(../images/input_bg.gif);
background-repeat:repeat-x; 
font-size:12px; 
width:150px;
font-family:verdana; 
color:#000; 
padding:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
} 

.red-star{
color:#FF0000;
font-size:12px;}

/*------------------------
Buttons
------------------------*/

a.ovalbutton{
background: transparent  url(../images/oval-gray-left.gif) no-repeat top left;
display: block;
float: left;
font: normal 13px Helvetica; /* Change 13px as desired */
line-height: 21px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 29px; /* Height of button background height */
padding-left: 4px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #ffffff; font-weight:bold; float:left; /*button text color*/
}

a.ovalbutton span{
background: transparent   url(../images/oval-gray-right.gif) no-repeat top right;
display: block;
padding: 4px 10px 4px 6px; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #000000;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.line-height{line-height:0.4cm;}

#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}
.cnt223 a{
text-decoration: none;
}
.popup{
width: 100%;
margin: 0 auto;
display: none;
position: fixed;
z-index: 9999;
}
.cnt223 {
min-width: 400px;
width: 400px;
min-height: 150px;
margin: 100px auto;
background: #f3f3f3;
position: relative;
z-index: 103;
padding: 15px 35px;
border-radius: 5px;
box-shadow: 0 2px 5px #000;
}
.cnt223 p{
clear: both;
    color: #3778B9;;
    /* text-align: justify; */
    font-size: 24px;
	line-height:0.7cm;
    font-family: sans-serif;
}
.cnt223 p a{
color: #b41c17;
font-weight:600;
font-size:24px;
}

.cnt223 .x h1{
color:#0e2fb2;
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.cnt223 .x:hover{
cursor: pointer;
}

.cnt223 h1 {
  font-size: 28px;
  color:#074598;
}