/* CSS Document */
 * {
	padding:0px;
	margin:0px;
}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin:0px; padding:0px; background:url(../images/backgroundblack.gif) repeat;}

.normal_white{color:#FFFFFF; font-size:11px;}
.title_white{font-size:18px; font-weight:bold; color:#FFFFFF;}
.title_black{font-size:18px; font-weight:bold; color:#333333;}
.title_black24{font-size:24px; font-weight:bold; color:#003366;}
.title_yellow{font-size:18px; color:#FFCC00;}

.titlegreen_link{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none;}
.titlegreen_link:link{text-decoration:none;}
.titlegreen_link:active{text-decoration:none;}
.titlegreen_link:hover{text-decoration:underline; color:#0099FF;}
.titlegreen_link:visit{text-decoration:none;}

.titleblue_link{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#00CCFF; text-decoration:none;}
.titleblue_link:link{text-decoration:none;}
.titleblue_link:active{text-decoration:none;}
.titleblue_link:hover{text-decoration:underline;}
.titleblue_link:visit{text-decoration:none;}

.bluepoint{color:#00CCFF;}

.topmenu{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; display:inline; text-decoration:none; padding-left:6px; padding-right:6px; font-weight:bold;}
.topmenu:link{text-decoration:none;}
.topmenu:active{text-decoration:none;}
.topmenu:hover{text-decoration:underline; color:#00CCFF;}
.topmenu:visit{text-decoration:none;}

.topmenu_active{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#006699; display:inline; text-decoration:none; padding-left:6px; padding-right:6px; font-weight:bold;}

a:link, a:visited{color:#0282d4; text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:0;}
form{margin:0px;}
p{margin:1.33em 0px; line-height:16px;}

a:link,
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}

/* --- background layout --- */
.bg-top{
	background:#FFFFFF url(../images/bg_top.gif) top repeat-x;
}
.bg-bottom{
	background:url(../images/bg_bot.gif) bottom repeat-x;
}
.bg-left{
	background:url(../images/bg_left.gif) left repeat-y;
}
.bg-right{
	background:url(../images/bg_right.gif) right repeat-y;
}
.bg-tleft{
	background:url(../images/bg_tleft.jpg) 0px 105px no-repeat;
}
.bg-tright{
	background:url(../images/bg_tright.jpg) 100% 104px no-repeat;
}

.bg-topleft{
	background:url(../images/bg_lefttop.jpg) top left no-repeat;
}
.bg-topright{
	background:url(../images/bg_righttop.jpg) top right no-repeat;
}
.bg-botlert{
	background:url(../images/bg_leftbot.jpg) bottom left no-repeat;
}
.bg-botright{
	background:url(../images/bg_rightbot.jpg) bottom right no-repeat;
}

.layout{
	padding:15px;
}

/* --- basic style --- */
#header{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
}
#header .logo{
	width:210px;
	height:79px;
	float:left;
}
#header,
#header a{
	color:#EFEFEF;
	font-size:11px;
}
#header a:hover{
	/*color:#0282d4;
	text-decoration:none;*/
}
#footer{
	width:100%;
	font-size:10px;
	color:#808080;
	border-top:#EBEEEF solid 1px;
	padding-top:12px;
	padding-bottom:4px;
}
#footer .fleft{
	float:left;
	margin-left:11px;
}
#footer .fright{
	float:right;
	margin-right:4px;
}
#footer .fright,
#footer a{
	color:#0282d4;
}
#footer a{
	padding-left:10px;
	padding-right:10px;
}
#footer p{
	margin:0px;
}

