@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}
@media print {
    .anchors {
        display: none;
    }
}

#container-1 {
	display: block;
	background: transparent;
	width: 820px;
	padding: 0;
	margin: 31px 0 0 0;
	height: 282px;
}
#container-1 h2 {
	padding: 115px 0 0 25px;
	color: #FFF !important;
	font-size: 20px !important;
}
h3 {
	color: #0079a0;
	padding: 15px 18px 6px 15px;
}
a:link, a:visited {
	color: #0079a0;
	text-decoration: none;
}
#container-1 p {
	display: block;
	text-align: left;
	width: 490px;
	height: 79px;
	padding: 8px 0 0 25px;
	color: #fff;
	line-height: 1.3em;
	font-size: 12px;
}

#container-1 p.right_link {
	text-align: right;
	height: auto !important;
	width: 480px;
	padding: 5px 0 0 40px !important;
}

#container-1 p.right_link a {
	color: #FFF;
}
.fragment1,.fragment2,.fragment3,.fragment4,.fragment5,.fragment6,.fragment7 { height: 248px;}
.fragment2,.fragment3,.fragment4,.fragment5,.fragment6,.fragment7 { display:none;}

.fragment1 { background: transparent url(../graphics/bg_stv.png) top left no-repeat; }
.fragment2 { background: transparent url(../graphics/bg_voice.png) top left no-repeat; }
.fragment3 { background: transparent url(../graphics/bg_web.png) top left no-repeat; }
.fragment4 { background: transparent url(../graphics/bg_video.png) top left no-repeat; }
.fragment5 { background: transparent url(../graphics/bg_uc.png) top left no-repeat; }
.fragment6 { background: transparent url(../graphics/bg_av.png) top left no-repeat; }
.fragment7 { background: transparent url(../graphics/bg_support.png) top left no-repeat; }

.anchors { background: transparent url(../graphics/bg_button.png) no-repeat; list-style: none; margin: 0; padding: 0 0 0 10px; height: 40px;}
.anchors li { margin: 0; padding: 0; background: none; float: left;}

.anchors .tab1 { background: #0079a0 url(../graphics/button/stv_inactive.png) top left no-repeat; width: 100px;}
.anchors .tab2 { background: #99b35d url(../graphics/button/voice_inactive.png) top left no-repeat; width: 100px;}
.anchors .tab3 { background: #5ea3ab url(../graphics/button/web_inactive.png) top left no-repeat; width: 100px;}
.anchors .tab4 { background: #c95927 url(../graphics/button/video_inactive.png) top left no-repeat; width: 100px;}
.anchors .tab5 { background: #378776 url(../graphics/button/unified_inactive.png) top left no-repeat; width: 100px;}
.anchors .tab6 { background: #b37a00 url(../graphics/button/av_inactive.png) top left no-repeat; width: 100px;}
.anchors .tab7 { background: #535353 url(../graphics/button/support_inactive.png) top left no-repeat; width: 100px;}

.anchors a { 
	display: block;
	position: relative; top: 0px; left:0;
	z-index: 2;
	padding: 0px;
	color: #000;
	height: 30px;
}

.anchors .tab1 a:link, .anchors .tab1 a:visited { background: #0079a0 url(../graphics/button/stv_inactive.png) top left no-repeat; width: 100px; position:static;}
.anchors .tab2 a:link, .anchors .tab2 a:visited { background: #99b35d url(../graphics/button/voice_inactive.png) top left no-repeat; width: 100px; position:static;}
.anchors .tab3 a:link, .anchors .tab3 a:visited { background: #5ea3ab url(../graphics/button/web_inactive.png) top left no-repeat; width: 100px; position:static;}
.anchors .tab4 a:link, .anchors .tab4 a:visited { background: #c95927 url(../graphics/button/video_inactive.png) top left no-repeat; width: 100px; position:static;}
.anchors .tab5 a:link, .anchors .tab5 a:visited { background: #378776 url(../graphics/button/unified_inactive.png) top left no-repeat; width: 100px; position:static;}
.anchors .tab6 a:link, .anchors .tab6 a:visited { background: #b37a00 url(../graphics/button/av_inactive.png) top left no-repeat; width: 100px; position:static;}
.anchors .tab7 a:link, .anchors .tab7 a:visited { background: #535353 url(../graphics/button/support_inactive.png) top left no-repeat; width: 100px; position:static;}

.anchors .tab1 a:hover { background: #00a0c6 url(../graphics/button/stv_hover.png) top left no-repeat; width: 100px; position:static;}
.anchors .tab2 a:hover { background: #b2d06c url(../graphics/button/voice_hover.png) top left no-repeat; width: 100px; position:static;}
.anchors .tab3 a:hover { background: #6fc0c8 url(../graphics/button/web_hover.png) top left no-repeat; width: 100px; position:static;}
.anchors .tab4 a:hover { background: #e7662d url(../graphics/button/video_hover.png) top left no-repeat; width: 100px; position:static;}
.anchors .tab5 a:hover { background: #4fa590 url(../graphics/button/unified_hover.png) top left no-repeat; width: 100px; position:static;}
.anchors .tab6 a:hover { background: #d59d1e url(../graphics/button/av_hover.png) top left no-repeat; width: 100px; position:static;}
.anchors .tab7 a:hover { background: #808080 url(../graphics/button/support_hover.png) top left no-repeat; width: 100px; position:static;}

.anchors span {display:block;height:0;width:0; overflow: hidden;font-size: 1px;color: #3B88AF;}

.anchors .tabOn1 {	background: #00a0c6 url(../graphics/button/stv_active.png) top left no-repeat; width: 100px;}
.anchors .tabOn2 {	background: #b2d06c url(../graphics/button/voice_active.png) top left no-repeat; width: 100px;}
.anchors .tabOn3 {	background: #6fc0c8 url(../graphics/button/web_active.png) top left no-repeat; width: 100px;}
.anchors .tabOn4 {	background: #e7662d url(../graphics/button/video_active.png) top left no-repeat; width: 100px;}
.anchors .tabOn5 {	background: #4fa590 url(../graphics/button/unified_active.png) top left no-repeat; width: 100px;}
.anchors .tabOn6 {	background: #d59d1e url(../graphics/button/av_active.png) top left no-repeat; width: 100px;}
.anchors .tabOn7 {	background: #808080 url(../graphics/button/support_active.png) top left no-repeat; width: 100px;}

#container-2 {
	background: transparent url(../graphics/bg_home_content.png) top center no-repeat;
	margin: 0 0 0 0;
	padding-left: 10px;
}

img.index_top {
	margin-right: 20px;
}