body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0; padding:0;}

html, body {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; text-align:center; background:url(/images/mainback.jpg) no-repeat center top #24506a;}

/* PARAGRAPH STYLES */

H1, H2, H3, H4, H5 {font-size:100%;	font-weight:normal;}
H2 {}
H3 { font-size:13px; font-weight:bold; color:#00629c; margin:0 0 2px 0;}

H4 { background-color:#d8d8d8; font-size:12px; color:#000; padding:5px 12px;}

#TemplateView img { border:solid 4px #333333; padding:5px;}

#portfolioSlide{
	overflow:hidden;
	width:722px; 
	height:345px;
	background-color:white;
	position:relative;
	float:left;
}
#portfolioSlide2{
	overflow:hidden;
	width:270px; 
	height:226px;
	background-color:white;
	position:relative;
	float:left;
}
#Portfoliothumb2 img{
	width:265px;
	height:221px;
	border: 1px solid #333333;
	padding:1px;
}
.section{
	width:5000px;
	position:relative;
}

.Portfolio { 		position:relative;
	float:left;
		 background-image: url(/images/portfolio-bg.jpg); width:722px; height:345px; background-repeat:no-repeat; }
		 
.Portfolio img {width:265px; padding-left:65px; padding-top:53px; }
.PortfolioSlideImage img {
	overflow: hidden;
	width:150px;
	height:150px;
	border: 2px solid #333333;
	padding:2px;
	margin:2px;
} 
.PortfolioSlideImage2 img {
	overflow: hidden;
	width:50px;
	height:50px;
	border: 1px solid #333333;
	padding:1px;
} 
.Portfoliothumb { overflow: hidden;  height:264px; }
.PortfolioDesc { width:300px; height:250; padding-right:40px; padding-top:50px; float:right; color:#FFFFFF;}
.PortfolioLink { float:left; background-image: url(/images/por-view-site.jpg); background-repeat:no-repeat; overflow:visible; width:147px; height:34px; margin-top:15px; margin-left:48px; }
.PortfolioLink a{  display:block; width:147px; height:34px; text-indent:-9999px;}
.PortfolioURL {
	float:right;
	padding-right:20;
	font-family:"Times New Roman", Times, serif;
	font-size:28px;
	font-style:italic;
	font-weight:bold;
	color:#333333;
	padding-top:15px;
	padding-right:35px;
	text-transform: uppercase;
}

.imageBorder {
	border: 3px solid #C90106;
	padding:3px;
} 
#rightContent {float:right; width:167px;}
 #Image {border:1px solid #000; padding:5px;}	
	.greybx1 {background-color:#f3f4f4; padding:6px 8px;}
		.greybx1 a{ color:#4a7cb9; font-weight:bold;}
		.mrgimg {margin:8px 0;}
	.gryline {border-bottom:1px solid #ededed; padding:0px 0 0 0; margin:0 0 8px 0;}
	.greybx2 {background-color:#ededed; padding:6px 8px; text-align:center;}
	.greybx2 img{ margin:5px 0;}
	.text { padding:10px; font-size:12px;}
/* Tables */
.tableheader-a		{
	border-bottom:2px solid #203958;
	height:29px;
	background-color:#D8E4EB;
	color:#000000;
	text-align: center;
	font-size: 16px;
}
.tableheader-b		{
	border-bottom:2px solid #203958;
	height:29px;
	background-color:#AECDDE;
	color:#000000;
	text-align: center;
	font-size: 16px;
}
.tableheader-c		{
	border-bottom:2px solid #203958;
	height:29px;
	background-color:#94BFD6;
	color:#000000;
	text-align: center;
	font-size: 16px;
}
.tableheader-d		{
	border-bottom:2px solid #203958;
	height:29px;
	background-color:#62A4C7;
	color:#000000;
	text-align: center;
	font-size: 16px;
}
.tableheader-e		{
	border-bottom:2px solid #203958;
	height:29px;
	background-color:#2E87B7;
	color:#000000;
	text-align: center;
	font-size: 16px;
}
.tableheader-f		{
	border-bottom:2px solid #203958;
	height:29px;
	background-color:#026FAA;
	color:#000000;
	text-align: center;
	font-size: 16px;
}
.innerbox1t			{ padding:10px; border:1px solid #C0C0C0; background-image: url(/images/bg_innerbox.gif); background-repeat: repeat-x; background-position: top left; }
.boxtitle			{ border-bottom:1px solid #DCDCDC; padding-bottom:6px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#203958; text-decoration:none; line-height:18px; }
.tableheader1		{ border-bottom:1px solid #DCDCDC; padding-bottom:6px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#203958; text-decoration:none; }
.tablerow			{ border-bottom:1px solid #DCDCDC; padding-bottom:3px; padding-top:3px; }
.tablerowf			{ padding-bottom:3px; padding-top:3px; }
.tablerows			{ padding-left:9px; border-bottom:1px solid #DCDCDC; padding-bottom:3px; padding-top:3px; }
.tablerowfs			{ padding-left:9px; padding-bottom:3px; padding-top:3px; }

.anylinkcss{
	text-transform: capitalize;
	text-indent: 5px;
	text-decoration: none;
	position:absolute;
	visibility: hidden;
	margin-top: 9px;
	margin-left: 10px;
	font-size: 10px;
	text-align: left;
	height: 20px;
	color: #000000;
}

.anylinkcss a{
	display: block;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-decoration: none;
	text-indent: 15px;
	color: #000000;
	height: 18px;
	border-left-color: #CCCCCC;
	border-left-style: solid;
	border-left-width: 1px;
	padding-top: 5px;
	background-color: #EEEEEE;
	background-image: url(/images/s_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	width: 180px;
}

.anylinkcss a:hover{
	background-color: #FF0505;
	color: white;
	text-decoration: none;
	background-image: url(/images/s_arrow_white.gif);
	background-repeat: no-repeat;
	background-position: 5px;	
}

#LeftMenu .Subject {
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	text-indent: 5px;
	background-color: #E70C10;
	color: #FFFFFF;
	padding: 1px;
	position: static;
	padding-top: 9px;
	padding-bottom: 9px;
	background-image: url(/images/menu_botton.jpg);
}


#LeftMenu{
	width: 166px;
	margin-left: 3px;
}
#LeftMenu a:link, #LeftMenu a:visited {
	display: block;
	width: 160px;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	padding-left: 5px;
	height: 18px;
	padding-top: 6px;
}
#LeftMenu a:hover{
	background-color: #E00E11;
	display: block;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 6px;
	background-image: url(/images/s_arrow_white.gif);

}

#LeftMenu .Menu {
	background-color: #EEEEEE;
	background-image: url(/images/s_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	text-indent: 10px;

}
#LeftMenu .Selected {
	background-color: #FFFFFF;
	background-image: url(/images/s_arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	text-indent: 20px;
}
#hintbox{ /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	background-color: #ff0000;
	color:#FFFFFF;
	width: 200px; /*Default width of hint.*/
	padding: 3px;
	margin-left:5px;
	margin-top:20px;
	border:1px solid black;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	visibility: hidden;
	text-align: left;
}
#hintbox a {font-size:14px;}
.hintanchor{ /*CSS for link that shows hint onmouseover*/
	font-weight: bold;
	font-size:15px;
	color: black;
	padding-right:4px;	
}

#SubjectExtra {
	font-size:14px;
	font-style: italic;
	padding-top:15px;
	text-align: right;
	font-weight: bold;
}
UL, OL {list-style: none; }
li {list-style-type:none;}
 
A { color:#445968; text-decoration:none;}
/*A:visited{ text-decoration:none; color:#;}*/
A:hover {color:#c51a00; text-decoration:none;}
/*A:active { text-decoration:none; color:#;}*/
A:focus {outline:none;}

:focus {outline: 0;}
fieldset, img {border:0;}
q:before, q:after {	content:'';}

input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit;}

.clr {clear: both;}
.lF {float:left;}
.rF {float:right;}

/* LAYOUT STYLES */
#wrapper {width:993px; margin:0 auto; text-align:left;}

/* Header */
#header {}
	.topbar { background:url(/images/headimg.gif) no-repeat; width:993px; height:14px; overflow:hidden; font-size:10px; text-align:right; color:#b9cfdb;}
	.topbar .rtb { padding:3px 12px 0 0; display:block;}
	.topbar a{color:#b9cfdb; margin:0 2px;}
	.topbar a:hover{ color:#fff;}
	.flashlogo {width:993px; height:277px;}
	.logo_login { background:url(/images/topimg.jpg) no-repeat; width:993px; height:270px; overflow:hidden;}
	
		.logo { float:left; width:208px; width/**/:/**/202px; height:89px; padding:0 0 0 6px;}
		.logo a{ display:block; width:202px; height:88px; text-indent:-9999px;}
		
		.rlogin {float:right; width:422px; margin:0 17px 0 0; padding:56px 0 0 0;}
		.rlogin form{}
		.rlogin p {padding:0 0 0 12px; float:left;}
		.rlogin p.inputbox {  width:114px; height:20px; padding:0 0 0 8px;}
		.rlogin p.inputbox input {background-color:#fff; border:1px solid #8a8a8a; width:114px; width/**/:/**/108px; height:20px; margin:0; padding:0 0 0 4px; border-right:2px solid #a6b5bb; border-bottom:2px solid #a6b5bb; font-size:11px; line-height:19px;}
		.rlogin p.padtop {padding-top:5px;}
		
		/*.Himg { background:url(/images/homeimg.jpg) no-repeat; width:980px; height:181px; text-indent:-9999px;}*/
		
.backsw {background:url(/images/backmaintextback.gif) repeat-y;}
.backinnbig {background:url(/images/backmaintext1.gif) no-repeat; width:993px; width/**/:/**/980px; padding:0 7px 0 6px;}


			/* navigation links
			-------------------------------------------------------- */
	#navbar {  width:980px;}
			ul#nav {
				width:980px; height:37px;
				background:url(/images/navback.gif) no-repeat;
				position: relative;
				padding:0; margin:0 ;
				}
				
				ul#nav li {float: left; list-style: none; padding:0; margin:0; list-style-type:none;}
				
				ul#nav li a {
	position: absolute;
	text-indent: -9999px;
	text-decoration: none;
	border: none !important;
	top:0px;
	height:37px;
}
			
					ul#nav li#nav-1 a { 
						left: 0; width: 81px; 
						background: url("/images/navback.gif") 0 0 no-repeat;
						}
					ul#nav li#nav-2 a {
	left: 83px;
	width: 166px;
	background: url("/images/navback.gif") -83px 0 no-repeat;
						}
					ul#nav li#nav-3 a {
	left: 249px;
	width: 187px;
	background: url("/images/navback.gif") -249px 0 no-repeat;
						}
					ul#nav li#nav-4 a {
	left: 433px;
	width: 118px;
	background: url("/images/navback.gif") -433px 0 no-repeat;
						}
					ul#nav li#nav-5 a {
	left: 552px;
	width: 145px;
	background: url("/images/navback.gif") -552px 0 no-repeat;
						}
					ul#nav li#nav-6 a {
	left: 682px;
	width: 188px;
	background: url("/images/navback.gif") -682px 0 no-repeat;
						}
					ul#nav li#nav-7 a {
	left: 826px;
	width: 152px;
	background: url("/images/navback.gif") -826px 0 no-repeat;
						}
					ul#nav li#nav-8 a { 
						left: 822px; width: 158px; 
						background: url("/images/navback.gif") -822px 0 no-repeat;
						}

			
			ul#nav li#nav-1 a:hover  	{ background-position: 0 -37px; }
			ul#nav li#nav-2 a:hover  	{ background-position: -83px -37px; }
			ul#nav li#nav-3 a:hover  	{ background-position: -249px -37px; }
			ul#nav li#nav-4 a:hover  	{ background-position: -433px -37px; }
			ul#nav li#nav-5 a:hover  	{ background-position: -552px -37px; }
			ul#nav li#nav-6 a:hover  	{ background-position: -682px -37px; }
			ul#nav li#nav-7 a:hover  	{ background-position: -826px -37px; }
			ul#nav li#nav-8 a:hover  	{ background-position: -718px -37px; }
			ul#nav li#nav-9 a:hover  	{ background-position: -822px -37px; }

			ul#nav li#nav-1 a.active  	{ background-position: 0 -37px; }
			ul#nav li#nav-2 a.active  	{ background-position: -83px -37px; }
			ul#nav li#nav-3 a.active  	{ background-position: -249px -37px; }
			ul#nav li#nav-4 a.active  	{ background-position: -433px -37px; }
			ul#nav li#nav-5 a.active  	{ background-position: -552px -37px; }
			ul#nav li#nav-6 a.active  	{ background-position: -682px -37px; }
			ul#nav li#nav-7 a.active  	{ background-position: -826px -37px; }
			ul#nav li#nav-8 a.active  	{ background-position: -718px -37px; }
			ul#nav li#nav-9 a.active  	{ background-position: -822px -37px; }

			/* navigation close */
			/* sub menu */
			#sub1, #sub2, #sub3, #sub4, #sub5, #sub6, #sub7 {position:absolute; background:url(/images/trans.gif) no-repeat; z-index:15; width:132px; visibility:hidden; text-transform:uppercase;}
			#sub2 {width: 184px;}
			#sub3 {width: 103px;}
			#sub4 {width: 87px;}
			#sub5 {width: 99px;}
			#sub6 {width: 143px;}
			#sub7 {width: 104px;}
			
			ul.subnav { font-size:11px; padding:0; margin:0; background-color:#2a4459; padding:6px 8px 0px 5px; color:#fff;/* border-left:1px solid #8b98a3;*/ background:url(/images/submenuline.gif) #2a4459 no-repeat top left;}
			ul.subnav li{ padding:0; margin:0; list-style-type:none;}
			ul.subnav li a{ display:block; padding:2px 2px 3px 13px; color:#FFFFFF; background:url(/images/subarrow.gif) no-repeat 0 5px;}
			ul.subnav li a:hover{ color:#ffc100;}
			
			#sub1 .closesub {background:url(/images/submenuback.gif) no-repeat bottom; width:132px; height:15px;}
			#sub2 .closesub {background:url(/images/submenuback2.gif) no-repeat bottom; width:149px; height:15px;}
			#sub3 .closesub {background:url(/images/submenuback3.gif) no-repeat bottom; width:103px; height:15px;}
			#sub4 .closesub {background:url(/images/submenuback4.gif) no-repeat bottom; width:118px; height:15px;}
			#sub5 .closesub {background:url(/images/submenuback5.gif) no-repeat bottom; width:99px; height:15px;}
			#sub6 .closesub {background:url(/images/submenuback6.gif) no-repeat bottom; width:110px; height:15px;}
			#sub7 .closesub {background:url(/images/submenuback7.gif) no-repeat bottom; width:104px; height:15px;}
			
			.banweb{background:url(/images/navback.gif) no-repeat; height:37px; width:168px; background-position: -81px -37px;}
			.banwebmark{background:url(/images/navback.gif) no-repeat; height:37px; width:185px; background-position: -249px -37px;}
			.banwebhost{background:url(/images/navback.gif) no-repeat; height:37px; width:103px; background-position:-319px -37px;}
			.banport{background:url(/images/navback.gif) no-repeat; height:37px; width:87px; background-position: -422px -37px;}
			.banquote{background:url(/images/navback.gif) no-repeat; height:37px; width:99px; background-position: -509px -37px;}
			.bancompnay{background:url(/images/navback.gif) no-repeat; height:37px; width:110px; background-position: -608px -37px;}
			.bancontact{background:url(/images/navback.gif) no-repeat; height:37px; width:104px; background-position: -718px -37px;}			

.content {
	padding:10px;

	background-color: #FFFFFF;
	font-size:13px;
}

/* left section */

.leftSect { width:740px; float:left;  font-size:12px;}
.leftSect p{ padding:0 0 11px 0;  font-size:12px;}
		.leftSect blockquote { margin:0 0 0 20px;}
		.leftSect p{ margin:10px 0 5px 10px;}
		.leftSect H1 {font-size: 18px;	color: #666666;	text-transform: uppercase;	font-weight: bold;	border-bottom-color: #CCCCCC;	border-bottom-style: dotted;	border-bottom-width: 2px;	margin-top: -1px;	margin-left: 4px;	padding-top: 10px;}
		.leftSect H2 {
	margin:15px 0 15px 0;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	font-size: 16px;
	text-indent: 40px;
	background-image: url(/images/3_dots.gif);
	background-repeat: no-repeat;
	background-position: center left;
	width: 100%;
	font-weight: bold;
}
		.leftSect ol{
		 font-size:12px;
	padding:0;
	margin:5px 0 0 0;
}
		.leftSect ol li{
		 font-size:12px;

	margin:4px 0 4px 48px;

	list-style-type: decimal;
}
		.leftSect ul{
		 font-size:12px;
	padding:0;
	margin:5px 0 0 0;
}
		.leftSect ul li{
	padding:0 25px 0 15px;
	margin:4px 0 4px 30px;
	background:url(/images/list_a.gif) no-repeat 0px 3px;
	padding-top: 3px;
}

		.leftSect img {
	

}

	
	.GreyBox { background:url(/images/greyback.gif) repeat-y #f5f5f5;}
	.GreyBox_top { background:url(/images/grey_top.gif) no-repeat top left;}
	.GreyBox_bot { background:url(/images/grey_bot.gif) no-repeat bottom left; width:740px; width/**/:/**/710px; padding:15px;}

	ul.ourservicesBul { padding:0 10px 0 0; margin:0; clear:both;}
	ul.ourservicesBul li{ padding:0; margin:0; list-style-type:none; border-top:1px solid #d9d9d9; float:left; width:217px; margin:0 0 0 16px;}
	ul.ourservicesBul li.btbtm{ border-bottom:1px solid #d9d9d9;}
	ul.ourservicesBul li img {vertical-align:middle; margin:0 3px 0 0;}
	ul.ourservicesBul li a{ display:block; padding:4px 0;}
	
	.HBoxServ { float:left; width:173px; margin:10px 16px 10px 0;}
	.HBoxServ1{ float:left; width:173px; margin:10px 0 10px 0;}
		.img {background:url(/images/servicesimgbacksh.gif) no-repeat; width:173px; height:110px; height/**/:/**/101px; text-align:center; margin:0 0 10px 0; padding:9px 0 0 0;}
		.contHS { font-size:12px; padding:1px 4px 15px 8px; width:180px; height:110px; height/**/:/**/110px;}
	
	ul.redarrow { padding:0; margin:0 4px; font-size:11px;}
	ul.redarrow li{ padding:0 0 0 20px; margin:0; list-style-type:none; border-top:1px solid #d9d9d9; background:url(/images/bularrow.gif) no-repeat 1px 5px;}
	ul.redarrow li.brbotbul{ border-bottom:1px solid #d9d9d9;}
	ul.redarrow li a{ display:block; padding:3px 0;} 
	
	.botHCont { padding:6px 0 0 5px;}
	.elf {width:200px; height:300px;  background:url(/images/img_globle.jpg) no-repeat; margin-left:350px; position:absolute;}
	.welcont {float:left; width:360px; position:absolute;}
	.testimonial {float:right; width:342px; width/**/:/**/250px; padding:3px 4px 0 0px; height:220px; height:auto !important; min-height:220px; position:relative;}
	
	

/* right section all*/

.righSect {float:right; width:210px;}
	.rBox { background:url(/images/rbox_back.gif) repeat-y; margin:0 0 8px 0;}
	.rBox_Top {background:url(/images/rbox_big_back.gif) no-repeat top left;}
	.rBox_Bot { background:url(/images/rbox_close.gif) no-repeat bottom left; padding:15px 9px 11px 12px; width:210px; width/**/:/**/189px; color:#dee7ed;}
	
	.rBox_Bot a{ color:#dee7ed;}
	.rBox_Bot a:hover{ color:#fff;}
	
	.banrcol { padding:0 0 38px 0;}
	.rBox_Bot form{}
	.rBox_Bot form input{ width:183px; border:1px solid #060606; border-right:2px solid #194960; border-bottom:3px solid #194960;}
	.rBox_Bot form .nowidth{ width: auto !important; border:none !important;}
	.rBox_Bot form p{ padding:1px 0 3px 0;}
	.rBox_Bot form p.pd1{ padding:8px 0 0px 0 !important; text-align:center;}
	
	.fclients1 { float:left; background:url(/images/fclientsback.png) no-repeat; width:92px; width/**/:/**/83px; padding:1px 7px 9px 1px; text-align:center; margin:0 0 0 7px;}
	.fclients1 img{ margin:0 0 12px 0;}
		
	.fclients { float:left; background:url(/images/fclientsback.png) no-repeat; width:92px; width/**/:/**/83px; padding:1px 7px 9px 1px; text-align:center;}
	.fclients img{ margin:0 0 12px 0;}

		
/* footer */	
#footer { background:url(/images/backfooter.gif) no-repeat; width:993px; width/**/:/**/973px; padding:11px 10px 20px 10px; text-align:left; margin:0 auto; color:#fff; line-height:16px;}
#footer a{ color:#b9cfdb;}
#footer a:hover{ color:#fff;}