/* Styleshit BruNet 1.0 */

@import url("css/reset.css");
@import url("css/text.css");
@import url("css/960.css");

body { background:#ececec url(images/bg_middle_fibre.gif) repeat-x top center; }

a img { border:none; }

#header { background:url(images/new_title.png) no-repeat center center; }

#logo h1 { font-weight:normal; margin:0; padding:15px 0; text-indent:-9999px; }
#logo a { display:block; text-decoration:none; color:#333333; xbackground:url(images/logo.gif) no-repeat top left; width:280px; height:60px; }

#top_menu { padding:23px 0 0 0; }
#top_menu ul { list-style:none; margin:0; }
#top_menu li { display:inline; font-size:12px; }
#top_menu a { display:block; margin:0 0 0 10px; float:right;padding:0 20px 0 0; text-decoration:none; color:#3c3c3c; font-weight:bold; }
#top_menu a span { display:block; height:18px;  padding:0 0 0 20px; line-height:20px; }
#top_menu a:hover { background:url(images/capsule_right.gif) no-repeat top right; }
#top_menu a:hover span { background:url(images/capsule_left.gif) no-repeat top left; }

#middle { xbackground:#ce0000; height:400px; }

#news { color:#ffffff; border-top:10px solid #fe7600; margin-right:10px; font-size:12px; }
#news h2 { padding-top:10px; font-size:26px; margin:0; line-height:32px; }
#news h2 a { text-decoration:none; color:#ffffff;  }
#news h2 a:hover { color:#a2a2a2; }

#news h4 { color:#fe7600; font-size:18px; margin:0 0 10px 0; }
#news p { text-align:justify; }

#scene { position:absolute; top:-29px; right:0; }


#live { }
#live h2 { height:47px; background:url(images/icon_lens.png) no-repeat top left; color:#ffffff; font-weight:normal; padding:0 0 0 55px; line-height:50px; margin:0; }
#live ul { list-style:none; padding:0; margin:0; } 
#live li { width:200px; float:left; margin:0; padding:0; }
#live li a { display:block; text-decoration:none; padding:2px 0; color:#4c4d4f; font-size:17px; }
#live li a:hover { color:#ffffff; }

#dock { width:100%; position:relative; margin-top:349px; height:50px; }
#dock .dock-container { position:absolute; height:50px; padding-right:20px; }
#dock .dock-container a.dock-item { display:block; width:40px; bottom:0; position:absolute; text-align:center; text-decoration:none; }
#dock .dock-container a.dock-item span { display:none; padding:0; color:#ffffff; font-size:14px; font-weight:bold; text-shadow:0 1px 3px #000000; }
#dock .dock-container a.dock-item img { border:none; margin:5px 0 0 0; width:100%; }

#menu { height:400px; background:#ff7500 url(images/bg_menus_shadow.gif) repeat-x bottom center; }

div.imac { background:transparent url(images/imac.png) no-repeat center center; width:507px; height:437px; position:absolute; top:10px; left:-10px; }
div.imac #slider_container { margin:23px 0 0 19px; width:469px; height:262px; background:#ececec; }


#content #contact { background:none; }
#contact td { text-align:left; vertical-align:top; background:none !important; border:none !important; }
#contact td.label { text-align:right; }


ul#navi { width:145px; float:left; margin:25px 0 0 0; padding:0 0 15px 0; }
ul#navi li { margin:0; cursor:pointer; list-style:none; color:#626262; font-size:12px; font-weight:bold; text-decoration:none; }
ul#navi li:hover { color:#ffffff; background:url(images/tabs/highlighter.png) no-repeat top left; }
ul#navi li.active { color:#D8D8D8; }
ul#navi li span { display:block; height:30px; line-height:31px; padding:0 10px; }

li.pink { background:#de1f48 url(images/tabs/pink.gif) no-repeat top left; }
li.red { background:#d1242a url(images/tabs/red.gif) no-repeat top left; }
li.brown { background:#d76529 url(images/tabs/brown.gif) no-repeat top left; }
li.orange { background:#faaf16 url(images/tabs/orange.gif) no-repeat top left; }
li.yellow { background:#feda00 url(images/tabs/yellow.gif) no-repeat top left; }
li.lime { background:#79ba42 url(images/tabs/lime.gif) no-repeat top left; }
li.green { background:#00914c url(images/tabs/green.gif) no-repeat top left; }

#main { position:relative; overflow:hidden; width:324px; height:262px; }
#pages { position:absolute; height:20000em; }
.page {	width:329px; height:262px; padding:0; }
.item { width:329px; height:262px; padding:0; margin:0 auto; }
.item a { text-decoration:none; display:block; width:329px; height:262px; }
.item a img { border:none; }



#content div.sub { text-decoration:none; text-align:center; padding-top:10px; }
#content div.sub a { display:block; margin:0; text-decoration:none; }

#content h2.title { font-size:20px; margin:0 0 10px 0; border-bottom:1px solid #d3d8d2; padding:0; color:#E5791D; }
#content p { text-align:justify; }
#content p a { color:#B56113; font-weight:bold; }
#content p a:hover { text-decoration:none; color:#424242; }


#content table { width:100%; margin:0 auto; text-align:center; color:#4b4b4d; }
#content th, #content td { background:#d3d8d2; padding:6px 10px; border:4px solid #ffffff; }
#content th { background:#a5cd39; }

#content .bg_blue { background:#00adef; }
#content .bg_green { background:#b3d236; }
#content .bg_yellow { background:#ffc60b; }
#content .bg_orange { background:#f15a23; }
#content .bg_magenta { background:#ed008c; }


.sitemap p {  xbackground:brown; font-weight:bold; }
.sitemap ul {  color:#000000; font-style:italic; }
.sitemap ul a { text-decoration:none; color:#999999; display:block; font-weight:bold; line-height:22px; font-style:normal; }
.sitemap ul a:hover { text-decoration:underline; color:#222222; }




/* ORIGINAL CSS FOR TABLE
------
#content table { width:100%; border:2px solid #d3d8d2; }
#content th, #content td { background:#ffffff; text-align:left; padding:10px 15px; border:1px dashed #d3d8d2; }
#content th { background:#a5cd39; border:1px dashed #ffffff; }
#content tfoot td { background:#d3d8d2; border:1px dashed #ffffff; }
*/



#sidebar { background:#ffffff url(images/sidebar_top.gif) no-repeat top center; padding:15px 0 0 0; }
#sidebar_bottom { padding:0 20px 15px 20px; background:url(images/sidebar_bottom.gif) no-repeat bottom center; }
#sidebar p { padding:0; margin:0 0 10px 0; }
#sidebar p.popup_link a { display:block; padding:5px 0; margin:0; font-size:11px; color:#000000; text-decoration:none; }
#sidebar p.popup_link a:hover { text-decoration:underline; }



#footer { background:#2b2b2b url(images/bg_fibre.gif) repeat top center; padding:10px 0; }
#footer a { color:#ececec; text-decoration:none; }
#footer a:hover { color:#ffffff; text-decoration:underline; }
#footer p { font-weight:bold; color:#ffffff; margin:0; }
#footer ul { list-style:none; margin:0; text-align:right; }
#footer li { display:inline; }




#overlay { 
display:none; z-index:10000; width:656px; height:526px;
background:url(images/white.png) no-repeat; text-align:center;
} 
 
/* close button positioned on upper right corner */ 
#overlay .close { 
    background-image:url(images/close.png); 
    position:absolute; 
    left:10px; 
    top:10px; 
    cursor:pointer; 
    height:28px; 
    width:28px; 
}

div.content_popup { 
width:570px; height:460px; text-align:left;  
margin:23px; padding:10px 20px;
overflow-y:auto; font-size:11px;
}