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

body {
	background-color: #000;
	margin: 0;
}

.floatleft {float:left !important}
.floatright {float:right !important}
.clear {clear:both !important}
.bold {font-weight:bold !important}
img{ border:none; }


#main {
	width:919px;
	margin:0 auto;
	}
	
#page {
	width:851px;
	margin:0 auto;
	padding:0 0 25px;
}

/* navigation */
#nav {
	width:600px;
	overflow:hidden;
	margin:20px auto 10px auto;
	height:45px;
	}
#nav ul{
	margin:0 auto;
	padding:0 0 0 2px;
	overflow:hidden;
	height:45px;
	list-style:none;
	font:18px Arial, Helvetica, Verdana, sans-serif;
}
#nav ul li{
	float:left;
	overflow:hidden;
}
#nav ul a{
	float:left;
	color:#fff;
	text-decoration:none;
	font:Arial, Helvetica, sans-serif;
	margin:0px 5px;
	padding:15px 20px;
}
#nav ul a:hover,
#nav a.active{
	background:url(../images/bg-hover.gif) no-repeat center;
}

/* content area */
.body{
	width:100%;
	overflow:hidden;
	background:url(../images/body-bkg.jpg) no-repeat;
	margin:25px 0 0;
	font:14px Arial, Helvetica, sans-serif;
	color: #646363;
	line-height:18px;
}
.body h1{
	font:24px Arial, Helvetica, sans-serif; 
	color: #ff9400;
	margin:0;
}
.body h2{
	font:18px Arial, Helvetica, sans-serif; 
	color: #666666;
	margin:0;
	
}
.gdb{
	float:left;
	width:163px;
	height:182px;
	margin: 39px 0 0 0;
	padding: 0 0 0 42px;
}

.wdb{
	float:left;
	width:163px;
	height:182px;
	margin: 39px 0 0 37px;
}
.prb{
	float:left;
	width:163px;
	height:182px;
	margin: 39px 0 0 37px;
}
.mkb{
	float:left;
	width:163px;
	height:182px;
	margin: 39px 0 0 37px;
}
.body-ser{
	width:100%;
	height:429px;
	overflow:hidden;
	background:url(../images/body-bkg-serv.png) no-repeat;
	margin:25px 0 0;
	font:14px Arial, Helvetica, sans-serif;
	color: #646363;
	line-height:18px;
}
.body-ser h1{
	font:24px Arial, Helvetica, sans-serif; 
	color: #ff9400;
	margin:0;
}
.ser-content{
	float:left;
	width:300px;
	height:182px;
	overflow:hidden;
	font:14px Arial, Helvetica, sans-serif;
	color: #646363;
	line-height:18px;
	padding: 0 0 0 42px;
	margin: 28px 0 0 0;

}
.ser-content a{
	color:#ff9400;
	text-decoration:none;
}
.ser-content a:hover{
	text-decoration:underline;
}

.gdb-ser{
	float:left;
	width:163px;
	height:140px;
	margin: 35px 0 0 0;
	padding: 0 0 0 42px;
	overflow:hidden;
}

.wdb-ser{
	float:left;
	width:163px;
	height:140px;
	margin: 35px 0 0 37px;
	overflow:hidden;
}
.prb-ser{
	float:left;
	width:163px;
	height:140px;
	margin: 35px 0 0 37px;
	overflow:hidden;
}
.mkb-ser{
	float:left;
	width:163px;
	height:140px;
	margin: 35px 0 0 37px;
	overflow:hidden;
}
.gdb-ser-bottom{
	float:left;
	width:163px;
	height:182px;
	margin: 28px 0 0 0;
	padding: 0 0 0 0;
}

.wdb-ser-bottom{
	float:left;
	width:163px;
	height:182px;
	margin: 28px 0 0 37px;
}
.prb-ser-bottom{
	float:left;
	width:163px;
	height:182px;
	margin: 28px 0 0 37px;
}
.mkb-ser-bottom{
	float:left;
	width:163px;
	height:182px;
	margin: 28px 0 0 37px;
}
.content{
	width:764px;
	float:left;
	margin:0;
	padding:0 0 0 42px;
}
.dotted-line{
	float:left;
	width:736px;
	height:20px;
	margin: 0 0 0 42px;
	padding: 0;

	
}
	
