/* --------------------------------------*/
/* --    styling elements			   --*/
/* --------------------------------------*/
/*general*/
* {
	margin: 0; 
	padding: 0;
}

html, body {
	height: 100%;
}

body{
	text-align:center;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	font-family: "Verdana", "Tahoma", "Lucida Grande", "Helvetica", sans-serif;
	font-size: 10px;
	color:#555;
	background: url(../images/footer_bg.jpg) repeat;
}
#site b{
	color:#333;
}

img{
	border: 0px;
}

ul{
	margin: 0px 0px 0px 20px ;
	padding: 0px ;
}
li{
    list-style-type: none;
	padding: 2px 0px;
	margin: 0px ;
}
#site #site-content #table-content li, #site #site-content #table-content-big li{
	list-style-image:url(../images/list_icon.gif);
}

/* -------------------------------*/
/* -----   General Styles  -------*/
/* -------------------------------*/
.g_padding_left{
	padding-left: 4px;	
}
.g_table_border, .g_table_border td{
	border: 1px solid #ddd;
}
.g_table_border td, .g_table_border th{
	padding-left: 5px;
}
.g_table_border th{
	background: #ddd;
	height: 35px;
	color: #333;
}

.g_dropdown{
	border: 1px solid #666;
	background-color: #ebeef3;
	font-size: 11px;
	height: 20px;
}
.g_float_right{
	float: right;
}
.g_margin_right_15{
	margin-right: 15px;
}
.g_margin_right_10{
	margin-right: 10px;
}
.g_button{
 color:#FFFFFF; 
 background: #cc0000;
 border: 1px solid #990000;  
 padding: 4px 6px; 
 font-size:12px; 
}
.g_align_center{
	text-align: center;	
}

/* -------------------------------*/
/* -----   Headlines       -------*/
/* -------------------------------*/
h1{
	margin: 5px 0px 10px 0px;
	font-family: Trebuchet MS;
	color: #990000;
	text-decoration: none;
	text-align: left;
	letter-spacing: -1px;
	font-size: 1.8em;
	text-transform:uppercase;
	font-weight: lighter;
}
/* table block header*/
h2{
	font-family: Trebuchet MS;
	/*text-transform:uppercase;*/
	margin-bottom: 10px;
	color: #990000;
	text-decoration: none;
	text-align: left;
	font-size: 1.7em;
	font-weight: lighter;
}


h3{
	font-family: Trebuchet MS;
	margin-bottom: 10px;
	color: #333;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: normal;
	padding: 5px 0px 5px 0px;
	margin: 0;
	text-align: left !important;
}

/* news header */
h4{
	font-family: Trebuchet MS;
	font-size: 1.2em;
	text-decoration: none;
	color:#333333;
	font-weight: lighter;
	padding: 15px 0px 5px 0px;
	text-align: left !important;
}

/* small graphic headlines with padding left*/
h5{
	font-family: Trebuchet MS;
	font-weight: lighter;
	font-size: 2.2em;
	color:#eee;
	padding: 30px 0px 10px 20px;
}

h6{
	font-family: Trebuchet MS;
	font-weight: lighter;
	font-size: 1.6em;
	color:#eee;
	padding: 10px 0px 10px 0px;
}


.highlight{
    width:680px;
    padding-left:35px;	
    line-height:1.4em;
	font-size:1.1em;
	color:#ccc;
}
.highlight h5{
	font-family: Trebuchet MS;
	font-weight: lighter;
	font-size: 1.8em;
	color:#ccc;
	padding: 50px 0px 20px 0px;
}
/* -------------------------------*/
/* -----       Links       -------*/
/* -------------------------------*/
a{
	text-decoration:none;
	color:#cc0000;
}
a:hover{
	text-decoration:underline;
}



/* -------------------------------*/
/* -----   Main Navigation -------*/
/* -------------------------------*/
#mainnavi{ 
	padding: 0;
	padding-top: 28px;
	margin: 0;
	color: #fff;
}
#mainnavi ul{
	padding:0;
	margin:0;
}
#mainnavi ul li {
	float: left;
 	position: relative;
 	list-style-type: none;
}
#mainnavi ul li a, #mainnavi ul li a:hover, #mainnavi #active{ 
	color: #fff;
	font-size: 1.1em;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	padding: 3px 10px 11px 10px;
	height: 12px;
	display: block;	
}
/*fixes the lovely ie6*/
*html #mainnavi ul li a, #mainnavi ul li a:hover, #mainnavi #active{
	_padding: 3px 10px 2px 10px;
	margin: 0px;
	display: inline-block;	
}

