body { background: #fff url(../../../../media/back_body.png) 0 0 repeat-x; }

#top_menu {
    height: 20px;
    margin: 0 auto;
    padding-top: 3px;
    text-align:right;
	width: 940px;
}

#top_menu a { color: #fff; font-weight: bold; text-decoration: none; }
#top_menu a:hover { text-decoration: underline; }
#logo { margin: 0 auto; width: 940px; }
#logo h1 { cursor: default; float:left; margin-top:12px; width:230px; }
#logo h1 a {
    background: transparent url(../../../../media/logo_4ever.png) 0 0 no-repeat;
    display: block;
    height: 96px;
    text-indent: -10000px;
    width: 225px;
}
#logo #slogan {
	float:left;
	height:96px;
	margin-top:12px;
	width:710px;
}
#content { margin: 0 auto; width: 940px; position:relative; }

/* BOF TABS
-------------------------------------------------------------- */
/* root element for tabs  */
ul.tabs {
    list-style: none;
    margin: 0 !important;
    padding: 0;
    height: 30px;
}

/* single tab */
ul.tabs li {
    float: left;
    text-indent: 0;
    padding: 0;
    margin: 0 !important;
    list-style-image: none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
    background: url(../../../../media/tabs.png) no-repeat 0px 0;
    font-size: 1.2em;
	font-weight: bolder;
    display: block;
    height: 30px;
    line-height: 30px;
    width: 154px;
    text-align: center;
    text-decoration: none;
    color: #009fc2;
    padding: 0px;
    margin: 0px;
    margin-right: 3px;
    position: relative;
    top: 1px;
}

ul.tabs a:active { outline: none; }

/* when mouse enters the tab move the background image */
ul.tabs a:hover { background-position: 0px -31px; color:#fff; }

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-position: 0px -62px;
    cursor: default !important;
    color: #009fc2 !important;
}

/* initially all panes are hidden */
div.panes div.pane { display: none; }
/* EOF TABS
-------------------------------------------------------------- */

/* BOF NAVIGATION
-------------------------------------------------------------- */
#navigation { margin:0 auto; width:940px; }
.menu-wrap {
	background:#a5dde9;
	width:936px;
	margin:0px auto;
	height:1%;
	padding:6px 0;
	padding-top:10px;
	padding-left:4px;
	position:relative;
	z-index:1000;
}
.menu, .menu ul {
	float: left;
	width: 36em;
	list-style: none;
	line-height: 1em;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
}
.menu { width: 936px; }
.menu ul { background: #009fc2; }
.menu li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0.25em 1em;
}
.menu li a.menulink {
	color:#009fc2;
	font-size:1em;
	height:1.6em;
	line-height:1.6em;
	text-align:center;
}
.menu li a:hover.menulink, .menu li a.current {
	background:#009fc2;
	color:#fff;
}	
.menu a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}

.menu li {
	float: left;
	margin-left:3px;
	padding: 0;
}

.menu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	padding:3px 0;
	width: 186px;
	top:30px;
	font-weight: normal;
	margin: 0;
	z-index:1000;
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.menu li ul { top:29px; }
}

.menu li li {
	position:relative;
	padding:0;
	width: 180px;	
}

.menu li ul a {
	font-size:1em;
	padding-bottom:6px;
	padding:0;
	margin:0;
	padding:6px;
	width: 180px;
}

.menu li ul li ul {
	position:absolute;
	top:-3px;
	right:-182px;
	width:180px;
}


.menu li:hover ul ul, .menu li:hover ul ul ul, .menu li.sfhover ul ul, .menu li.sfhover ul ul ul {
	left: -999em;
}

.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li.sfhover ul, .menu li li.sfhover ul, .menu li li li.sfhover ul {
	left: auto;
}

.menu li ul li.sfhover {
	background: #a5dde9;
	width: 180px;
}
.menu li ul li ul li.sfhover {
	width: 174px;
}

/* EOF MAVIGATION
-------------------------------------------------------------- */

/* BOF SECTION
-------------------------------------------------------------- */
.sectionTitle {
	margin-bottom:12px;
	position:relative;
	width:940px;
	z-index:-100;
}
.sectionTitle h2 {
	color:#fff;
	font-size:2.8em;
	font-weight:bold;
	line-height:4em;
	left:0;
	padding-left:250px;
	position:absolute;
	top:0;
}


/* EOF SECTION
-------------------------------------------------------------- */

