html
{
	background-color: #333;	
}

body
{	
	padding-top: 30px;	
}

/**img, div { behavior: url(scripts/iepngfix.htc) }*/
*img, #hd h1, .blog h1 { behavior: url(scripts/iepngfix.htc); }

#loading
{
	width:100%;
	height:140px;
	filter: alpha(opacity=55); 
	-moz-opacity: .55;
	background:#cccccc;
	position:absolute;
	top:0;
	left:0;
	display:none;
	text-align:center;
} 

#loadingGif
{
	width:100%;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	display:none;
}

#custom-doc 
{
	margin:auto;text-align:left;
	width: 69.231em;
	*width: 67.562em;
}

/*---------------------------- 
                 Main Header
----------------------------*/
#hd
{
	color: #979797;
	font-family: Century Gothic, Verdana, Arial, Sans-Serif;
	height: 106px;
	/**margin: 0 0 43px 0;**/
	text-align: left;
}

#hd h1 
{
	background-image: url(images/wifi_logo.png);	
	cursor: pointer;
	float: left;
	height: 110px;
	width: 344px;	
}

#hd h1 span 
{
	display: none;
}

#hd ul li
{
	float: left;	
	font-size: 120%;
	font-weight:bold;
	margin: 0 0 0 50px;
	color:#999999;
}

#hd ul ul
{
	border-left: 1px solid #979797;
	margin: 11px 0 0 7px;
	padding: 0 0 0 5px;
}

#hd ul ul li 
{
	color: #545454;
	float: none;
	font-size: 80%;
	font-weight:normal;
	margin: 0 0 0 0;	
}

#hd li a 
{
	color: #666666;
	text-decoration: none;
	line-height:160%;
}

#hd li a:hover 
{
	color: #ea6720;
}


#bd .yui-t6 
{
	width: auto;
}

#silverlightControlHost {
	    height: 100%;
    }

/*----------------------------
                Content Page
----------------------------*/

#content-page
{
	font-size: 108%;
	line-height:18pt;
	background-image: url(images/contentPageArenaBG.png);
	background-repeat: repeat-y;
	padding: 18px 20px 1px 22px;
	text-align: left;
	width: 573px;
	color:#333333; 
	min-height:600px;
	
}

#content-page p
{
	margin: 0 0 1em 0;
}

#content-page img 
{
    margin: 0em 0em 1em 1em;
    float: right;    
}
#content-page img.left
{
    margin: 0em 1em 1em 0em;
    float: left;
}
#content-page-footer 
{
	background-image: url(images/contentPageBottom.png);
	background-repeat: no-repeat;
	height: 67px;
	width: 615px;
}


#flash-container 
{
	margin: 0 0 30px 0;
	text-align: center;
}

h1 
{
	color: #B0BA25;
	font-size: 167%;
	text-transform: uppercase;
	margin: 0 0 .4em 0;
}

h2 
{
	font-family: Arial, Sans-Serif;
	font-size: 108%;
	font-weight: bold;
	color: #ff6633;
	margin: 1em 0 .5em 0;
	padding: 0 0 0 0;
}

h3
{
    font-size: 105%;
    font-weight: bold;
    color: #ff6633;
    margin: 1em 0 0 0;
    padding: 0;
}

/*----------------------------
              NEWS ITEM PAGE
----------------------------*/
#news-pub-date
{
   color: #333333;
   font-weight: bold;
}

 
/*----------------------------
                     WIDGETS
----------------------------*/

.widget 
{	
	background-image: url(images/blockBg.png);
	color: #cccccc;
	margin-bottom: 29px;
	background-color: #4a4a4a;
	background-repeat:no-repeat;
	width: 256px;
	font-size:14px;
	padding-bottom: 20px;
	height: 303px;
}

.widget h1 
{
	font-size: 153.9%;
	color: White;
	z-index:200;
}

.widget-contentcontainer 
{
	margin: 0 auto;
	width: 223px;
}

.widget-content 
{ 
	/*padding: 0 .5em 0 .5em;*/
}

.widget-content p 
{
	/*margin: 0 0 1em 0;*/
}

.widget p
{
	margin:28px 0px 0px 0px;
}



/*----------------------------
                 Blog Widget
----------------------------*/

.blog
{
	width:330px;
	height:468px;
}

.blog h1
{
	background-image: url(images/wifiblog.png);
	background-repeat: no-repeat;
	height: 53px;
	width: 222px;
	margin: 0 0 10px 0;
}

.blog h1 span
{
	display: none;
	
}

.blog UL
{
	width:auto;
	margin:0px 10px 0px 10px;
}

.blog li 
{
	background-image: url(images/authors/mrwu.png);
	background-repeat: no-repeat;	
	padding: 0 0 0 80px;
	margin: 0 0 1em 0;
	min-height: 69px;
	width: 210px;	
}

li.oli
{ 
    background-image: url(images/authors/oli.png);
}
li.rich
{ 
    background-image: url(images/authors/rich.png);
}
li.ethan
{ 
    background-image: url(images/authors/ethan.png);
}
.blog a, .news a 
{
	margin-left: .6em;
	text-transform: uppercase;
	white-space:nowrap;
}

