@charset "utf-8";
/* CSS Document */
body {
	color: #272531;
	font-size: 14px;
	font-family: Tahoma;
	padding: 0px;
	margin: 0px;
	background: #071127;
}

.wapper{
	background: url(../images/bg-wrapper.jpg) no-repeat;
	width: 100%;
	height: 840px;
	padding: 0px;
	margin: 0px;
}

.container{
	position: relative;
	width: 800px;
	height: 840px;
	margin: 0px;
	padding: 0px; 
}

#thumbs {
    position: relative;
    width: 750px;
	height: 450px;
	left: 65px;
	top: 205px;
}

div.thumb {
    float: left;
    padding: 0px;
    width: 150px;
    height: 150px; 
}

div.thumb2 {
    float: left;
    padding: 0px;
    width: 150px;
    height: 150px;
}

.thumb4 a{
	background: url(../images/box-link1.jpg) no-repeat;
	position: absolute;
	z-index: 99;
	width: 150px;
	height: 150px;
}

.thumb4 a:hover{
	background: url(../images/box-link1-hover.jpg) no-repeat;
	position: absolute;
	z-index: 99;
	width: 150px;
	height: 150px;
}

.thumb5 {
	background: url(../images/box-link5.jpg) no-repeat;
	position: absolute;
	z-index: 99;
	width: 150px;
	height: 150px;
	top: -150px;
	left: 150px;
}

.thumb5 a{
	background: url(../images/box-link5.jpg) no-repeat;
	position: absolute;
	z-index: 99;
	width: 150px;
	height: 150px;
	top: -150px;
	left: 150px;
}

.thumb5 a:hover{
	background: url(../images/box-link5-hover.jpg) no-repeat;
	position: absolute;
	z-index: 99;
	width: 150px;
	height: 150px;
} 

.thumb6 a{
	background: url(../images/box-link2.jpg) no-repeat;
	position: absolute;
	z-index: 99;
	width: 150px;
	height: 150px;
	top: 150px;
	left: 0px;
}

.thumb6 a:hover{
	background: url(../images/box-link2-hover.jpg) no-repeat;
	position: absolute;
	z-index: 99;
	width: 150px;
	height: 150px;
} 

.thumb7{ 
	position: absolute !important;
	z-index: 99;
	width: 150px;
	height: 150px;
	top: 300px !important;
	left: 0px !important;
}

.thumb8{
	position: absolute !important;
	z-index: 99;
	width: 300px;
	height: 300px;
	top: 150px !important;
	left: 150px !important;
}

.thumb9 a{
	background: url(../images/box-link3.jpg) no-repeat;
	position: absolute;
	z-index: 99;
	width: 150px;
	height: 150px;
	top: 150px;
	left: 450px;
}

.thumb9 a:hover{
	background: url(../images/box-link3-hover.jpg) no-repeat;
	position: absolute;
	z-index: 99;
	width: 150px;
	height: 150px;
} 

.thumb10 a{
	background: url(../images/box-link6.jpg) no-repeat;
	position: absolute;
	z-index: 99;
	width: 150px;
	height: 150px;
	top: 150px;
	left: 600px;
}

.thumb10 a:hover{
	background: url(../images/box-link6-hover.jpg) no-repeat;
	position: absolute;
	z-index: 99;
	width: 150px;
	height: 150px;
} 

.thumb11{
	position: absolute !important;
	z-index: 99;
	width: 150px;
	height: 150px; 
	top: 300px !important;
	left: 450px !important;
} 

.thumb12 a{
	background: url(../images/box-link4.jpg) no-repeat;
	position: absolute;
	z-index: 99;
	width: 150px;
	height: 150px;
	top: 300px;
	left: 600px;
}

.thumb12 a:hover{
	background: url(../images/box-link4-hover.jpg) no-repeat;
	position: absolute;
	z-index: 99;
	width: 150px;
	height: 150px;
}

div.thumb img:hover{
	z-index: 9999 !important;
}
/*div.thumb img {
    border: 1px solid white;
}*/

.box-bottom{
	position: relative;
	width: 900px;
	height: 125px;
	top: 250px;
	left: 20px;
}

.logocack2{
	position: absolute;
	left: 0px;
	top: 0px;
}

.downloadcack2 a{
	background: url(../images/btn-download.png) no-repeat;
	position: absolute;
	left: 220px;
	top: 0px;
	width: 189px;
	height: 124px;
}

.downloadcack2 a:hover{
	background: url(../images/btn-download-hover.png) no-repeat;
}