#mainnavi ul li a:hover{ 
	color: #CC0000;
}
#mainnavi #active{
	background-color:#cc0000;
}
/*fixes the lovely ie6*/
*html #mainnavi #active{
	border-bottom: 8px solid #cc0000;
	margin-bottom: -3px;
}
/*fixes the lovely ie7*/
*+html #mainnavi #active{
	border-bottom: 4px solid #cc0000;
}

#mainnavi ul li ul { 
	position: absolute;
	z-index: 5000;
	background: url(../images/menu_bg.gif) repeat #5f6c7f;
	display: none;
	padding: 0px;
	margin: -2px 0px 0px 10px;
	top: auto;
	left: auto;
}
/*fixes the lovely ie7*/
*+html #mainnavi ul li ul{
	top:25px;
	left: 0px;
}

/*fixes the lovely ie6*/
* html #mainnavi ul li ul{
	top: 28px;	/* this is just for IE*/
	left: 0;	/* this is just for IE*/
}
 
/*flyout*/
#mainnavi ul li ul li{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	clear:left;
}

#mainnavi ul li ul li a, #mainnavi li ul li a:hover{
	height: 20px;
	width: 80px;
	border-top: 1px solid #434e5f;
	padding: 5px 10px 0px 5px;
	display: block;
  	list-style: none;
  	font-size: 10px;
	text-transform: none;
} 
#mainnavi ul li ul li a:hover{
	background: #cc0000;
	color: #fff;
} 
#mainnavi ul li:hover ul, #mainnavi li.sfhover ul{ 
	display: block;
}

/*special format*/
.newslink{
	float: right;
	color: #cc0000;
	text-decoration: none;
}

.searchfield, .searchfieldActive{
	font-size: 10px;
	width: 175px; /* +padding-left=180px*/
	height: 17px;
	padding-left: 5px;
	padding-top: 2px;
	margin-top: 0;
	background: url(../images/search_bg.gif) no-repeat top left;
	border: 0px solid red;
	color: #999999;
	font-style: italic;
	float:left;
}
.searchfieldActive{
	color: #333;
	font-style: normal;
}
.searchbutton{
	width: 22px;
	height: 19px;
	margin: 0px;
	padding: 0px;
	float:left;
}


/* we need this for the mootool script*/
#graphical-content  #graphic-wrapper #inner_start{
	width: 750px;
	height: 400px;
	position: relative;
	padding-top: 28px;
	text-align: center;
}


