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


/**********Begin Element*************/

body {
	background:url('image/general/body-bg.png') repeat-x #04040c;
	margin:0 auto;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
}

p {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0 0 15px;
}

a {
	outline:none;
   text-decoration:none;
   color:#a7a7a7;
}

a:hover {
	color:#fff;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:0 0 15px;
	font-weight:100;
	color:#fff581;
}

h3 {
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:14px;
	color:#a8bdd9;
	font-weight:100;
	margin:0;
}

h4 {
	font-size:18px;
	font-family:Eras Demi ITC;
	margin:0;
	color:#fff;
}

h5 {
	font-size:14px;
	margin:0;
	color:#fff;
}
/**********End Element*************/

#home-eader {
	height:20px;
}

#header {
	height:128px;
}

#header-content {
	width:960px;
	margin:0 auto;
	position:relative;
	height:128px;
}

#logo {
	position:absolute;
	top:14px;
	left:14px;
}

#logo img {
	outline:none;
	border:none;
}

#preload {
	display:none;
}

#wrap {
	width:960px;
	margin:0 auto;
	padding:10px 0 0;
}

#slogen {
		position:absolute;
	top:100px;
	right:20px;
}

#slogen img {
	outline:none;
	border:none;
}
/* Begin Footer */

#footer {
	background:url('image/general/footer-bg.png');
	height:78px;
	clear:both;
	margin:-82px 0 0;
}

#footer-content {
	width:936px;
	margin:0 auto;
	height:78px;
	position:relative;
	padding:0 12px;
}

#footer-content p {
		text-align:right;
		padding:35px 0 0;
		clear:both;
		color:#c9c9d1;
		font-size:10px;
		margin:0 0 0 20px;
		text-transform:uppercase;
}


/* Begin Menu */

#menu {
	width:173px;
	height:43px;
	padding:0;
	float:left;
}

#menu ul{
	margin:0;
	padding:0;
	list-style:none;
}

#menu ul li {
	float:left;
}

#btn {
	float:left;
	width:163px;
	height:20px;
	padding:10px 0 0 10px;
	font-size:12px;
	background:url('image/nav/btn.png');
	font-family:"Georgia", Times New Roman, Times, serif;
	color:#fcf5d4;
	margin:0 0 5px 0;
	font-style:italic;
}

#btn02 {
	float:left;
	width:163px;
	height:20px;
	padding:10px 0 0 10px;
	font-size:12px;
	background:url('image/nav/btn02.png');
	font-family:"Georgia", Times New Roman, Times, serif;
	color:#fff;
	margin:0 0 5px 0;
	font-style:italic;
}

#btn03 {
	float:left;
	width:163px;
	height:20px;
	padding:6px 0 0 10px;
	font-size:12px;
	background:url('image/nav/btn03.png');
	font-family:"Georgia", Times New Roman, Times, serif;
	color:#000;
	margin:0 0 13px 0;
	font-style:italic;
}

#btn:hover {
	background:url('image/nav/btn-hover.png');
	color:#fff;
} 

#btn02:hover {
	background:url('image/nav/btn02-hover.png');
	color:#fcf5d4;
}

.nav-bg {
	background:url('image/nav/nav-bg.png');
	width:173px;
	height:240px;
	margin:35px 0 1px;
	clear:both;
}

.nav-bg ul {
	margin:0;
	padding:0;
}

.nav-bg ul li {
	margin:0 0 0 30px;
	width:130px;
	float:left;
	color:#fff;
}

#btn04 {
	float:left;
	width:130px;
	padding:0 0 0 0px;
	font-size:12px;
	font-family:"Georgia", Times New Roman, Times, serif;
	color:#fff;
	margin:0 0 4px 0;
	font-style:italic;
}

#btn04:hover {
	color:#e1c985;
}

#home-btn:hover {
	background:url('image/nav/home-btn-hover.png');
	color:#fff;
}

#home-banner {
	background:#080729;
	padding:5px;
	margin:0 0 20px;
}

#banner {
	padding:0;
	margin:0 0 20px;
}

#page-footer {
	clear:both;
	height:82px;
}

/* begin home */

#home {
	position:relative;
}

#home .content-layout01 {
	z-index:1;
}

#home .content-layout02 {
	position:absolute;
	top:576px;
	z-index:999;
	color:#fff;
	font-size:10px;
	width:500px;
}

/* end home */



/********* Begin Sidebar *********/

#sidebar {
	width:243px;
	float:left;
	margin:0 10px 0 0;
	height:500px;
}

#sidebar h3 {
	width:243px;
