/* CSS Document */

body
{
	background:url(images/main-bg-top.jpg) top center no-repeat;
	background-color:#0072ad;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
}

.subpagebg
{
	background:url(images/subpage-main-bg-top.jpg) top center no-repeat;
	background-color:#0072ad;
}

.mainDiv
{
	width:980px;
	height:1000px;
	margin:0 auto;
}

	.mainDiv .topLinks
	{
		padding-left:25px;
		padding-right:25px;
	}
	
		.mainDiv .links
		{
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
			float:left;
			width:200px;
		}
			.mainDiv .links ul
			{
				padding:0px;
				margin:0px;
				list-style:none;
				padding-top:15px;
			}
			
			.mainDiv .links li
			{
				float:left;
				padding-right:15px;
			}
			
			.mainDiv .links a
			{
				color:#fff;
				text-decoration:none;
			}
			
			.mainDiv .links a:hover
			{
				color:#00c0ff;

			}
		
		.mainDiv .phone
		{
			float:right;
			font-size:10px;
			color:#fff;
			width:150px;
			text-transform:uppercase;
			text-align:right;
			padding-top:15px;
			
		}


	.mainDiv .logoNav
	{
		padding-top:45px;
		padding-left:25px;
		padding-right:25px;
	}
	
		.mainDiv .logoNav .logo
		{
			float:left;
		}
		
		.mainDiv .logoNav .nav
		{
			float:left;
			font-family:Calibri;
		}
			.mainDiv .logoNav .nav ul
			{
				padding:0px;
				margin:0px;
				list-style:none;
				padding-left:23px;
				padding-top:10px
			}
			
			.mainDiv .logoNav .nav li
			{
				font-size:20px;
				color:#00ccff;
				text-transform:uppercase;
				float:left;
				padding-right:22px;
				padding-left:22px;
				font-weight:bold;
				display:block;
				padding-bottom:15px;
			}
			
				.mainDiv .logoNav .nav li a
				{
					color:#00ccff;
					text-decoration:none;
				}
				
				.mainDiv .logoNav .nav li a:hover
				{
					color:#fff;
					text-decoration:none;
				}				
			
				.mainDiv .logoNav .nav .about
				{
					background:url(images/about-line.jpg) center bottom no-repeat;
				}
	
				.mainDiv .logoNav .nav .experties
				{
					background:url(images/experties-line.jpg) center bottom no-repeat;
				}

				.mainDiv .logoNav .nav .careers
				{
					background:url(images/careers-line.jpg) center bottom no-repeat;
				}
				
				.mainDiv .logoNav .nav .contact
				{
					background:url(images/contact-line.jpg) center bottom no-repeat;
				}


	.mainDiv  .flasharea
	{
		margin-top:18px;
	}
	
	.mainDiv .serviceboxes
	{
		width:930px;
		margin:0 auto;
		padding-top:15px;
		padding-bottom:15px;
	}
	
		.mainDiv .serviceboxes .webdesign
		{
			width:307px;
			height:353px;
			float:left;
			background:url(images/webdesign-bg.png) top center no-repeat;
			
		}
		
			.mainDiv .serviceboxes .webdesign .container
			{
				width:255px;
				margin:0 auto;
				padding-top:10px;
			}
			
				.mainDiv .serviceboxes .webdesign .container .click
				{
					padding-bottom:10px;
				}
			
			.mainDiv .serviceboxes .webdesign .container .title
			{

			}

			.mainDiv .serviceboxes .webdesign .container .details
			{
				padding-top:5px;
				font-size:12px;
				line-height:20px;
				color:#fff;
			}
				.mainDiv .serviceboxes .webdesign .container .details p
				{
					margin:0px;
					margin-top:10px;
					
				}
				.mainDiv .serviceboxes .webdesign .container .details a
				{
					color:#fff;
					text-decoration:underline;
					
				}
				
				.mainDiv .serviceboxes .webdesign .container .details a:hover
				{
					color:#fff;
					text-decoration:none;
				}
		
		.mainDiv .serviceboxes .hosting
		{
			width:307px;
			height:353px;
			background:url(images/hosting-bg.png) top center no-repeat;
			margin-left:4px;
			margin-right:5px;
			float:left;
		}


			.mainDiv .serviceboxes .hosting .container
			{
				width:255px;
				margin:0 auto;
				padding-top:10px;
			}
			
			.mainDiv .serviceboxes .hosting .container .click
				{
					padding-bottom:10px;
				}
			
			.mainDiv .serviceboxes .hosting .container .title
			{

			}

			.mainDiv .serviceboxes .hosting .container .details
			{
				padding-top:5px;
				font-size:12px;
				line-height:20px;
				color:#fff;
			}
				.mainDiv .serviceboxes .hosting .container .details p
				{
					margin:0px;
					margin-top:10px;
					
				}
				.mainDiv .serviceboxes .hosting .container .details a
				{
					color:#fff;
					text-decoration:underline;
					
				}
				
				.mainDiv .serviceboxes .hosting .container .details a:hover
				{
					color:#fff;
					text-decoration:none;
				}
		
		.mainDiv .serviceboxes .marketing
		{
			width:307px;
			height:353px;
			float:left;
			background:url(images/internet-marketing-bg.png) top center no-repeat;
		}


			.mainDiv .serviceboxes .marketing .container
			{
				width:255px;
				margin:0 auto;
				padding-top:10px;
			}

			.mainDiv .serviceboxes .marketing .container .click
				{
					padding-bottom:10px;
				}
			
			.mainDiv .serviceboxes .marketing .container .title
			{

			}

			.mainDiv .serviceboxes .marketing .container .details
			{
				padding-top:5px;
				font-size:12px;
				line-height:20px;
				color:#fff;
			}
				.mainDiv .serviceboxes .marketing .container .details p
				{
					margin:0px;
					margin-top:10px;
					
				}
				.mainDiv .serviceboxes .marketing .container .details a
				{
					color:#fff;
					text-decoration:underline;
					
				}
				
				.mainDiv .serviceboxes .marketing .container .details a:hover
				{
					color:#fff;
					text-decoration:none;
				}

	.mainDiv .bodyContent
	{
		width:930px;
		margin:0 auto;
		padding-top:15px;
		padding-bottom:20px;
	}
	
		.mainDiv .bodyContent .welcome
		{
			float:left;
			width:642px;
			background:#1a80b5;
		}
			
			.mainDiv .bodyContent .welcome .top
			{
			}
			
			.mainDiv .bodyContent .welcome .heading
			{
				padding-left:28px;
				padding-right:28px;
				padding-top:15px;
			}
			
			.mainDiv .bodyContent .welcome .txt
			{
				padding-top:15px;
				font-size:14px;
				color:#fff;
				line-height:24px;
				padding-left:28px;
				padding-right:28px;
				padding-bottom:71px;
			}
			
				.mainDiv .bodyContent .welcome .txt p
				{
					margin-top:0px;
				}
		
		.mainDiv .bodyContent .news
		{
			float:right;
			width:277px;
			background:#1a80b5;
		}

			.mainDiv .bodyContent .news .top
			{
			}
			
			.mainDiv .bodyContent .news .heading
			{
				margin-left:18px;
				margin-right:18px;
				padding-top:10px;
				border-bottom:1px solid #2988ba;
				padding-bottom:8px;
			}
			
			.mainDiv .bodyContent .news .txt
			{
				padding-top:10px;
				font-size:12px;
				color:#fff;
				line-height:17px;
				padding-left:18px;
				padding-right:18px;
				padding-bottom:10px;
			}
			
				.mainDiv .bodyContent .news .txt p
				{
					margin-top:0px;
				}
				
				.mainDiv .bodyContent .news .txt a
				{
					color:#fff;
					text-decoration:underline;
				}
				
				.mainDiv .bodyContent .news .txt a:hover
				{
					color:#ffea00;
					text-decoration:underline;
				}


	.mainDiv .footer
	{
		width:930px;
		margin:0 auto;
		padding-bottom:30px;
	}
	
		.mainDiv .footer .linksContainer
		{
			float:left;
			width:650px;
		}
			
			.mainDiv .footer .linksContainer .flinks
			{
				font-size:10px;
				text-transform:uppercase;
				color:#fff;
				line-height:18px;
			}
			
				.mainDiv .footer .linksContainer .flinks a
				{
					color:#fff;
					text-decoration:none;
				}
				
				.mainDiv .footer .linksContainer .flinks a:hover
				{
					color:#8de6ff;
					text-decoration:underline;
				}
			
			.mainDiv .footer .linksContainer .copyrights
			{
				font-size:10px;
				text-transform:uppercase;
				color:#fff;
				padding-top:8px;
			}
			
			.mainDiv .footer .linksContainer .sn-links
			{
				padding-top:10px;
			}
				.mainDiv .footer .linksContainer .sn-links ul
				{
					padding:0px;
					margin:0px;
					list-style:none;
				}
				
				.mainDiv .footer .linksContainer .sn-links li
				{
					float:left;
				}
				
		
		.mainDiv .footer .logo
		{
			float:right;
		}

