@charset "utf-8";
/* CSS Document */

/* Main Page Elements*/
body {
	font-family:"Arial, Helvetica, sans-serif",sans-serif,verdana;
	font-size: 9pt;
	background-color:#999999;
	background-image: url(../images/Test_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;	
}

/* Text */
.style2 {
	font-size: 9pt
}
.style3 {
	color: #990000
}
.style5 {
	color: #990000;
	font-size: 12px;
}
.style9 {
	color: #990000;
	font-weight: bold;
}
.style1 {
	font-size: 12pt;
	color:#FFFFFF;	
}

.white {
	color: #CCCCCC
	
}

.title {
	font-size: 12pt;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}


/* Divs for different elements */
#watch {
	top:251px;
	width:1100px;
	position:absolute;
	left:50%;
	margin-left:-550px;
}

#wrapper{
	top: 21px;
	width:800px;
	position:absolute;
	left:50%;
	margin-left:-400px;
	z-index:500;
} 

#content {
	position:absolute;
	background-color:#FFFFFF;
	height:530px;
	width:800px;
	top:70px;
}
#about {
	position:absolute;
	background-image:url(../images/aboutusbg.jpg);
	height:530px;
	width:800px;
}
#aboutustext {
	position:absolute;
	top:400px;
	background-image:url(../images/black70.png);
	background-repeat:repeat;
	padding:20px;
	height:40px;
	width:760px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color:#FFFFFF;
}

#case {
	width:580px;
	height:530px;
}
#contentlong {
	position:absolute;
	background-color:#FFFFFF;
	height:700px;
	width:800px;
	top:70px;
}

#clients {
	float:left;
	margin-left:20px;
	margin-top:20px;
}

#subcontent {
	position:absolute;
	height:150px;
	width:800px;
	top:619px;
	background-image: url(../images/subcontentbg.jpg);
	background-repeat: repeat-x;

}

#award {
	background-image: url(../images/awards_temp.jpg);
	position:absolute;
	height:130px;
	width:780px;
	padding: 10px;
}
#infoservices {
	position:absolute;
	height:130px;
	width:780px;
	padding: 10px;
}

#featured {
	position:absolute;
	height:130px;
	width:280px;
	padding: 10px;
	border-right-style: double;
	border-right-color: #CCCCCC;
	border-right-width: thin;
}
#single{
	float:left;
	position:relative;
	height:130px;
	width:100px;
	padding: 10px;
}
#list {
	float:left;
	position:absolute;
	background-color:#FFFFFF;
	height:660px;
	width:150px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;

	border-right-style: double;
	border-right-color: #CCCCCC;
	border-right-width: thin;
}

#news {
	float: right;
	height:130px;
	width:300px;
	margin: 10px;
}
#ti {
	float:right;
	position:relative;
	height:130px;
	width:150px;
	border-left-style: double;
	border-left-color: #CCCCCC;
	border-left-width: thin;
	padding: 10px;
}
#footer {
	position:absolute;
	height:20px;
	width:800px;
	top:790px;
	background-image: url(../images/black70.png);
	background-repeat: repeat-x;

}

#maintop {
	background-image:url(../images/contacthk.jpg);
	height:330px;
	width:760px;
	left:50px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;

}

#mainbottom{
	background-image:url(../images/contactindo.jpg);
	height:330px;
	width:760px;
	left:50px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;

}

/* Main Menu Elements */
#logo {
width:200px;
height:50px;
float:left;

}
#menu {
	position:absolute;
	height:50px;
	width:800px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}

/* remove the list style */
#nav {
	margin:0;
	padding:0;
	list-style:none;
}
/* make the LI display inline */
	/* it's position relative so that position absolute */
	/* can be used in submenu */
	#nav li {
	float:right;
	display:block;
	width:90px;
	position:relative;
	z-index:500;
	margin:0 1px;
	background-repeat: repeat-x;
}
/* this is the parent menu */
	#nav li a {
	display:block;
	font-weight:700;
	height:33px;
	text-decoration:none;
	color:#fff;
	text-align:center;
	color:#FFFFFF;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	background-image:url(../images/black70.png);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
}
#nav li a:hover {
	color:#99FF00;
}
/* you can make a different style for default selected value */
	#nav a.selected {
	color:#00FF33;
}
/* submenu, it's hidden by default */
	#nav ul {
	position:absolute;
	left:0;
	display:none;
	margin:0 0 0 -1px;
	padding:0;
	list-style:none;
}
#nav ul li {
	width:160px;
	float:left;
}
/* display block will make the link fill the whole area of LI */
	#nav ul a {
	display:block;
	height:20px;
	padding: 8px 5px;
	color:#FFFFFF;
}
#nav ul a:hover {
	text-decoration:underline;
}
/* fix ie6 small issue */
	/* we should always avoid using hack like this */
	/* should put it into separate file : ) */
	*html #nav ul {
	margin:0 0 0 -2px;
}

/* s3Slider Elements */

#slider {
    width: 800px; /* important to be same as image width */
    height: 530px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
	width: 800px; /* important to be same as image width or wider */
	position: absolute;
	height: 530px;
}
.sliderImage {
    float: left;
    position: absolute;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 15px/20px Arial, Helvetica, sans-serif;
    padding: 250px 13px;
    width: 774px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.5;
	-khtml-opacity: 0.5;
    opacity: 0.5;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 40px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ulslide { list-style-type: none;
}