.createcack2 a{
	background: url(../images/btn-dangky-hover.png) no-repeat;
	position: absolute;
	left: 415px;
	top: -5px;
	width: 136px;
	height: 129px;
}

.createcack2 a:hover{
	background: url(../images/btn-dangky.png) no-repeat;
}

.guidecack2 a{
	background: url(../images/btn-huongdan.png) no-repeat;
	position: absolute;
	left: 551px;
	top: -6px;
	width: 136px;
	height: 129px;
}

.guidecack2 a:hover{
	background: url(../images/btn-huongdan-hover.png) no-repeat;
}

.hotlinecack2 a{
	background: url(../images/btn-hotline.png) no-repeat;
	position: absolute;
	left: 687px;
	top: -6px;
	width: 136px;
	height: 129px;
}

.homecack2 a{
	background: url(../images/home.png) no-repeat;
	position: absolute;
	left: 823px;
	top: 0px;
	width: 165px;
	height: 41px;
}

.homecack2 a:hover{
	background: url(../images/home-hover.png) no-repeat;
}

.forumcack2 a{
	background: url(../images/forum.png) no-repeat;
	position: absolute;
	left: 823px;
	top: 42px;
	width: 165px;
	height: 41px;
}

.forumcack2 a:hover{
	background: url(../images/forum-hover.png) no-repeat;
}

.fanpagecack2 a{
	background: url(../images/fanpage.png) no-repeat;
	position: absolute;
	left: 823px;
	top: 84px;
	width: 165px;
	height: 41px;
}

.fanpagecack2 a:hover{
	background: url(../images/fanpage-hover.png) no-repeat;
}

.zoom1-hover{
	position: absolute;
	z-index: 9991;
	width: 150px;
	height: 150px;
	left: 0px;
	top: 0px;
}
.zoom2-hover{
	position: absolute;
	z-index: 9991;
	width: 150px;
	height: 150px;
	left: 150px;
	top: 0px;
}
.zoom7-hover{
	position: absolute;
	z-index: 9991;
	width: 150px;
	height: 150px;
	left: 0px;
	top: 300px;
}
.zoom8-hover{
	position: absolute;
	z-index: 9991;
	width: 300px;
	height: 300px;
	left: 150px;
	top: 150px;
}
.zoom11-hover{
	position: absolute;
	z-index: 9991;
	width: 150px;
	height: 150px;
	left: 450px;
	top: 300px;
}

.zoom1{
	position: absolute;
	z-index: 991;
	width: 150px;
	height: 150px;
	left: 0px;
	top: 0px;
	display: none;
}

.zoom2{
	position: absolute;
	z-index: 991;
	width: 450px;
	height: 450px;
	left: 0px;
	top: 0px;
	display: none;
}

.zoom7{
	position: absolute;
	z-index: 991;
	width: 450px;
	height: 450px;
	left: 0px;
	top: 0px;
	display: none;
}

.zoom8{
	position: absolute;
	z-index: 991;
	width: 450px;
	height: 450px;
	left: 0px;
	top: 0px;
	display: none;
}

.zoom11{
	position: absolute;
	z-index: 991;
	width: 450px;
	height: 450px;
	left: 0px;
	top: 0px;
	display: none;
}

.footer-main{
	left: 50px;
	margin: 0 auto;
	position: relative;
	top: 270px;
	width: 900px;
	height: 80px;
}

.content-footer{
	color: #2e2e2e;
	left: 200px;
	position: absolute;
	text-align: center;
	top: 0px;
	width: 430px;
}

.content-footer p, .content-footer a{
	color: #fff;
	font-size: 14px;
	margin: 0 auto;
	padding: 0;
	text-decoration: none;
}

.content-footer a:hover{
	color: red;
}

#logo-gosu{
	background: url("../images/logo-gosu.png") no-repeat;
	height: 43px;
	left: 0px;
	position: absolute;
	top: 9px;
	width: 163px;
	z-index: 990;	
}

#logo-cubinet{
	background: url("../images/logo-cubinet.png") no-repeat;
	height: 43px;
	left: 665px;
	position: absolute;
	top: 9px;
	width: 263px;	
}


* { margin:0; padding:0; }

#newsticker-demo { 
	font-family: Verdana,Arial,sans-serif;
	font-size: 12px;
	left: 380px;
	position: absolute;
	top: 285px;
	width: 540px;
}

#newsticker-demo a { text-decoration:none; color: #fff;}

#newsticker-demo .title {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	padding:5px;
}
 

.newsticker-jcarousellite { width:500px; }
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; }
  
.newsticker-jcarousellite .info {width:445px; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }

.clear { clear: both; }