/*----------------------------------------------Sub PAge--------------------------------------------------------*/

.mainDiv .subpageTop
{
	padding-top:160px;
	padding-left:25px;
}
	.mainDiv .subpageTop .heading
	{
		
	}
	
	.mainDiv .subpageTop .toptxt
	{
		padding-top:15px;
		line-height:24px;
		font-size:14px;
		color:#fff;
		padding-bottom:25px;
	}

		.mainDiv .bodyContent .quicklinks
		{
			width:200px;
			float:left;
		}
		
			.mainDiv .bodyContent .quicklinks .head
			{
				font-family:Calibri;
				font-size:22px;
				color:#fff;
				padding-bottom:5px;
				border-bottom:1px solid #117bb2;
			}
			
			.mainDiv .bodyContent .quicklinks .linkslist
			{
				font-size:14px;
				color:#fff;
				padding-top:5px;
			}
			
				.mainDiv .bodyContent .quicklinks .linkslist ul
				{
					padding:0px;
					margin:0px;
					list-style:none;
					
				}
				
				.mainDiv .bodyContent .quicklinks .linkslist li
				{
					background:url(images/arrow-white.jpg) 8px 12px no-repeat;
					border-bottom:1px solid #117bb2;
					line-height:30px;
					padding-left:30px;
				}
					
					.mainDiv .bodyContent .quicklinks .linkslist a
					{
						color:#fff;
						text-decoration:none;
					}
					
					.mainDiv .bodyContent .quicklinks .linkslist a:hover
					{
						color:#7ff4ff;
						
					}
		
		.mainDiv .bodyContent .content
		{
			width:690px;
			float:right;
			background:#1a80b5;
		}

			.mainDiv .bodyContent .content .top
			{
			}
			
			.mainDiv .bodyContent .content .heading
			{
				padding-left:28px;
				padding-right:28px;
				padding-top:15px;
				color:#fff;
				
			}
			
			.mainDiv .bodyContent .content .txt
			{
				padding-top:15px;
				font-size:14px;
				color:#fff;
				line-height:24px;
				padding-left:28px;
				
				padding-bottom:71px;
				width:410px;
				float:left;
			}
			
				.mainDiv .bodyContent .content .txt p
				{
					margin-top:0px;
				}
			
			.mainDiv .bodyContent .content .img
			{
	float:right;
	padding-right:10px;
			}