font-family:"Georgia", Times New Roman, Times, serif;
	font-size:20px;
	letter-spacing:10px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 15px;
	text-align:center;
}


.sidebar-btn {
	background:url('image/sidebar/sidebar-bg.jpg');
	width:243px;
	height:287px;
	padding:20px 0 0;
	margin:0 0 20px;
}

.sidebar-btn ul, .sidebar-btn02 ul{
	margin:0;
	padding:0;
	list-style:none;
}

.sidebar-btn02 {
	background:url('image/sidebar/sidebar-bg02.jpg');
	width:243px;
	height:179px;
	padding:20px 0 0;
	margin:0 0 20px;
}

#side-btn {
	background:url(image/sidebar/btn-bg.png);
	font-family:"Georgia", Times New Roman, Times, serif;
	width:192px;
	height:37px;
	float:left;
	color:#939393;
	text-transform:uppercase;
	font-size:18px;
	margin:0 0 5px 0px;
	padding:17px 0 0 50px;
}

#side-btn02 {
	background:url(image/sidebar/btn-bg.png);
	font-family:"Georgia", Times New Roman, Times, serif;
	width:192px;
	height:35px;
	float:left;
	color:#939393;
	text-transform:uppercase;
	font-size:15px;
	margin:0 0 5px 0;
	padding:19px 0 0 50px;
}

#side-btn:hover, #side-btn02:hover {
	background:url(image/sidebar/btn-hv.png);
	color:#fff;
}

#side-contact {
	width:243px;
	height:129px;
	float:left;
	color:#a8b7d3;
	text-transform:uppercase;
	font-size:24px;
	padding:0 0 0 0;
	text-align:center;
}

	

/********* End Sidebar *********/

/********* Begin Page *********/

#page-content {
	background:url('image/page/bg/01.jpg') no-repeat bottom;
	width:948px;
	padding:0 0 0 12px;
}


#page-content02 {
	background:url('image/page/bg/02.png') no-repeat bottom;
	width:948px;
	padding:0 0 0 12px;
}

#page-content03 {
	background:url('image/page/bg/03.jpg') no-repeat center bottom;
	width:948px;
	padding:0 0 0 12px;
}

#page-content04 {
	background:url('image/page/bg/04.jpg') no-repeat center bottom;
	width:948px;
	padding:0 0 0 12px;
}

#page-content05 {
	background:url('image/page/bg/05.png') no-repeat center bottom;
	width:948px;
	padding:0 0 0 12px;
}

#more-btn {
		float:left;
	width:193px;
	height:22px;
	background:url('image/general/more-btn.png') no-repeat;
	color:#fff;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-style:italic;
	padding:6px 0 0 15px;
	margin:10px 0 0px;
	font-size:12px;
}

#more-btn:hover {
	color:#e1c985;
}

#more-btn02 {
	float:left;
	width:193px;
	height:22px;
	background:url('image/general/more-btn.png') no-repeat;
	color:#fff;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-style:italic;
	padding:6px 0 0 15px;
	margin:0 5px 10px 0;
	font-size:12px;
}

#more-btn02:hover {
	color:#e1c985;
}
/********* End Page *********/

/********* Begin About *********/
#about {
	width:738px;
	float:right;
	padding:0 12px 0 0
}

#about embed {
	margin:0 0 20px;
}

#about img {
	margin:0 0 10px;
	text-align:center;
}

#about h2 {
	clear:both;
	margin:0;
}

#about-footer {
	height:100px;
}

.slidingDiv, .slidingDiv02, .slidingDiv03, .slidingDiv04, .slidingDiv05{
	clear:both;
	padding:0px;
	color:#fff;
}

.slidingDiv table { border-collapse: collapse; }
.slidingDiv table tr td { border: thin solid #487bd9;
padding:10px; }

.show_hide {
	display:none;
}

#show-btn {
	float:left;
	width:208px;
	height:22px;
	background:url('image/general/more-btn.png') no-repeat;
	color:#fff;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-style:italic;
	padding:6px 0 0 15px;
	cursor:pointer;
	margin:10px 0 0px;
	font-size:12px;
}

#show-btn02 {
	float:left;
	width:208px;
	height:22px;
	background:url('image/general/more-btn.png') no-repeat;
	color:#fff;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-style:italic;
	padding:6px 0 0 15px;
	cursor:pointer;
	margin:10px 0 10px;
	font-size:12px;
}

#show-btn:hover, #show-btn02:hover {
	color:#e1c985;
}

#about-line {
	clear:both;
	height:20px;
}
/********* End About *********/