/* BOF CONTENT
-------------------------------------------------------------- */
.sideBar {
	float:left;
	margin-left:0px;
	margin-bottom:24px;
	width:224px;

}
.sideBarSection {
	background:#a5dde9;
	border:1px solid #009fc2;
	margin-bottom:12px;
	padding:12px;
	
}
.sideBarSection ul li {
	background: transparent url(../../../../media/sec_menu_div.jpg) left bottom no-repeat;
	padding:6px 0;
	margin-bottom:0px;
}
sideBarSection ul li ul {}
.sideBarSection ul li ul li {
	background: none;
	padding-left:12px;
}
.sideBarSection ul li.current_page_item a {
	background: transparent url(../../../../media/sec_menu_bullet.jpg) left center no-repeat;
	padding-left:12px;
}
.sideBarSection a, .sideBarSection ul li a {
	color:#009fc2;
	display:block;
	font-weight:bold;
	text-decoration:none;
}
.sideBar .sideBarSection h3 { color:#009fc2; font-size: 1.3em; font-weight:bold; }
.sideBar .contacts p {
	background: transparent url(../../../../media/contact_center_b.png) left top no-repeat;
	color:#666;
	line-height:1.5em;
	padding-left:61px;
	padding-bottom:12px;
}	
.sideBar .request a, .sideBar .request a:hover, .body_inner a, .body_inner a:hover {
	color:#009fc2;
	padding-bottom:6px;
}
.sideBar .request a { margin-bottom:12px; }
.sideBar .request h4 {
	color:#666;
	font-weight:bold;
}
.sideBar .request p strong {
	color:#666;
	margin:0;
}
.body_inner a { font-weight:bold; text-decoration:none; }
.sideBar .request a:hover, .body_inner a:hover { text-decoration:underline; }
.body {
	background:#009fc2;
	float:left;
	margin-bottom:24px;
	margin-left:12px;
	padding:1px;
	padding-bottom:0;
	width:700px;
}
.body_inner {
	background:#fff;
	color:#333;
	line-height:1.4em;
	margin-bottom:1px;
	padding:12px;
}
.body_inner h3 { color:#009fc2; font-weight:bold; }
.body_inner h4, .body_inner strong { color:#666; font-weight:bold; }
.body_inner p, .body_inner ul li { font-size:1.2em; }
.body_inner ul li {
	background: transparent url(../../../../media/sec_menu_bullet.jpg) left 6px no-repeat;
	margin-bottom:6px;
	padding-left:12px;
}
.body_inner ul {
	margin-bottom:24px;
    padding-left:48px;
    color: #333;
}
.body_inner ul li ul { margin-top:12px; }
.body_inner ul li ul li {
	font-size:1em;
	color: #333;
}
.body_inner ul#sitemap_list {
	font-size:1em;
}
.body_inner ul#sitemap_list li {
	background: transparent url(../../../../media/sec_menu_bullet.jpg) left 6px no-repeat;
	font-size:1em;
}
.body_inner ul#sitemap_list li ul { padding:0; padding-left:12px; }

.body_inner ul.docs li { background: none; padding:0; margin-bottom:12px; }
.body_inner ul.docs li a { font-size:1em; font-weight:normal; display:block; padding-left:32px; padding-top:3px; }
.body_inner ul.docs li.pdf a { background: transparent url(../../../../media/ico-pdf.gif) left top no-repeat; }
.body_inner ul.docs li.jpg a { background: transparent url(../../../../media/ico-jpg.gif) left top no-repeat; }
.body_inner ul.docs li.doc a { background: transparent url(../../../../media/ico-doc.gif) left top no-repeat; }

.body_inner th {
    background: #059cce url(/media/bgtd.png) left top repeat-x;
    border-right: 1px solid #009fc2;
    color: #fff;
}

.body_inner table { border: 1px solid #009fc2; border-right: 0px; }

.body_inner td {
    border-right: 1px solid #009fc2;
    border-top: 1px solid #009fc2;
    font-weight: bold;
    color: #009fc2;
    text-align: center;
    line-height: 20px;
}
.body_inner tr td.over { background:#0c9fd0; color:#fff; } 
.body_inner tr td.over { color:#fff; }
.body_banner { position:relative; }
.body_banner h2, .body_banner h3, .body_banner h4, .body_banner h5, .body_banner ul, .body_banner p { left:-10000px; position:absolute; }
.small { font-size:1em; color:#009fc2; line-height:1.1em; text-align:right; } 
.news img { float:left; margin-right:12px; margin-bottom:6px; border:1px solid #dedede; }
/* EOF CONTENT
-------------------------------------------------------------- */

/* BOF PROMO
-------------------------------------------------------------- */
#wrap_promo {
	margin: 8px auto;
	margin-bottom:0;
	width:940px;
}
.box_promo {
	float:left;
	height:215px;
	margin-right:8px;
	position:relative;
	text-indent:-10000px;
	width:229px;
}
.box_promo a {
	display:block;
	height:215px;
	left:0;
	position:absolute;
	top:0;
	width:229px;
}
.box_promo img {
	left:0;
	position:absolute;
	top:0;
}	

/* EOF PROMO
-------------------------------------------------------------- */

/* BOF GROUPS
-------------------------------------------------------------- */

#groups { 
	background: transparent url(../../../../media/v_3_div.png) right top no-repeat;
	margin:0 auto;
	width: 940px; 
}
.gr {
	float:left; 
	padding-left:12px;
	width: 223px;
}
.gr h3 { color:#009fc2; font-size: 1.3em; font-weight:bold; }
#groups .contact p {
	background: transparent url(../../../../media/contact_center.png) left top no-repeat;
	padding-left:61px;
	padding-bottom:12px;
}
#groups .contact p strong { display:block; margin-top:26px; margin-bottom:12px; font-weight:bold; }
#groups .links ul li {
	height:45px;
	padding-left:38px;
	padding-top:8px;
}
#groups .links ul li#facebook { background: transparent url(../../../../media/sub_facebook.png) left top no-repeat; }
#groups .links ul li#delicious { background: transparent url(../../../../media/sub_del.png) left top no-repeat; }
#groups .links ul li#rss { background: transparent url(../../../../media/sub_rss.png) left top no-repeat; }
#groups .links ul li a { color:#333; text-decoration:none; }
#groups .links ul li a:hover { text-decoration: underline; }
#groups .news dd { margin-bottom: 0px; }
#groups .news dd a { color:#666; font-weight: bold; text-decoration:none; }
#groups .news dd a:hover { text-decoration:underline; }
#groups .news dt { color:#666; font-weight:bold; margin-bottom:12px; text-align:right; }

/* EOF GROUPS
-------------------------------------------------------------- */

/* BOF FOOTER
-------------------------------------------------------------- */
.row {
	height: 36px;
	margin:0 auto;
	padding-top:10px;
	text-align: center;
	width: 940px; 
}
.row a, .row span {
	display:block;
	float:left;
	height:38px;
	text-indent:-10000px;	
}
.row a#petrol { 
	background: transparent url(../../../../media/icon_petrol.png) left top no-repeat;
	margin-left:383px;
	width:117px; 
}
.row a#wimaxforum {
	background: transparent url(../../../../media/icon_wimax_forum.png) left top no-repeat;
	width:57px; 
}
#footer { margin:0 auto; margin-top:12px; padding-bottom:24px; text-align:right; width: 940px;  }
#footer a { color:#333; text-decoration:none; }
#footer a:hover { text-decoration: underline; }
/* EOF FOOTER
-------------------------------------------------------------- */


/* BOF MAIN PAGE BUTTONS
-------------------------------------------------------------- */
#buttons {	margin:0 auto; margin-top:12px; padding:0; width: 940px; }
.btn_main {
	background: transparent url(../../../../media/btn_bottom.png) left top no-repeat;
	float: left;
	height: 29px;
	margin: 0 3px;
	margin-right:4px !important;
	margin-right:2px;
	text-align: center;
	width: 228px;
}
.btn_main a {
	color:#fff;
	display: block;
	font-size: 0.6em;
	font-weight:bold;
	height: 29px;
	line-height:25px;
	text-decoration:none;
	text-transform: uppercase;
}
.btn_main a:hover { color:#ddd; }
/* EOF MAIN PAGE BUTTONS
-------------------------------------------------------------- */


/* BOF MISC STUFF
-------------------------------------------------------------- */
.linklove { display: none; }
.news img.no_border { border:0; }
#title4g {
	background: transparent url(../../../../media/title_4gnetwork.png) left top no-repeat;
	height:69px;
	margin-top:8px;
	text-indent:-10000px;
	width:940px;
}
.pad_left_12 { padding-left: 12px; }
.rght { float: right; }
.lft { float:left; }
.clear_mar { margin:0; }

/* Clear floats */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* EOF MISC STUFF
-------------------------------------------------------------- */