/* --- navigation --- */
#nav{
	background:url(../images/bg_nav.gif) bottom repeat-x;
	height:36px;
	padding-right:15px;
}
#nav a{
	float:right;
	display:block;
	height:36px;
	background-position:50% 16px;
	background-repeat:no-repeat;
}
#nav a span{
	display:none;
}
#nav a#aboutus,
#nav a#aboutus-s{
	width:105px;
	background-image:url(../images/b_aboutus.gif);
}
#nav a#portfolio,
#nav a#portfolio-s{
	width:112px;
	background-image:url(../images/b_portfolio.gif);
}
#nav a#services,
#nav a#services-s{
	width:106px;
	background-image:url(../images/b_services.gif);
}
#nav a#request,
#nav a#request-s{
	width:140px;
	background-image:url(../images/b_request.gif);
}
#nav a#contactus,
#nav a#contactus-s{
	width:106px;
	background-image:url(../images/b_contactus.gif);
}
#nav a#aboutus:hover{
	background-image:url(../images/b_aboutus_o.gif);
}
#nav a#portfolio:hover{
	background-image:url(../images/b_portfolio_o.gif);
}
#nav a#services:hover{
	background-image:url(../images/b_services_o.gif);
}
#nav a#request:hover{
	background-image:url(../images/b_request_o.gif);
}
#nav a#contactus:hover{
	background-image:url(../images/b_contactus_o.gif);
}
#nav a.vspace{
	background-image:url(../images/vspace.gif);
	width:1px;
}
.banner{
	height:129px;
}
#nav a#aboutus-s{
	background:url(../images/b_aboutus.jpg) 0px 0px no-repeat;
}
#nav a#portfolio-s{
	background:url(../images/b_portfolio.jpg) 0px 0px no-repeat;
}
#nav a#services-s{
	background:url(../images/b_services.jpg) 0px 0px no-repeat;
}
#nav a#request-s{
	background:url(../images/b_request.jpg) 0px 0px no-repeat;
}
#nav a#contactus-s{
	background:url(../images/b_contactus.jpg) 0px 0px no-repeat;
}	

/* --- content style --- */
.content{
}
.left-side{
	width:173px;
	float:left;
	text-align:center;
	background:#f6f6f6 url(../images/bg_leftmn.gif) bottom right no-repeat;
}
.left-menu{
	width:154px;	
	padding:5px 0px 10px 0px;
	margin:0px auto 0px auto;
}
.left-menu a,
.left-menu a:visited{
	font-size:11px;
	color:#333;
	text-align:left;
	display:block;
	padding:9px 0px;
	padding-left:20px;
	background:url(../images/bullet_mn.gif) 5px 12px no-repeat;
	border-bottom:#e9e9e9 solid 1px;
	
}
.left-menu a.m-end,
.left-menu a:visited.m-end{
	border-bottom:none;
}
.left-menu a:hover,
.left-menu span{
	color:#0282d4;
	text-decoration:none;
}
.right-side{
	width:554px;
	float:right;
	padding-top:10px;
}
.right-side p{
	width:98%;
}
.right-side ul{
	margin-bottom:0px;
	padding-bottom:0px;
}

/* --- testimonials style --- */
.quote{
	color:#606060;
}
.quote p{
	margin-bottom:5px;
	font-size:11px;
}
.quote div.comment{
	font-size:11px;
	font-weight:bold;
	float:right;
	text-align:right;
	margin-right:10px;
	margin-bottom:20px;
}
.q-dash{
	background:url(../images/q_dash.gif) left repeat-x;
	clear:both;
}

/* --- client style --- */
.clents table td{
	vertical-align:top;
}
.clents table th{
	width:32px;
}
.clents table td img{
	border:#E5E8EA solid 1px;
	/*padding:2px;*/
}
.clents table td p{
	width:180px;
	/*color:#A51111;
	font-size:11px;*/
	font-weight:bold;
	margin-bottom:3px;
}

/* --- other style --- */
.title{
	background:url(../images/h-line.gif) right bottom no-repeat;
}
.title table td{
	color:#4095c4;
	font-size:11px;
	background-color:#FFFFFF;
}
.cont p{
	margin:5px 0px;
}
p.heading-s2{
	font-weight:bold;
	margin-top:1.4em;
}

.clear{
	clear:both;
}

.f-small{
	font-size:11px;
}

.back-top{
	float:right; 
	margin-top:12px;
	font-size:11px;
	margin-right:10px;
}