.content-bottom{
	width:100%;
	height:108px;
	float:left;
	margin:0;
	padding:0 0 0 42px;
	background:url(../images/body-bkg-bottom.jpg) no-repeat;
	}
.text{
	float:left;
	width:652px;
	height:34px;
	margin: 0;
	padding:5px 0 0 0;
	font-weight:bold;
}
.details{
	width:103px;
	height:34px;
	float:left;
	margin:0;
}
/* content sub page ---------------------------------------------------*/
.left-content{
	float:left;
	width:546px;
	overflow:hidden;
	margin:0;
	padding:24px 0 0 24px;
	font:14px Arial, Helvetica, sans-serif;
	color: #646363;
	line-height:18px;
}
.left-content h1{
	font:24px Arial, Helvetica, sans-serif; 
	color: #ff9400;
	margin:0;
	font-weight:bold;
}

.dotted-line-sub{
	float:left;
	width:546px;
	height:20px;
	margin: 0;
	padding: 0;

	
}
.right-content{
	float:left;
	width:240px;
	overflow:hidden;
	margin:0;
	padding:24px 0 0 20px;
	font:14px Arial, Helvetica, sans-serif;
	color: #646363;
	line-height:18px;
	clear:right;
}
.right-menu{
	float:right;
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
	font:14px Arial, Helvetica, sans-serif;
	color: #646363;
	line-height:18px;
	background:url(../images/menu-bkg.png) no-repeat;
}
.right-menu h1{
	font:24px Arial, Helvetica, sans-serif;
	height:28px;
	color: #ff9400;
	text-align:center;
	margin:30px 0 5px 0;
}

#right-nav {
	width:182px;
	overflow:hidden;
	margin:0 0 0 25px;
	height:258px;
	}
#right-nav ul{
	margin:0;
	padding:0 0 0 2px;
	overflow:hidden;
	list-style:none;
	font:18px Arial, Helvetica, Verdana, sans-serif;
	text-align:center;
	line-height:38px;
}
#right-nav ul li{
	
}
#right-nav ul a{
	color:#666666;
	text-decoration:none;
	font:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
#right-nav ul a:hover{
	color: #ff9400;
}
#right-signup {
	width:189px;
	overflow:hidden;
	margin:0 0 0 25px;
	height:206px;
	background:url(../images/signup.jpg) no-repeat;
}
#right-signup h2{
	font:14px Arial, Helvetica, sans-serif;
	height:18px;
	color: #666666;
	text-align:center;
	margin:20px 0 5px 0;
}
.form{
	width:189px;
	overflow:hidden;
	margin:18px 0 0 15px;
	
	
}
.txt{
	display:block;
	width:158px;
	height:29px;
	overflow:hidden;
	background:url(../images/bg-txt.png);
	margin:11px 0 0 0;
}
.txt input{
	width:150px;
	height:18px;
	padding:7px 5px 0px 5px;
	border:none;
	background:none;
	text-align:center;
	font:12px Arial, Helvetica, sans-serif;
	color:#737272;
}
.area{
	display:block;
	width:199px;
	height:94px;
	overflow:hidden;
	background:url(../images/bg-area.png);
	margin:10px 0 0;
}
.area textarea{
	width:181px;
	height:90px;
	padding:3px 9px 0;
	border:none;
	background:none;
	font:12px Arial, Helvetica, sans-serif;
	color:#737272;
}

.submit {
	float:left;
	clear:both;
	height:34px;
	width:103px;
	border:none;
	margin:9px 29px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/signup-btn.jpg);
}
.submit:hover{
	background-position:0 -34px;
}
	
/* footer=------------------------------------------------------------- */
.footer{
	float:left;
	width:100%;
	overflow:hidden;
	margin:0;
	color: #fff;
	line-height:18px;
	background:
}
.footer h1{
	font:18px Arial, Helvetica, sans-serif;
	height:28px;
	font-weight:bold;
	color: #cac9c9;
	background: url(../images/grey-line.gif) no-repeat;
	background-position:0 25px;
	
}

#bottom-nav {
	width:150px;
	overflow:hidden;
	margin:0;
	height:100px;
	}
#bottom-nav ul{
	margin:0;
	padding:0 0 0 2px;
	overflow:hidden;
	list-style:none;
	font:14px Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
}
#bottom-nav ul li{
	
}
#bottom-nav ul a{
	color:#b38e0f;
	text-decoration:none;
	font:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
