@charset "utf-8";
/* CSS Document */
body {
	background:#F3F4F4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;	
}

* {
	padding:0;
	margin:0;
}

img {
	border:none;
}

.clr {
	clear:both;
}

#container {
	width:960px;
	margin:0 auto;
}
#header {
	/*height:190px;*/
	height:152px;
	position:relative;
	width:960px;
}

#header #logo{
	float:left;
	width:168px;
	/*margin:25px 0 0 37px;*/
	margin:0px 0 0 37px;
}

#header #logo-heading{
	float:left;
	width:427px;
	/*margin:63px 0 0 156px;*/
	margin:34px 0 0 78px;
}
#header #topLink-area {
	position:absolute;
	right:-4px;
	top:0;
	background:url(../images/top-link-bg.gif) no-repeat left top;
	height:28px;
	color:#fff;
	padding:2px 2px 2px 4px;
	line-height:20px;
}
#header #topLink-area a {
	text-decoration:none;
	color:#fff;
	padding:5px 3px 0;
}
#topNav {
	height:40px;
}
#topNav #left{
	background:url(../images/nav-left.jpg) no-repeat left top;
	height:40px;
}
#topNav #mid{
	background:url(../images/nav-mid.gif) repeat-x left top;
	height:40px;

}
#topNav #right{
	background:url(../images/nav-right.jpg) no-repeat right top;
	height:40px;
}
#topNav #inner{
	padding:0 0 0 40px ;
	font-size:14px;

 }
#topNav #inner a{
	 background:url(../images/seprator.gif) no-repeat left top;
	 line-height:20px;
	 padding:10px 15px;
	 text-decoration:none;
	 color:#fff;
	 float:left;

 }
#topNav #inner a.last{
	 background:url(../images/seprator.gif) no-repeat right top;
	 line-height:20px;
	 padding:10px 15px;
	 text-decoration:none;
	 color:#fff;
	 float:left;

 }
#topNav #inner a:hover,
#topNav #inner a.selected{
	 background:#45C9E9;
	 text-decoration:none;
	 color:#422C2C;
}
#topNav #customerService {
	height:40px;
	float:left;
	font-size:14px;
	line-height:40px;
	padding:0 0 0 15px;
}

#topNav #customerService span{
	font-weight:bold;
}
#bannerArea {
	background:url(../images/banner-bg.gif) no-repeat left top;
	height:250px;
	/*margin-top:9px;*/
}
#bannerArea .banner {
	float:left;
	width:482px;
	margin:15px 25px 0 40px;
}
#bannerArea .info {
	float:left;
	width:370px;
	padding-top:10px;
	position:relative;
	height:250px;
}
#bannerArea .info p{
	line-height:22px;
	text-align:justify;
	padding-bottom:10px;
}
#bannerArea .info .clickBtn {
	position:absolute;
	bottom:20px;
	right:236px;
}
#productInfo {
background:url(../images/product-bg.gif) repeat-x left top;
height:71px;
padding-top:8px; 
}
#productInfo ul{
list-style:none;
padding-left:40px
}
#productInfo ul li{
	float:left;
	padding-right:25px;
}