.blog a 
{
	color: #b0ba25;
}
.blog p a
{
    color: #ff6633;
    text-align: right;
    display: block;
}

/*----------------------------
         Our Services Widget
----------------------------*/
.our-services
{
	margin-left: 28px;
	clear: both;
}

.our-services p 
{
    margin-top: .5em;
}
.our-services a
{
	color: #b0ba25;
	text-transform: uppercase;
	text-decoration: underline;
	display: block;
	text-align: right;
	padding-top: 15px;
	
}

/*----------------------------
                 News Widget
----------------------------*/
.news 
{
	margin-left: 28px;
	_margin-left:14px;
	float: left;
}

.news h1
{
	color: #ff6633;
	
}

.news h2
{
    color: #b0ba25;   
}
.news span
{
    color: #ff6633;
    font-weight: bold;
}
.news p
{
    margin: 0;
    padding: 0;
}

.news a 
{
	color: #ff6633;	
}

.news .widget-footer a
{
	color: #b0ba25; 	
	text-transform: uppercase;
	text-decoration: underline;
	display: block;
	text-align: right;
	margin: 1em 0 0 0;
}   

/*----------------------------
             All News Widget
----------------------------*/
.all-news 
{
	background-image: none;
	background-color: Transparent;
	color: #333333;
	height: 100%;
	font-size: 13px;
	width: 100%;
	margin: 0;
	padding: 0;
	float:left;
}
/*.all-news div.widget-contentcontainer
{
    width: auto;
    margin: 0;
}
*/
.all-news h1 
{
	color: #B0BA25;
	font-size: 167%;	
}

.all-news span
{
  /*  color: #ff6633;*/
    font-weight: bold;
}

/*----------------------------
            News Item Widget
----------------------------*/
.news-item
{
	background-image: none;
	background-color: Transparent;
	color: #333333;
	height: 100%;
	font-size: 13px;
	width: 100%;
	margin: 0;
	padding: 0;
}

.news-item h1 
{
	color: #B0BA25;
	font-size: 167%;	
}

.news-item span
{
    font-weight: bold;
}

.news-item #news-content
{
	
}

/*----------------------------
          Want to know more?
----------------------------*/
.tell-me-more
{
    color: #333333;
    background: none;
    height: auto;
    margin: 0 40px 0 0;
    padding: 0 0 0 0;
    text-align: right;    
    width: auto;
}

.tell-me-more a img
{
	background: transparent url(images/btnSpriteContactUs.png) no-repeat scroll 0px -24px;
	height: 24px;	
	width: 105px;
	vertical-align: middle;
}

.tell-me-more a:hover img 
{
	background-position: 0px 0px;
}

.tell-me-more a span 
{
	display:none;
}

/*
.tell-me-more 
{
	background-image: url(images/blockBg.png);
	color: #cccccc;
	margin-bottom: 29px;
	background-color: #4a4a4a;
	background-repeat:no-repeat;
	width: 256px;
	font-size:14px;
	padding-bottom: 20px;
	height: 303px;
}
*/



/*----------------------------
        Our Customers Widget
----------------------------*/
.our-customers 
{
	width:541px;
	height:136px; 
	padding-bottom: 0px;		
	margin-left:29px; 
}

.our-customers h1 
{
	position:absolute;
	color:#b0ba25;
	font-family:Arial;
	margin-left:8px;
}

#our-customers
{
	width:571px;
}

.home-page 
{
	width: auto;
	/*border: 2px solid yellow;*/
}

.team-member 
{
	margin: 0 0 2em 0;
}

.team-member h2 
{
	margin: 0 0 .5em 0;
}

.team-member img 
{
	float: left;
	margin: 0 10px 5px 0;
}

.arena-container
{
	width:100%;
}

.arena-col-left
{
	float:left;
}

.arena-col-right
{
	float:left;
	width:570px;

}

.col-right-sub
{
	float:left;
}

.our-customers-container
{
	width:570px;
}




#bd
{
	width:900px;
	position:absolute;
	overflow:hidden;
	height:1750px;
	margin-top:43px;
}

#screenBuffer
{
	position:absolute;
	top:0;
}

#offscreenBuffer
{
	position:absolute;
	top:-1750;
}


/*----------------------------
        Our Customers Scroller
----------------------------*/
.scroller-container
{
	width:541px;
	height:136px;
	overflow:hidden;
	position:absolute;	
}

.scroll-item-container
{
	width: 2048px;
	background:transparent;
}

.item
{
	width:256px;
	float:left;
	height:69px;
	text-align:center;
	margin-top:60px;
	position:absolute;
	background:transparent;
	display:none;
}

.scroll-fade-left
{
	position:absolute;
	left:0;
	z-index:100;
}
.scroll-fade-right
{
	z-index:110;
	left:0;
	top:0;
	position:absolute;
	width:541px;
	text-align:right;
}


/*----------------------------
                        Footer
----------------------------*/
#ft
{
 border-top: solid 1px #979797;
 padding-top: 8px;
 padding-bottom:20px;
 color: #979797;
 width:900px;
 clear:both;
 margin-top:20px;
 text-align:right;
}