html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody{background:transparent;border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;outline:0;vertical-align:baseline;}
/*table {border-collapse:collapse;border-spacing:0;}*/



/* Main Layout */
html {height:100%;margin-bottom:1px;}
body {font:62.5%/1.2 Helvetica, Arial, sans-serif;color:#555;}
h1,h2,h3,h4,.componentheading {font-weight:bold;margin:2em 0 1em;}
h1,.componentheading {font-size:180%;}
h2 {font-size:150%;}
h3 {font-size:130%;}
h4 {font-size:110%;}
a {color:#5FC2FF;text-decoration:none;font-weight:bold;}
a:hover {text-decoration:underline;}
ul {margin:1em;}
p {margin-top:10px;margin-bottom:10px;}
#main {font-size:1.3em;line-height:140%;}

#main .foreground, #message, #showcase, .leading, #page {position:relative;}
#message, #showcase {z-index:0;}
#main-content {border-bottom:1px solid #808080;}
.dp20,.dp25,.dp33,.dp50,.dp100 {float:left;margin-top:15px;}
.dp20 {width:20%;}
.dp25 {width:25%;}
.dp33 {width:33.33%;}
.dp50 {width:50%;}
.dp70 {width:70%;}
.dp100 {width:100%; margin-top:0;}
.dp200 {width:300px; float:right;}
.dp600 {width:650px; float:left;}
.clr {clear:both; font-size:0;}

body {background:#fff; margin:0px; padding:0px;}

/*wraper*/
div.wrapper {
	border:1px solid #CCC;
	font-size:1.3em;
	line-height:140%;
	margin: 20px auto;
	width: 950px;
	padding:10px;
}


/* Header */
.logo {float:left; border: 0px solid #808080; width:207px;height:50px;background:url(../images/light4.png) 0 -290px no-repeat;display:block;
margin:0px 0px 0px 0px;}
div.header {overflow:hidden;}
div.header li {list-style:none;float:left;padding-left:5px;font-weight:bold;}

/* Showcase */
#showcase {margin:0px 0px 0px 0px; position:relative; color:#000; border-top:2px solid #AAAAAA;}
#showcase .foreground {overflow:hidden;padding-bottom:25px;}



/* bottom of showcase spacer with border  */
div.showcase_spacer {  
	height:	0px;
	overflow: hidden;
	width:950px; 
	padding:0px 0px; 
	border-top:2px solid #AAAAAA;		
}

/* Content styles */

/* content_title */
div.content_title { 
	position:relative; 
	width:950px; 
	padding:10px 0px; 
	border-top:2px solid #AAAAAA;
	color:#6C6C6C;
	font-size:16px;
	font-weight:bold;
}

/* broadband_plans */
div.broadband_plans { 
	position:relative; 
	width:960px; 
	height: 318px; 
	border-top:2px solid #AAAAAA;
	color:#6C6C6C;
	font-size:16px;
	font-weight:bold;
	width:100%;
	font-size:14px;	
	background-color:#fff;
	background:url(../images/bg_broadband_plans.png) repeat;
}

/* main_content_container */
div.main_content_container  {margin:0px 0 0px 0;position:relative;color:#000;background-color:#e0e0e0;}

/* Modules */
.module {padding:1px;}
.module-title {font-size:110%;font-weight:bold;margin:0;padding:7px 15px 5px;}
.module-body {padding:10px 15px 25px;}
.color1 .module-title {background:url(../images/light4.png) 0 -204px repeat-x;border-bottom:1px solid #ddd;color:#777;}
.color1 .module-body {border-top:1px solid #fff;}
.color2 .module-title {background:url(../images/light4.png) 0 -136px repeat-x;border-bottom:1px solid #c3d9e1;color:#50646d;}
.color2 .module-body {border-top:1px solid #dfeaef;}
#colmask .m_menu {background:#7F8C51;color:#fff;}
#colmask .m_menu .module-title {background:url(../images/light4.png) 0 -0px repeat-x;border-bottom:1px solid #6B7643;color:#fff;}
#colmask .m_menu .module-body {border-top:1px solid #97A763;}
#colmask .m_menu a {color:#fff;}
#colmask .m_menu ul {margin:0 1em;}
#mainmods, #mainmods2, #mainmods3 {overflow:hidden;padding-top:15px;}
#mainmods3 {background:#eee;border-top:1px solid #fff;border-bottom:1px solid #ddd;}
.spacer .module {float:left;}
.spacer.w99 .module {width:100%;}
.spacer.w49 .module {width:49.2%;}
.spacer.w33 .module {width:32.8%;}
#header .module {float:right;margin-left:325px;}
#main-content li .active a {font-weight: normal;}

/* Footer */
#footer {background:#f7f7f7;border-top:1px solid #fff;}
.footer-pad {padding:10px 15px;overflow:hidden;}
#logo2 {width:165px;height:20px;background:url(../images/light4.png) 5px -646px no-repeat;display:block;float:right;margin-left:15px;margin-top:15px;}
#footer ul {margin:0;}
#footer li {list-style:none;float:left;padding-right:20px;font-weight:bold;}


#btn_learn_more_big
{
  display: block;
  width: 146px;
  height: 39px;
  background: url("../images/btn_learn_more_big.png") no-repeat 0 0;

}

#btn_learn_more_big:hover
{ 
  background-position: 0px -39px;
}

#btn_learn_more_big span
{
  display: none;
}


#btn_learn_more_small_accordion
{
  display: block;
  width: 79px;
  height: 21px;
  background: url("../images/btn_learn_more_small.png") no-repeat 0 0;

}

#btn_learn_more_small_accordion:hover
{ 
  background-position: 0px -21px;
}

#btn_learn_more_small_accordion span
{
  display: none;
}


#btn_learn_more_small
{
  display: block;
  width: 79px;
  height: 21px;
  background: url("../images/btn_learn_more_small.png") no-repeat 0 0;

}

#btn_learn_more_small:hover
{ 
  background-position: 0px -21px;
}

#btn_learn_more_small span
{
  display: none;
}

#btn_sign_up
{
  display: block;
  width: 114px;
  height: 30px;
  background: url("../images/btn_sign_up.png") no-repeat 0 0;
}

#btn_sign_up:hover
{ 
  background-position: 0px -30px;
}

#btn_sign_up span
{
  display: none;
}



#btn_purchase
{
  display: block;
  width: 114px;
  height: 30px;
  background: url("../images/btn_purchase.png") no-repeat 0 0;
}

#btn_purchase:hover
{ 
  background-position: 0px -30px;
}

#btn_purchase span
{
  display: none;
}




/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
div.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 840px;
	height:300px;

	/* custom decorations */
	border:0px solid #ccc;
	
}



div.offer_container{
	width:262px;
	height:255px;		
	border:0px solid #808080;
	float:left;
	margin:0px 15px 0px 10px;
}



div.offer_content{
	border:0px solid #808080;
	height:165px;
	padding:30px 20px 0px 10px
	
}


/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
div.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
div.scrollable img.left {
	float:left;	
	cursor:pointer;
}

/* active item */
div.scrollable .active {
	border:0px solid #000;
	z-index:9999;
	position:relative;
}


/* style for tabs */
div.panes div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	height:auto;
	font-size:14px;
	background-color:#fff;
	color: #6D6D6D;
	font-size:12px;		
}

div.contact_module_container{
	width:245px;
	height:257px;		
	background-color:#F5F5F5;	
	border:1px solid #E8E8E8;
	float:right;
	padding:0px 0px 0px 0px;
}

div.contact_module_content{
	height: 230px;
	width: 225px;
	border:0px solid #E8E8E8;
	margin:10px 20px 10px 10px;
}

/*--main menu style */


	div.main_menu_container { width:950px; height: 50px; margin: 0px 0px 0px 0px; }	
	
	div.share_link { float: left; background-image:url(../images/bg_main_menu.png); margin-bottom: 6px; }
		
	div.main_menu_links{ height: 28px; width: 100%; float: left; margin:0px; padding:0px; background-image:url(../images/bg_main_menu.png); }
	ul.main_menu { list-style: none; margin: 0px auto; padding: 0px 0px 0px 0px; width:618px; }
	li.main_menu { list-style:none;float:left;width:103px;margin:0;padding:0;text-align:center;}


li.main_menu  a { 
	display:block; 
	padding:5px 0px;
	height:100%;
	color:#B4B4B4;
	font-size: 12px; 
	text-decoration:none;
	border-right:1px solid #efefef;
	background:url(../images/bg2.jpg) repeat 0 0;
}

	
	#plans #nav-plans a,
	#hosting #nav-hosting a, 
	#devices #nav-devices a, 
	#coverage #nav-coverage a, 
	#accessories #nav-accessories a, 
	#clientservices #nav-clientservices a, 
	#contact #nav-contact a {color:#5FC2FF;background-position:-124px 0; }	
	
	li.main_menu a:hover, li a:focus, li a:active {color:#5FC2FF;background-position:-124px 0;}
	li.main_menu img {list-style:none;float:left;margin:0;padding:0;text-align:center;};
	
	div.chat_link { float: right; margin:0px; }

/*--top menu style */

	div.top_menu_links{border:0px solid #808080; width:250px; margin-top:10px;}
	
	ul.top_menu { display: inline; list-style: none; margin: 0; padding:0;}
	li.top_menu { list-style: none; float: left; width: auto; margin: 0; padding: 0 10px; text-align: center; }
	li.top_menu a { display: block; padding: 0px 0px; height:100%; color:#B4B4B4; font-size: 10px; text-decoration: none; }	
	#home #topnav-home a,
	#faq #topnav-faq a,
	#terms #topnav-terms a,
	#sitemap #topnav-sitemap a { color:#5FC2FF; }
	li.top_menu a:hover { color:#5FC2FF; }
	li.top_menu_last a:hover, li a:focus, li a:active { color:#5FC2FF; }

	

div.plan_detail {
 	
	height:315px; 
	border-bottom:1px solid #C1C1C1;
}

div.plan_detail_image {
 	float:left;
	height:315px;
	width:345px; 
	margin:0px 0px 0px 0px;
	border:0px solid #808080;

}

div.plan_detail_text{

	padding: 0px 10px 0px 10px; 
	margin:0px 0 0px 0;	
	color: #6D6D6D;
	font-size:12px;		
	height:335px; 

	border:0px solid #808080;
}

div.hosting_detail {
 	margin-top:2em;
	height:335px; 
	border-bottom:1px solid #C1C1C1;
}

div.hosting_detail_text{

	padding: 0px 10px 0px 10px; 
	margin:0px 0 0px 0;	
	color: #6D6D6D;
	font-size:12px;		
	height:335px; 

	border:0px solid #808080;
}

img.wireless_usb_large{float:left; padding:50px 130px 0px 130px;}
img.server_rack_large{float:left; padding:20px 100px 0px 100px;}
img.btn_sign_up_detail{float:left; padding:0px 0px 0px 0px;}
img.btn_back_to_top{float:right; padding:0px 0px 0px 0px;}


div.faqterms_text{

	padding: 0px 0px 0px 0px; 
	margin:0px 0 0px 0;	
	color: #6D6D6D;
	font-size:12px;		
	height:auto; 
	border:0px solid #808080;
}


div.hosting_showcase_container{	
	width:875px;
	height:258px;			
	margin:0px auto;
	border: 0px solid #808080;
	
}

div.hosting_showcase{
	background:#666;
	border:0px solid #808080;
	float:left;
	width:410px;
	height:222px;
	padding:0px 0px;	
	color: #808080;
	margin: 20px 0 10px 0;
}


.hosting-left,
.hosting-right {
	width:				391px;
}

.hosting-right {
	margin-left:	0;
}


img.server_rack_small{float:left; padding:40px 30px 40px 50px;}

img.mifi_large{float:left; padding:50px 30px 0px 40px;}

img.home_wireless_usb{float:left; padding:40px 70px 40px 50px;}
img.home_laptop{float:left; padding:20px 30px 20px 0px; z-index:2000;}

div.home_showcase_container{	
	width:945px;
	height:288px;			
	margin:0px 0px 0px 0px;
	border: 0px solid #808080;
}

div.home_showcase{
	border:2px solid #808080;
	float:left;
	width:380px;
	height:220px;
	padding:30px 0px 0px 0px;	
	color: #808080;
	border: 0px solid #808080;
}

div.home_showcase_laptop{	
	float:right;
	width: 350px;		
	padding:85px 0px 0px 0px;	
	color: #808080;
	border: 0px solid #808080;
}

div.home_showcase h1{
	color: #5FC2FF;
	font-size:36px;
	font-weight:bold;
	margin:0px;
	padding:35px 0px 5px;
	line-height:36px;
}

div.home_showcase h2{
	color: #5FC2FF;
	font-size:36px;
	font-weight:bold;
	margin:0px;
	padding:35px 0px 5px;
	line-height:36px;
}
 
 /*blue fonts*/
.font12_blue{
	color: #5FC2FF;
	font-size:12px;
	margin:0px;
	line-height:14px;
} 
.font14_blue{
	color: #5FC2FF;
	font-size:14px;
	margin:0px;
	line-height:14px;
}
.font22_blue{
	color: #5FC2FF;
	font-size:22px;
	margin:0px;
	line-height:22px;
}
.font36_blue{
	color: #5FC2FF;
	font-size:36px;
	margin:0px;
	line-height:36px;
}

/*grey fonts*/
.font12_grey{
	color: #6D6D6D;
	font-size:14px;	
}

.font14_grey{
	color: #6D6D6D;
	font-size:14px;	
}
.font22_grey{
	color: #6D6D6D;
	font-size:22px;		
}
.font36_grey{
	color: #6D6D6D;
	font-size:36px;		
	line-height:36px;
}

/*light grey fonts*/
.font12_ltgrey{
	color: #898989;
	font-size:12px;	
}
.font14_ltgrey{
	color: #898989;
	font-size:14px;	
}
.font22_ltgrey{
	color: #6D6D6D;
	font-size:22px;		
}
.font36_ltgrey{
	color: #6D6D6D;
	font-size:36px;		
	line-height:36px;
}

div.home_showcase h3{
	color: #6D6D6D;
	font-size:22px;
	font-weight:bold;
	margin:0px;
	padding:10px 0px 0px 0px;
	line-height:22px;
}


div.coverage_showcase_container{	
	width:945px;
	height:288px;			
	margin:0px 0px 0px 0px;
	border: 0px solid #808080;
}

div.coverage_showcase{
	border:0px solid #808080;
	float:left;
	width:550px;
	height:288px;
	

}

img.coverage_wireless_usb{float:left; padding:40px 30px 40px 50px;}
img.coverage_map{float:right; padding:30px 35px 0px 0px;}

div.vertical_gradient_border{
	border:0px solid #808080;
	height:240px;
	width:3px;
	background-image: url(../images/scrollable_horizontal_border.png);
	background-repeat:no-repeat;	
}

/*footer text*/	
div.footer{
	background-color:#ffffff;
	border-top:2px solid #AAAAAA;
	color:#808080;
	font-size: 10px;

}	
div.footer a {	color:#808080; 	font-size: 10px;}
div.footer v {	color:#808080; 	font-size: 10px;}	
div.footer_left{float:left;}
div.footer_right{float:right;}