/********* Begin Career *********/
#career {
		width:738px;
	float:right;
	padding:0 12px 0 0
}

#career img {
	margin:0 0 10px;
}

#career ul {
	margin:0 0 20px;
	padding:0;
}

#career ul li {
	color:#fff;
	padding:0 0 0 20px;
	margin:0 0 5px 20px;
}

#career .career-line {
	clear:both;
	height:20px;
}

#career .career-line02 {
	clear:both;
	height:200px;
}

#career a {
	color:#a8bdd9;
}

#career a:hover {
	color:#e1c985;
}
/********* End Career *********/

/********* Begin Css *********/
#css {
	width:744px;
	float:right;
	height:550px;
	padding:0 12px 0 0
}

#css img {
	float:left;
	margin:0 0 20px 0;
}

#css02 {
	width:744px;
	float:right;
	height:698px;
	padding:0 12px 0 0
}

#css02 img {
	float:left;
	margin:0 0 20px 0;
}

#css02 table { border-collapse: collapse; color:#fff; margin:0 0 10px;}
#css02 table tr td { border: thin solid #487bd9;
padding:10px; }

#css03 {
	width:744px;
	float:right;
	height:850px;
	padding:0 12px 0 0
}

#css03 h5 {
	clear:both;
}

#css03 img {
	float:left;
	margin:0 0 20px 0;
}

#css03 ul {
	padding:0 0 0 15px;
	margin:0 0 15px;
}

#css03 ul li {
	list-style-type:diamond;
	color:#fff;
}

#css03 a img {
	margin:10px 20px 0 0;
	float:left;
}

#css04 {
	width:744px;
	float:right;
	padding:0 12px 0 0
}

#css-footer {
	clear:both;
	height:120px;
}

#css04 img {
	float:left;
	margin:0 0 20px 0;
}

#css embed, #css02 embed, #css03 embed, #css04 embed{
	margin:0 0 15px;
}
/********* End Css *********/

/********* Begin Contact *********/
#contact {
		width:738px;
	float:right;
	height:1250px;
	padding:0 12px 0 0
}

#map {
	background:url('image/page/contact/map-bg.png') no-repeat;
	width:757px;
	height:205px;
	padding:6px 0 0 4px;
	margin:0 0 20px;
}

#contact ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#contact ul li {
	border-left:4px solid #bf9622;
	width:250px;
	color:#fff;
	margin:0 0 20px;
	padding:0 0 0 10px;
	line-height:20px;
}

#contact ul li a {
	color:#fff;
}

#contact ul li a:hover {
	text-decoration:underline;
}


#contact .form {
	width:361px;
	height:510px;
	background:url('image/page/contact/form-bg.png') no-repeat;
	float:right;
	padding:15px 0 0 20px;
}

#contact .form h4 {
	margin:0 0 35px;
}

#enquiry_form { width:334px; display:inline-block;}
#enquiry_form table tr td { padding:0 0 3px; text-align:left; vertical-align:top;}
.style1 { width:265px; height:22px; border:1px solid #CCC; padding:3px;}
.style2 { width:265px; height:210px; border:1px solid #CCC; padding:3px; overflow:auto;}
#submitBtn { width:109px; height:30px; display:inline-block; background:url(1.png) no-repeat; cursor:pointer; border:none;}
/********* End About *********/

/********* Begin Product *********/
#product {
		width:738px;
	float:right;
	padding:0 12px 0 0
}

#product img {
	float:left;
	margin:0 15px 120px 0;
}

#product02 {
		width:738px;
	float:right;
	padding:0 12px 0 0
}

#product02 ul {
	margin:-10px 0 15px;
	padding:0 0 0 20px;
}

#product02 ul li {
	color:#fff;
	margin:0 0 5px;
}

#product02 img {
	float:left;
	margin:0 15px 10px 0;
}

#product02 h5 {
	color:#ddd1b0;
}

#product-footer {
	clear:both;
	height:200px;
}

#product-footer02 {
	clear:both;
	height:250px;
}
.product-title {
	color:#ddd1b0;
	font-weight:bold;
}

#product03 {
		width:738px;
	float:right;
	padding:0 12px 0 0
}

#product03 ul {
	margin:-10px 0 15px;
	padding:0 0 0 20px;
}

#product03 ul li {
	color:#fff;
	margin:0 0 5px;
}

#product03 h5 {
	color:#ddd1b0;
}

#product-line {
	clear:both;
	border-bottom:1px dotted #fff;
	margin:5px 0 20px;
}

/********* End Product *********/

span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}