.back-top a{
	background-color:#f6f6f6;
	padding:1px 5px;
}

.back-top a:hover{
	background-color:transparent;
	text-decoration:none;
}
.page-buttons a{
	margin-left:25px;
	padding-left:10px;
	background:url(../images/bullet.gif) 0px 5px no-repeat;
}

/* --- process status --- */
.process{
	background: url(../images/process.png) no-repeat;
	width:490px;
	height:55px;
	margin-bottom:25px;
	padding-left:23px;
}
.process a{
	float:left;
	display:block;
	height:55px;
	background-position:0px 18px;
	background-repeat:no-repeat;
}
.process a.phase1{
	width:51px;
	background-image:url(../images/process01.gif);
}
.process a.phase2{
	width:87px;
}
.process a.phase3{
	width:94px;
}
.process a.phase4{
	width:99px;
}
.process a.phase5{
	width:110px;
}
.process a.n2{
	width:87px;
	background-image:url(../images/process02.gif);
}
.process a.n3{
	width:94px;
	background-image:url(../images/process03.gif);
}
.process a.n4{
	width:99px;
	background-image:url(../images/process04.gif);
}
.process a.n5{
	width:113px;
	background-image:url(../images/process05.gif);
}
.process a.se{
	background: url(../images/process_se.gif) top repeat-x;
}

#table-v table td,
#table-v table th{
	vertical-align:top;
	padding:4px 0px;
}
#table-v table th{
	background-color:#D4D4D4;
}
#table-v table td{
	background-color:#EAEAEA;
	padding-left:12px;
	padding-right:3px;
}
#table-v table td.no{
	text-align:center;
	padding-left:0px;
	padding-right:0px;
}
#client-outsorce dl{
	clear:both;
	margin:3px 0px;
	margin-left:10px;
	padding:0xp;
}
#client-outsorce dd{
	float:left;
	width:22%;
	color:#0282d4;
	font-size:11px;
	margin:0px;
}

/* --- site map --- */
.site-map{
	float:left;
	width:auto;
	margin:0px 15px;
}
*html .site-map{
	margin:0px 12px;
}
.site-map ul{
	list-style-type:none;
	list-style-image:none;
	margin:0px;
	padding:0px;
}
.site-map ul ul{
	margin-left:20px;
	margin-top:3px;
	width:180px;
}
.site-map li{
	padding:3px 0px;
}
.site-map li a:link,
.site-map li a:visited{
	color:#464646;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	padding-left:7px;
	padding-right:7px;
	background-color:#D6EBF8;
	display:block;
}
.site-map li a:hover{
	background:url(../images/sbullet.gif) 0px 6px no-repeat;/*5px*/
}
.site-map li li a:link,
.site-map li li a:visited{
	font-size:11px;
	background-color:transparent;
}
.site-map li li li{
	background:url(../images/sdot.gif) left bottom repeat-x;
}
.site-map li li li a:link,
.site-map li li li a:visited{
	font-weight:normal;
	background-color:transparent;
}

/* --- portfolio --- */
#portfolio{
	font-size:11px;
}

#portfolio p{
	margin:0px;
}

#portfolio img{
	height:169px;
	margin-bottom:15px;
}

#portfolio div.left{
	float:left;
}

#portfolio div.right{
	float:right;
	margin-right:15px;
}

#portfolio div.left,
#portfolio div.right{
	margin-bottom:40px;
}

#portfolio p,
#portfolio img
#portfolio.left,
#portfolio.right{
	width:248px;
}
ul{
	margin-left:25px;
}
ol{
	margin-left:25px;
}

.customer {
	list-style-type:none;
	float:left;
	margin:2px;
}
.customer li{
	padding: 2px;
	margin:2px;
}
.customer li img{
	border: 1px solid #ccc;
	padding: 1px;
	margin:2px;
	display:block;
}


.fade{
	margin-bottom: 0em;
}

.fade p{
	margin-bottom: 0em;
	text-align: center;
	width: 100%;
	background: #fff;
}