#mainContent {
	padding:0 20px;
	color:#656565;
}
#leftCol {
	float:left;
	width:680px;
	border-right:1px solid #00A3BA;
	margin-top:30px;
}
#leftCol ul{
	padding-left:55px;
	line-height:20px;
}
#leftCol h1 {
	font-size:16px;
	font-weight:bold;
	color:#F15A22;
	padding:0 0 20px 0;
	padding-bottom: 0px;
}
#leftCol h2 {
	font-size:12px;
	font-weight:bold;
	color:#00A3BA;
	padding-bottom:5px;
}
#leftCol p {
	line-height:20px;
	padding:0 20px 15px 0;
	text-align:justify;
}
#rightCol {
	float:left;
	width:220px;
	position:relative;
	padding:30px 0 0 2px;

}
#rightCol h2{
	background:url(../images/service-heading-bg.gif) no-repeat left top;
	height:68px;
	font-size:18px;
	font-weight:normal;
	color:#00A3BA;
	position:absolute;
	top:36px;
	left:-19px;
	padding-left:85px;
	padding-top:23px;
	width:228px;
}
#rightCol h2 span{
	font-size:12px;
	color:#656565
}
#rightCol ul {
	list-style:none;
	padding:0px 0 0 10px;
	margin-top:90px;
}
#rightCol ul li{
	background:url(../images/bullets.gif) no-repeat left 4px;
	padding:0 0 10px 18px;
}
#rightCol ul li a{
	text-decoration:none;
	color:#656565
}
#rightCol ul li a:hover{
	text-decoration:underline;
	color:#F15A22;
}
#serviceArea {
	padding-top:10px;
	padding-bottom:10px;
}
#serviceArea .serveBox{
	float:left;
	width:230px;
	margin-right:10px;
}
#serviceArea .serveBox .boxTop{
	background:url(../images/box-top-bg.gif) no-repeat left top;
}
#serviceArea .serveBox .boxBottom{
	background:#fff url(../images/box-bottom-bg.gif) no-repeat left bottom;
	height:341px;
	
}
#serviceArea .serveBox h2{
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	line-height:38px;
}
#serviceArea .serveBox .imgBox {
	border:1px solid #949494;
	height:103px;
	width:159px;
	margin:20px auto;

}
#serviceArea .serveBox .imgBox img{
 margin:auto;
 width:159px;
 height:103px;
}
#serviceArea .serveBox ul {
	list-style:none;
	padding:0 0 10px 15px;
}
#serviceArea .serveBox ul li{
	background:url(../images/bullets.gif) no-repeat left 4px;
	padding:0 0 10px 18px;
}
#serviceArea .serveBox ul li a{
	text-decoration:none;
	color:#656565
}
#serviceArea .serveBox  ul li a:hover{
	text-decoration:underline;
	color:#F15A22;
}



#footer {
	height:40px;
	color:#464646;
	margin:5px 0 15px;
}
#footer #left1{
	background:url(../images/footer-left.jpg) no-repeat left top;
	height:40px;
}
#footer #mid1{
	background:url(../images/footer-mid.jpg) repeat-x left top;
	height:40px;

}
#footer #right1{
	background:url(../images/footer-right.jpg) no-repeat right top;
	height:40px;
}
#footer #inner1{
	padding:15px 20px ;
	font-size:12px;
 }
#footer #inner1 #copyRight{
	float:left;
	width:488px;
 }
#footer #inner1 #links{
	float:right;
	width:342px;
 } 
#footer #inner1 a{
	  padding:0 5px;
	 text-decoration:none;
	 color:#464646;
 }

#footer #inner1 a:hover{
	 text-decoration:underline;
	 color:#422C2C;
}
<!-- Css For Services Page --->
#leftCol #Service h1{
	Padding:0px;
	
	}
#leftCol #Service h3{
	font-size:12px;
	font-weight:bold;
	color:#F15A22;
	padding:5px 0;
	padding-bottom: 4px;
}

#leftCol #Service ul{
list-style:none;
padding-left:80px;
}
#leftCol #Service ul li{
	background:url(../images/bullets.gif) no-repeat 20px; 4px;
	padding:0 0 3px 40px;
}
#leftCol #Service ul li a{
	text-decoration:none;
	color:#656565
}
#leftCol #Service ul li a:hover{
	text-decoration:underline;
	color:#F15A22;
}
/*************************** PortFolio **********************/
#leftCol #PortFolio {

	width:650px;
	height:200px;
	margin:10px 10px 0 0;
	}
#leftCol #PortFolio #image
	{
	float:left;
	border:1px solid #949494;
	height:150px;
	width:150px;
	}
	#leftCol #PortFolio #Content
	{
	float:left;
	line-height:20px;
	padding:10px; 20px 15px 0;
	text-align:justify;
	width:460px;
	min-height:150px;
	_height:150px;
	}
	#leftCol #PortFolio #seprator
	{
	border-bottom: 1px solid;
	border-bottom-color:#CCCCCC;
	padding-top:151px;
	
	}