/* CSS Document */
body * {outline:none;}
body {font-family: "Trebuchet MS";	font-size:12px;	color:#616161; margin:0; padding:0;	background:url(../images/top-back.jpg) top left repeat-x;}
.Clear {font-size:0; padding:0; margin:0; line-height:0; height:0; clear:both;}
h1, h2, h3, h4, h5, h6, a, span, p, form, img {	margin:0; padding:0;}
a {	color:#000;	outline:none; text-decoration:none;}
img {border:0;}

/************************** Warpper CSS Start Here **************************************/
#Wrapper {width:1000px;	margin:0 auto;	padding:0;}
.fleft{float:left;}
.fright{float: right}
.spacer{padding:0px 0px 0px 80px;}

/************************** HEADER CSS START HERE **************************************/
#menu{font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:86px; font-weight:bold;}
#menu ul{margin:0px; padding:0px;}
#menu ul li {list-style-type:none; background:url(../images/line.jpg) 0px 5px no-repeat; display: block; float:left;}
#menu a{color:#8B8B8B; text-decoration:none; padding:0px 15px 0px 15px;}
#menu a:hover {color:#ffffff; text-decoration:none; padding:0px 15px 0px 15px; background:url(../images/top-hover.jpg) repeat-x; display: block;}
#menu .active {color:#00598E; text-decoration:none; padding:0px 15px 0px 15px; background:url(../images/top-hover.jpg) repeat-x;display: block;}

/************************** Logo Part Start Here **************************************/
.top-menu{width:980px; margin:0px auto;}
.place {position:relative;}
.logo{display:block; position:absolute; top:19px; width:197px; height:63px; background:url(../images/logo.jpg) no-repeat scroll 0 0; text-indent:-9000px;left:30px;}
.top-right{width:630px; float:right; padding:15px 0px 20px 0px;}
.online-help{font-weight:bold; font-size:13px; }
.online-help img{vertical-align:middle; margin:0px 4px;}


.black bold_11{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000; text-decoration:none;}




/************************** Top Navigation Start Here **************************************/
#TopNavigation {font-family: Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; font-weight:bold; width:625px; background: url(../images/top-menu-back.jpg) no-repeat; float:right;}
#TopNavigation ul {	margin:0; padding:0;}
#TopNavigation ul li {list-style:none; 	float:left;	background:url(../images/devider.jpg) no-repeat top right; line-height:34px;}
#TopNavigation ul li.last {background:none;}	
#TopNavigation ul li a {margin:0px; padding:0; list-style:none; color:#ffffff; text-decoration:none; height:34px;}
#TopNavigation ul li a span {margin:0; 	padding:0 15px; list-style:none; float:left; width:auto; color:#606060;	text-decoration:none; text-align:center;}
#TopNavigation ul li a.sitemap {text-align:center; 	color:#ffffff;	text-decoration:none; height:34px;	width:79px;	font-weight:bold;}
#TopNavigation ul li a.sitemap:hover, #TopNavigation ul li a.sitemap-active, #TopNavigation ul li a.sitemap-active:hover {width:79px;	list-style:none; 
float:left;	color:#FFFFFF;	font-weight:bold; text-decoration:none;	text-align:center;	height:34px; cursor:pointer; background:url(../images/sitemap-hover.jpg) no-repeat 0 0;}
#TopNavigation ul li a.home {text-align:center; color:#ffffff;	text-decoration:none; height:34px; width:61px;	font-weight:bold;}
#TopNavigation ul li a.home:hover, #TopNavigation ul li a.home-active, #TopNavigation ul li a.home-active:hover {width:61px; list-style:none; float:left; color:#FFFFFF;
font-weight:bold; text-decoration:none;	text-align:center; height:34px; cursor:pointer;	background:url(../images/home.jpg) no-repeat 0 0;}
#TopNavigation ul li a:hover span { padding:0 15px;	color:#FFFFFF;	text-decoration:none;	height:34px; background:url(../images/nav-right-corner.gif) no-repeat top right; cursor:pointer;}
#TopNavigation ul li a:hover{float:left; color:#FFFFFF;	text-decoration:none; height:34px; background:url(../images/blue-back.jpg) no-repeat 0 0; cursor:pointer;}
#TopNavigation ul li a.active {	list-style:none; float:left; width:auto; color:#FFF; text-decoration:none;	height:34px;background:url(../images/blue-back.jpg) no-repeat 0 0;}
#TopNavigation ul li a.active span {padding:0 15px;	float:left;	width:auto;	color:#FFF;	text-decoration:none; height:34px; background:url(../images/blue-back.jpg) no-repeat top right;
}
/************************** Container Part Start  **************************************/
#container{width:980px; margin:0px auto;}
#container-left{width:685px; float:left;}
.content-bg{background:url(../images/content-bg.jpg) no-repeat;}
.content-bg h1{font-family:"Trebuchet MS"; font-size:20px; color:#0074AA; line-height:25px; padding:27px 0px 0px 180px; font-weight:normal; text-transform:capitalize;}
.content-bg .content{font-family:"Trebuchet MS"; font-size:13px; color:#616161; width:636px; margin:32px auto; line-height:18px;}
.service ul{margin:0px; padding:0px; width:685px;}
.service ul li{margin:0px 15px 20px 15px; #margin:0px 10px 0px 10px; #padding:0px 0px 20px 0px; float:left; list-style-type:none;}
.develope{width:310px; display:block; height:107px; background:url(../images/develope.jpg) no-repeat; text-decoration:none; cursor:hand;}
.develope:hover{width:310px; display:block; height:107px; background:url(../images/develope.jpg) 0 -107px no-repeat; text-decoration:none; cursor:hand;}
.design{width:310px; display:block; height:107px; background:url(../images/design-box.jpg) no-repeat; text-decoration:none; cursor:hand;}
.design:hover{width:310px; display:block; height:107px; background:url(../images/design-box.jpg) 0 -107px no-repeat; text-decoration:none; cursor:hand;}
.seo{width:310px; display:block; height:107px; background:url(../images/seo-box.jpg) no-repeat; text-decoration:none; cursor:hand;}
.seo:hover{width:310px; display:block; height:107px; background:url(../images/seo-box.jpg) 0 -107px no-repeat; text-decoration:none; cursor:hand;}
.network{width:310px; display:block; height:107px; background:url(../images/net-box.jpg) no-repeat; text-decoration:none; cursor:hand;}
.network:hover{width:310px; display:block; height:107px; background:url(../images/net-box.jpg) 0 -107px no-repeat; text-decoration:none; cursor:hand;}
.box-content {width:280px; margin:0px auto;}
.box-content h2{font-family:Arial, Helvetica, sans-serif;font-size:16px; color:#616161; line-height:20px; padding:17px 0px 0px 45px; font-weight:bold;text-transform:capitalize; text-align:left;}
.box-content p{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#616161; line-height:18px; text-align:left; padding:14px 0px 5px 10px; #padding:14px 0px 2px 10px; }
.box-content a.more {color:#B0B0B0; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;}
.slider-box{width:685px;}

/************************** Right Part Start  **************************************/
#container-right{width:273px;float:right;}
.box-1{width:273px; padding:0px 0px 20px 0px;}
.latest-project{ background:url(../images/box-back.jpg) no-repeat; width:273px; height:43px; color:#FFFFFF; text-indent:20px; line-height:35px; font-size:20px; }
.latest-back{background:#EFEFEF; text-align:center; padding:12px 0px 8px 0px; }
.box-2{width:273px; padding:0px 0px 20px 0px;}
.testimonals{background:url(../images/testi-back.jpg) no-repeat; width:273px; height:42px; color:#FFFFFF; text-indent:20px; line-height:35px; font-size:20px;}
.test-back{background:url(../images/test-back.jpg) no-repeat; text-align:left; padding:12px 15px 0px 15px; height:150px; font-size:13px; text-indent:35px;}
.test-back P {text-align:left; color:#000099; margin:0px; padding:8px 0px 0px 0px; text-indent:0px;}
.help{ background:url(../images/call.jpg) no-repeat; height:124px; width:274px; }
.help h2{ font-size:20px; margin:0px; padding:10px 0px 10px 10px; font-family:"Trebuchet MS"; color:#FFFFFF; font-weight:normal;}
.help span{margin:0px 10px 0px 10px; padding:0px; #margin:0px 5px 0px 5px; }
.help p{ padding:5px 0px 0px 10px; color: #FFFFFF;  font-size:14px; }

/************************** Footer Part Start  **************************************/
.blue-strip {width:1000px;	margin:0 auto;}
#Footer h4, .blue-strip h4 {color:#656565; font-size:12px; margin:0; font-family:Arial, Helvetica, sans-serif;}
.blue-strip h4 {padding:8px 0 0 14px;	color:#FFFFFF;	text-transform:uppercase; font-size:13px;}
.FooterblueStrip {width:100%; background:url(../images/browse-top.jpg) repeat-x; height:35px;}
.Footer {background:url(../images/footer-back.jpg) repeat-x;	width:100%;	padding-bottom:2px;	overflow:hidden;}
#Footer {width:1000px;	margin: 0 auto;	font-size:11px;	color:#D3D3D3;	padding:0;}
.Footer-heading {width:1000px;	height:30px;	border-bottom:1px solid #BDBDBD;}
.Footer-heading h4 {line-height:29px;	float:left;	width:213px;	padding-left:35px;}
.Footeblock {width:1000px;}
.Footeblock .Footer-box {width:217px; padding-left:29px; border-left:1px solid #ffffff;	border-right:1px solid #BDBDBD;	min-height:168px; height:auto !important;	height:168px; float:left;}
.Footeblock .first {border-left:0;}
.Footeblock .last {	border-right:0;}
.Footeblock .Footer-box ul {list-style-type:none; padding:10px 0 0 0; margin:0;}
.Footeblock .Footer-box ul li {background:url(../images/mini-arrow.gif) no-repeat 0 8px; margin:0;	padding:0 0 5px 10px;	line-height:20px;}
.Footeblock .Footer-box ul li a, .Footer-bot-strip a {	color:#797979; font-family:Arial, Helvetica, sans-serif;	text-decoration:none;}
.Footeblock .Footer-box ul li a:hover, .Footer-bot-strip a:hover {color:#000000;	text-decoration:none;}
.Footeblock .Footer-box span img {margin:10px 2px;}
.Footer-strip {	width:100%;	background:#909090;	height:28px;}
.Footer-bot-strip {	width:1000px; height:28px;	margin:0px auto;}
.Footer-bot-strip p {margin:0;	padding:4px 0 0 0;	color: #FFFFFF;	font-size:11px;	line-height:24px;}
.Footer-bot-strip p a {font-weight:bold;	color:#242424;}
.Footer-bot-strip p a:hover{font-weight:bold;	color:#ffffff;}
.fright {float:right;}