/*--------------------------------Contact us---------------------------------------------*/

.mainDiv .bodyContent .address
		{
			width:200px;
			float:left;
		}
		
				.mainDiv .bodyContent .address .head
			{
				font-family:Calibri;
				font-size:16px;
				color:#fff;
				padding-bottom:5px;
				border-bottom:1px solid #117bb2;
				margin-bottom:5px;
			}	
			
				.mainDiv .bodyContent .address .details
				{
					font-size:12px;
					color:#fff;
					
				}
					.mainDiv .bodyContent .address .details p
					{
						margin-top:0px;
					}
		

		.mainDiv .bodyContent .content .formContainer
		{
			padding:20px 28px;
		}
		
			.mainDiv .bodyContent .content .formContainer .txttitle
			{
				float:left;
				font-size:12px;
				color:#fff;
				line-height:35px;
				padding-bottom:10px;
				width:100px;
				text-align:right;
			}
			
			.mainDiv .bodyContent .content .formContainer .field
			{
				float:left;
				margin-left:25px;
				padding-bottom:10px;
				font-size:12px;
				color:#fff;
				
			}


			.mainDiv .bodyContent .content .formContainer .smallfield
			{
				float:left;
				margin-left:25px;
				padding-bottom:10px;
				font-size:12px;
				color:#fff;
				
			}

			.mainDiv .bodyContent .content .formContainer .smallfield input
				{
					width:80px;
					border:1px solid #006193;
					padding-top:7px;
					padding-bottom:7px;
					font-size:14px;
					color:#0072ad;
					font-family:Arial, Helvetica, sans-serif;
				}
			.mainDiv .bodyContent .content .formContainer .smallfield p
			{
				margin-top:0px;
				margin-bottom:0px;
			}
			
			
				.mainDiv .bodyContent .content .formContainer .field input
				{
					width:250px;
					border:1px solid #006193;
					font-family:Arial, Helvetica, sans-serif;
					padding-top:7px;
					padding-bottom:7px;
					font-size:14px;
					color:#0072ad;
				}


				.mainDiv .bodyContent .content .formContainer .field textarea
				{
					width:250px;
					border:1px solid #006193;
					padding-top:7px;
					font-family:Arial, Helvetica, sans-serif;
					font-size:14px;
					color:#0072ad;
				}
				
				
				.mainDiv .bodyContent .content .formContainer .btn
				{
					padding-top:10px;
					padding-left:120px;
				}