/* --------------------------------------*/
/* --      start navigation       	   --*/
/* --------------------------------------*/
/* graphical content navigation*/
#graphical #graphical-content #graphic-navigation{
	width: 228px; /* 209px + (2x10px padding) + 1px border-left=230px*/
	height: 390px;
	background: url(../images/content_navi_bg.jpg) repeat;
	float: left;
	padding:10px 10px 0px 0px;
}
/*firefox fix*/
html:not([dummy]) #graphical-content #graphic-navigation{padding-top: 4px; margin-left:0px;}
#graphical #graphical-content #graphic-navigation #navi_list{
	width: 220px;
	margin: 25px 0px 0px 5px;
	padding: 0;
}
#graphical #graphical-content #graphic-navigation #navi_list li{
	width: 205px;
	height: 22px;
	color:#ddd;
	padding-top: 8px;
	padding-left: 15px;
	margin: 0px 0px 5px 0px;
	cursor: pointer;
	list-style-type: none;
	font-size: 1.4em;
	font-family: Trebuchet MS;
	font-weight: 100;
	text-align:left;
}
/*they must have all the same id as their classname*/
/*
.intro{background: url(../images/start_navi/intro.gif) no-repeat;}
.intro:hover{background: url(../images/start_navi/intro_over.gif) no-repeat;}
.intro_active{background: url(../images/start_navi/intro_active.gif) no-repeat;}
*/
.overview{background: url(../images/start_navi/overview.gif) no-repeat;}
.overview:hover{background: url(../images/start_navi/overview_over.gif) no-repeat;}
.overview_active{background: url(../images/start_navi/overview_active.gif) no-repeat; color:#1b2537 !important;}

.wifi{background: url(../images/start_navi/wifi.gif) no-repeat;}
.wifi:hover{background: url(../images/start_navi/wifi_over.gif) no-repeat;}
.wifi_active{background: url(../images/start_navi/wifi_active.gif) no-repeat;color:#1b2537 !important;}

.com{background: url(../images/start_navi/com.gif) no-repeat;}
.com:hover{background: url(../images/start_navi/com_over.gif) no-repeat;}
.com_active{background: url(../images/start_navi/com_active.gif) no-repeat;color:#1b2537 !important;}
/*
.comm{background: url(../images/start_navi/comm.gif) no-repeat;}
.comm:hover{background: url(../images/start_navi/comm_over.gif) no-repeat;}
.comm_active{background: url(../images/start_navi/comm_active.gif) no-repeat;}
.service{background: url(../images/start_navi/service.gif) no-repeat;}
.service:hover{background: url(../images/start_navi/service_over.gif) no-repeat;}
.service_active{background: url(../images/start_navi/service_active.gif) no-repeat;}
*/

/* --------------------------------------*/
/* --    slideshow container    	   --*/
/* --------------------------------------*/
#slideshow{
	width: 750px;
	height: 400px;
	text-align: center;
	background: url('../images/download/mainwindow.jpg') no-repeat top center;
}

/* --------------------------------------*/
/* --       download buttons    	   --*/
/* --------------------------------------*/
#download-mac{
   background: url('../images/download_but_mac.gif') no-repeat top center;
   width:165px; /* +65px padding-left = 230px*/
   height: 26px; /* +30px padding-top=56px*/
   padding-top:30px;
   padding-left: 65px;
   color:#fff;
   font-size:10px;
}

#download-win{
   background: url('../images/download_but_win.gif') no-repeat top center;
   width:165px; /* +65px padding-left = 230px*/
   height: 26px; /* +30px padding-top=56px*/
   padding-top:30px;
   padding-left: 65px;
   color:#fff;
   font-size:10px;
}
#download-linux{
   background: url('../images/download_linux.gif') no-repeat top center;
   width:165px; /* +65px padding-left = 230px*/
   height: 26px; /* +30px padding-top=56px*/
   padding-top:30px;
   padding-left: 65px;
   color:#fff;
   font-size:10px;
}
#download-nokia{
   background: url('../images/download_but_nokia.gif') no-repeat top center;
   width:165px; /* +65px padding-left = 230px*/
   height: 26px; /* +30px padding-top=56px*/
   padding-top:30px;
   padding-left: 65px;
   color:#fff;
   font-size:10px;
}
#download-mac h2, #download-win h2, #download-linux h2{
	font-family: Trebuchet MS;
	text-transform:uppercase;
	margin-bottom: 3px;
	padding: 0px;
	color: #ddd;
	text-decoration: none;
	text-align: left;
	font-size: 1.5em;
	font-weight: lighter;
}


#download-free{
   background: url('../images/download_now.jpg') no-repeat top center;
   width:155px; /* +75px padding-left = 230px*/
   height: 53px; /* +22px padding-top=70px*/
   padding-top:17px;
   padding-left: 75px;
   color:#666;
   font-size:9px;
}
#download-free h4{
	font-family: Trebuchet MS;
	font-size: 1.4em;
	color:#666;
	font-weight:bold;
	padding: 0px;
}


.toplink{
	text-align:right; 
	height:12px; 
	margin:0px !important; 
	padding:0px !important; 
	border-bottom: 1px solid #ddd;
}

.greyedout {
	color:#C0C0C0;
}

.formtable td{
	padding: 4px 0px;	
}


#counter{
	color: #444;
	text-decoration: none;
	text-align: left;
	font-size: 1em;
	text-align: right;
	padding: 5px 15px 5px 5px;
	width: 140px;
	height: 69px;
	background: url('../images/counter_bg.gif') no-repeat top center;
}
#counter h2{
	font-family: Trebuchet MS;
	margin-top: 11px;
	margin-bottom: 13px;
	margin-right: 5px;
	color: #ddd !important;
	text-decoration: none;
	text-align: left;
	font-size: 2.0em !important;
	font-weight: lighter;
	text-align: right;
	letter-spacing: 0.1em;
}


/*share wifi css*/
.share_wifi_map{
	width: 500px; 
	height: 300px; 
	border: 1px solid #999;
	margin: 0px;
	padding: 0px;
}
#table-share textarea, #table-share input, #table-share select {
	font-family: "Verdana", "Tahoma", "Lucida Grande", "Helvetica", sans-serif;
	font-size: 1em;
	color:#555;
}