#bottom-nav ul a:hover{
	text-decoration:underline;
}
.navigate{
	float:left;
	width:134px;
	height:190px;
	margin:0;
	padding:40px 0 0 0;
	
}
.about{
	float:left;
	width:134px;
	height:190px;
	margin:0 0 0 35px;
	padding:40px 0 0 0;
	
}
.services{
	float:left;
	width:134px;
	height:190px;
	margin:0 0 0 35px;
	padding:40px 0 0 0;
	
}
.work{
	float:left;
	width:134px;
	height:190px;
	margin:0 0 0 35px;
	padding:40px 0 0 0;
	
}
.contact{
	float:left;
	width:150px;
	height:190px;
	margin:0 0 0 35px;
	padding:40px 0 0 0;
	
}
.copyright-content{
	float:left;
	width:100%;
	height:41px;
	margin: 0;
	padding:17px 0 0 0;
	background:url(../images/copyright-bkg.jpg) repeat-x;

}

.copyright{
	float:right;
	width:259px;
	height:34px;
	margin: 0 200px 0 0;
	padding:5px 0 0 0;
	text-align:right;
	font:14px Arial, Helvetica, sans-serif;


}

.footer-logo{
	width:205px;
	height:35px;
	float:right;
	margin:0;
}
/* footer contact us----------------------------------------------------------- */

.footer-contactus-content{
	float:left;
	width:100%;
	height:473px;
	margin: 0;
	padding:27px 0 0 0;
}
.footer-contactus-content h3{
	font:24px Arial, Helvetica, sans-serif; 
	color: #ff9400;
	margin:0;
}
.footer-contactus-left{
	float:left;
	width:436px;
	height:273px;
	margin: 0;
	padding:0;
}
.footer-contactus-right{
	float:left;
	width:378px;
	height:273px;
	margin: 0 0 0 34px;
	padding:0;
}
.footer-contactus-right-content{
	width:314px;
	height:231px;
	margin:22px 0 0 0;
	padding:21px;
	background:url(../images/raq-bkg.jpg) no-repeat;
	font:14px Arial, Helvetica, sans-serif;
	color: fff;
}
.footer-contactus-right-content a{
	color:#ff9400;
	text-decoration:none;
}
.footer-contactus-right-content a:hover{
	text-decoration:underline;
	}

.footer-contactus-form{
	width:436px;
	height:195px;
	overflow:hidden;
	margin:22px 0 0 0;
	background: url(../images/contact-bottom-bkg.jpg) no-repeat;
	
	
}
.footer-contactus-form-left{
	float:left;
	width:158px;
	height:165px;
	overflow:hidden;
	margin:0;
}
.footer-contactus-form-right{
	float:left;
	width:257px;
	height:195px;
	overflow:hidden;
	margin:0 0 0 21px;
}

.fctxt{
	display:block;
	width:155px;
	height:33px;
	overflow:hidden;
	margin:0px 0 15px 0;
}
.fctxt input{
	width:150px;
	height:33px;
	padding:10px 5px 0px 5px;
	border:none;
	background:none;
	text-align:center;
	font:12px Arial, Helvetica, sans-serif;
	color:#737272;
}
.fcarea{
	display:block;
	width:255px;
	height:109px;
	overflow:hidden;
	margin:10px 0 0;
}
.fcarea textarea{
	width:247px;
	height:109px;
	padding:3px 9px 0;
	border:none;
	background:none;
	font:12px Arial, Helvetica, sans-serif;
	color:#737272;
}

.fcsubmit {
	float:right;
	clear:both;
	height:51px;
	width:103px;
	border:none;
	margin:26px 0;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/submit-fc-btn.jpg);
}
.fcsubmit:hover{
	background-position:0 -51px;
}


/* footer sub----------------------------------------------------------- */

.footer-sub{
	float:left;
	width:100%;
	overflow:hidden;
	margin:0;
	color: #fff;
	padding:60px 0 0 0;
	line-height:18px;
	background: url(../images/footer-bkg.jpg) repeat-x;
	background-color:#000;
}
.footer-sub h1{
	font:18px Arial, Helvetica, sans-serif;
	height:28px;
	font-weight:bold;
	color: #cac9c9;
	background: url(../images/grey-line.gif) no-repeat;
	background-position:0 25px;
	
}
.footer-box {
	width:851px;
	margin:0 auto;
	padding:0 0 25px;
}