/*----------------------------------------------Login PAge--------------------------------------------------------*/

.loginContainer
{
	margin-bottom:25px;
}

	.loginContainer .loginBox
	{
		float:left;
		width:357px;
		background:#1a80b5;
	}
	
		.loginContainer .loginBox .top
		{
		}
		
		.loginContainer .loginBox .head
		{
			font-family:Calibri;
			font-size:18px;
			color:#fff;
			padding-left:20px;
		}
		
		.loginContainer .loginBox .formContainer
		{
			padding:20px 20px;
		}
		
			.loginContainer .loginBox .formContainer .txt
			{
				width:110px;
				float:left;
				font-size:14px;
				color:#fff;
				line-height:30px;
				margin-bottom:5px;
			}
			
			.loginContainer .loginBox .formContainer .field
			{
				float:left;
				margin-left:10px;
				width:180px;
				margin-bottom:5px;
			}

				.loginContainer .loginBox .formContainer .field input
				{
					width:180px;
					border:1px solid #006193;
					font-family:Arial, Helvetica, sans-serif;
					padding-top:4px;
					padding-bottom:4px;
					font-size:14px;
					color:#0072ad;
				}
				
				.loginContainer .loginBox .formContainer .btn
				{
					float:right;

					padding-right:15px;
					
				}


	
	.loginContainer .descp
	{
		float:left;
		width:490px;
		margin-left:25px;
		font-size:12px;
		color:#fff;
		line-height:18px;
		padding-top:20px;
	}
	
		.loginContainer .descp a
		{
			color:#fff494;
			text-decoration:none;
		}
		
		.loginContainer .descp a:hover
		{
			text-decoration:underline;
		}





/*------------------------------------------------------------------------*/

	.quicklinks-s
		{
			width:230px;
			height:228px;
			background:url(images/quicklinks-bg.jpg) top center no-repeat;
			float:right;
			margin-bottom:40px;
			margin-left:30px;
		}
		
		.quicklinks-s .subcont
		{
			width:200px;
			margin:0 auto;
			padding-top:20px;
		}
		
		.quicklinks-s .subcont .head
			{
				font-family:Calibri;
				font-size:22px;
				color:#fff;
				padding-bottom:5px;
				border-bottom:1px solid #117bb2;
				text-shadow:1px 2px #0f3142;
			}
			
			.quicklinks-s .subcont .linkslist
			{
				font-size:14px;
				color:#fff;
				padding-top:5px;
			}
			
				.quicklinks-s .subcont .linkslist ul
				{
					padding:0px;
					margin:0px;
					list-style:none;
					
				}
				
				.quicklinks-s .subcont .linkslist li
				{
					background:url(images/arrow-white.jpg) 8px 12px no-repeat;
					border-bottom:1px solid #117bb2;
					line-height:30px;
					padding-left:30px;
				}
					
					.quicklinks-s .subcont .linkslist a
					{
						color:#fff;
						text-decoration:none;
					}
					
					.quicklinks-s .subcont .linkslist a:hover
					{
						color:#7ff4ff;
						
					}
/*------------------------------------------------------------------------*/

	.quicklinks-left
		{
			width:230px;
			height:228px;
			background:url(images/quicklinks-bg.jpg) top center no-repeat;
			float:left;
			margin-bottom:40px;
			
		}
		
		.quicklinks-left .subcont
		{
			width:200px;
			margin:0 auto;
			padding-top:20px;
		}
		
		.quicklinks-left .subcont .head
			{
				font-family:Calibri;
				font-size:22px;
				color:#fff;
				padding-bottom:5px;
				border-bottom:1px solid #117bb2;
				text-shadow:1px 2px #0f3142;
			}
			
			.quicklinks-left .subcont .linkslist
			{
				font-size:14px;
				color:#fff;
				padding-top:5px;
			}
			
				.quicklinks-left .subcont .linkslist ul
				{
					padding:0px;
					margin:0px;
					list-style:none;
					
				}
				
				.quicklinks-left .subcont .linkslist li
				{
					background:url(images/arrow-white.jpg) 8px 12px no-repeat;
					border-bottom:1px solid #117bb2;
					line-height:30px;
					padding-left:30px;
				}
					
					.quicklinks-left .subcont .linkslist a
					{
						color:#fff;
						text-decoration:none;
					}
					
					.quicklinks-left .subcont .linkslist a:hover
					{
						color:#7ff4ff;
						
					}

/*------------------------------------------------------------------------*/

.txtblue
{

	color:#8de6ff;
}


.txtblue12
{
	font-size:12px;
	color:#00c0ff;
}

.txtorange12
{
	font-size:12px;
	color:#ffea00;
}

	.txtorange12 a
	{
		font-size:12px;
		color:#ffea00;
	}
	
	.txtorange12 a:hover
	{
		font-size:12px;
		color:#fff;
	}

h1
{
	margin:0px;
	font-size:36px;
	color:#fff;
	font-weight:normal;
	font-family:Calibri;
	text-shadow:1px 2px #0f3142;
}

h2
{
	margin:0px;
	font-size:20px;
	color:#fff;
	font-weight:normal;
	font-family:Calibri;
	text-shadow:1px 1px #0f3142;
}

h3
{
	margin:0px;
	font-size:46px;
	color:#fff;
	font-weight:normal;
	font-family:Calibri;
	text-shadow:1px 2px #0f3142;
}

.clear
{
	clear:both;
}