/* CSS Document */
body {
	margin:0; padding:0;
	background-color: #dae0e4;
	}
a {
	margin:0; padding:0;
	text-decoration: none;
	border: none;
	color: #3166d4;
	}
a:link {
	text-decoration: none;
	}
/* -------------------------------------------------CONTAINERS----------------------------------- */
#page_container
{
	width:940px;
	height:870px;
	margin: 0 auto;
	overflow:hidden;
}
#container {
	position: relative; 
	text-align:left;
	
	}
#container_body {
	position: relative;
	margin: 0; 
	padding:0;
	margin-top:0;
	z-index:100;
	}
/* -------------------------------------------------HEADER----------------------------------- */
#nav li, ul {
	margin:0; padding:0;
	list-style-type: none;
	}
#header h1 {
	margin:0; padding:0;
	position: static;
	background: #eff0f2 url('/images/header_bar.jpg') no-repeat center;
	height: 128px;
	z-index:1;
	}
#header h1 span {
	display: block;
	height:0;
	overflow: hidden;
	}
.logo {
	border: none;
	margin-top: 9px;
	margin-left: 15px;
	}
#header span#webmail{
	position:absolute;
	background: #eff0f2 url('/images/login_webmail.jpg') no-repeat center;
	background-position: 0px 0px;
	display:inline-block;
	width:160px;
	height:55px;
	left: 780px;
	top:0px;
	z-index: 50;
	}
#header span#webmail:hover
	{
	background-image: url('/images/login_webmail.jpg');
	background-repeat: no-repeat;
	background-position: 0px -55px;
	
	}
#rnd_container, #rnd_container2 {background: #ffffff; margin:1px;}
    
    .rnd_top, .rnd_bottom {display: block; background:#ffffff; font-size:1px;}
    .rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {display: block; overflow:hidden;}
    .rnd_b1, .rnd_b2, .rnd_b3 {height:1px;}
    .rnd_b2, .rnd_b3, .rnd_b4 {background:#3C4C60; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
    .rnd_b1 {margin:0 5px; background:#cccccc;}
    .rnd_b2 {margin:0 3px; border-width:0 2px;}
    .rnd_b3 {margin:0 2px;}
    .rnd_b4 {height:2px; margin:0 1px;
}
.rnd_content 
{
	display: block;
	border:0 solid #cccccc;
	border-width:0 1px;
	padding: 0px 5px 0px 5px;
	background:#3C4C60;
}	
.rnd_request 
{
	position:absolute;
	left: 280px;
	top:10px;
	z-index: 50;
	background-color: #3C4C60;
	padding: 5px 5px 5px 5px;
}
.rnd_request2
{
	
	width:250px;
	text-align:center;
	z-index: 50;
	background-color: #3C4C60;
	padding: 5px 5px 5px 5px;
	color:#ffffff;	
}
#rnd_container a, #rnd_container2 a
{
	font-family: Arial;
	font-size: 13px;
	color: #ffffff;
	font-weight:700;
}
#rnd_container a:hover, #rnd_container2 a:hover
{
	color: silver;
}

/* ------------------------------------------------NAVIGATION---------------------------------- */
#nav {
	padding:0;
	text-align:center;
	margin: 0px 0px 0px 290px;
	position: absolute;
	top:-55px;
	width: 900px;
	height: 70px;
	font-family: Futura, Arial, Helvetica, sans-serif;
	font-size: 1em;
	display: inline;
	}
#nav a {
	color: #660000;
	}
#nav a:hover {
	color: #000000;
	}
/* ------------------------------------------------NAV-LINKS-PICS--------------------------------- */
.link0,.link1 {
	position:relative;
	width: 151px;
	height: 55px;
	font-size: 12px;
	float: left;
	}
.link0 span, .link1 span {
	position:absolute;
	width: 151px; 
	height: 55px;
	left: 0px;
	top:0; 
	}
.link2, .link3, .link4 {
	position:relative;
	width: 116px;
	height: 55px;
	font-size: 12px;
	float: left;
	}
.link2 span, .link3 span, .link4 span {
	position:absolute;
	width: 116px; 
	height: 55px;
	left: 0px;
	top:0; 
	}
.link0 span.l0 {
	background-image: url('/images/nav_top.jpg');
	background-repeat: no-repeat;
	background-position: -45px 0px;
	}
.link0 span.l0:hover {
	background-position: -45px -55px;
	}
.link1 span.l1 {
	background-image: url('/images/nav_top.jpg');
	background-repeat: no-repeat;
	background-position: -196px 0px;
	}
.link1 span.l1:hover {
	background-position: -196px -55px;
	}
.link2 span.l2 {
	background-image: url('/images/nav_top.jpg');
	background-repeat: no-repeat;
	background-position: -347px 0px;
	}
.link2 span.l2:hover {
	background-position: -347px -55px;
	}
.link3 span.l3 {
	background-image: url('/images/nav_top.jpg');
	background-repeat: no-repeat;
	background-position: -463px 0px;
	}
.link3 span.l3:hover {
	background-position: -463px -55px;
	}
.link4 span.l4 {
	background-image: url('/images/nav_top.jpg');
	background-repeat: no-repeat;
	background-position: -579px 0px;
	}
.link4 span.l4:hover {
	background-position: -579px -55px;
	}
/* ---------------------------------------------CONTENT-BOX----------------------------------------------- */
#content {
	margin:0; padding:0;
	top: 0px;
	width: 940px;
	height: 610px;
	background: url('/images/content_TOP.jpg') no-repeat #ffffff;
	position: absolute;
	}
	
#left {
	margin:0; padding:0;
	width: 616px; height: 500px;
	top: 118px;
	float: left;
	}
#right_imageholder {
	margin: 0px 40px auto; padding:0;
	width: 616px; height: 500px;
	top: 118px;
	float: right;
	}
#image_holder {
	background: url('/images/stock_photo.jpg') no-repeat;
	width: 588px; height: 258px;
	margin-left: 28px; margin-top: 20px;
	}

.contact_big
	{
		font-size: 14px;
		font-weight:700;	
	}
/* ---------------------------------------------CONTENT-BOTTOM----------------------------------------------- */
#content_bottom {
	margin:0; padding:0;
	top: 610px; left:0;
	width: 100%; height: 60px;
	background: url('/images/content_bottom.jpg') no-repeat #FFFFFF;
	position: absolute;
	z-index: 1;
	}
	#main_content
	{
		width:940px;
		}
/* ---------------------------------------------CONTENT-RIGHT----------------------------------------------- */
#right {
	margin:0; padding:0;
	width: 310px; height: 400px;
	top: 118px;
	float: right;
	}
#right_clientscontent
{
	float:right;
	position:relative;
	margin:0;
	top: 20px;
	width:650px;
	left:0px;
}
#right_clientscontent h3
{
	font-size: 14px;
}
#right_clientscontent .client_detail
{
	font-size:12px;	
}
#clients_image_holder {
	background: url('/images/stock_photo.jpg') no-repeat;
	width: 240px; height: 400px;
	margin-left: 28px; margin-top: 20px;
	}
#clients div#img {
	margin-top: 20px; margin-left: 30px;
	background: url('/images/clients.jpg') no-repeat;
	position: static;
	width: 240px; height: 71px;
	}
#clients span#txt {
	display: block;
	height:0;
	overflow: hidden;
	}
#clients a div#img:hover {
	background-position:0% -71px;
	}
	#clients_box
	{
		display: block;
		margin-left:30px;
		height: 540px;
		width:260px;
		overflow: auto;	
		z-index:250;
		position: relative;
	}
	.client
	{
		display:block;
		width:240px;
		margin-left:0px;	
	}
	.client span#cl1, span#cl2, span#cl3, span#cl4, span#cl5
	{
		display: block;
		height:0;
		overflow: hidden;
	}
	#client1
	{
		display: block;
		margin-top:5px;
		margin-left:10px;
		width:220px;
		height:158px;
		overflow:hidden;
		background: url('/images/clients_sprite.jpg') no-repeat;
		background-position: 0px 0px;
		
	}
	#client2
	{
		display: block;
		margin-top:5px;
		margin-left:10px;
		width:220px;
		height:158px;
		overflow:hidden;
		background: url('/images/clients_sprite.jpg') no-repeat;
		background-position: 0px -158px;
		
	}
	#client3
	{
		display: block;
		margin-top:5px;
		margin-left:10px;
		width:220px;
		height:158px;
		overflow:hidden;
		background: url('/images/clients_sprite.jpg') no-repeat;
		background-position: 0px -316px;
		
	}
	#client4
	{
		display: block;
		margin-top:5px;
		margin-left:10px;
		width:220px;
		height:158px;
		overflow:hidden;
		background: url('/images/clients_sprite.jpg') no-repeat;
		background-position: 0px -474px;
		
	}
	#client5
	{
		display: block;
		margin-top:5px;
		margin-left:10px;
		width:220px;
		height:158px;
		overflow:hidden;
		background: url('/images/clients_sprite.jpg') no-repeat;
		background-position: 0px -632px;
		
	}
/* ---------------------------------------------TOP-LEFT---------------------------------------------- */
#top_left 
{
	margin:0; padding:0;
	background: url('/images/Web_Development.jpg') no-repeat;
	width: 308px; height: 114px;
	top: 295px; left: 20px;
	position: absolute;
	}
#top_left a 
{
	top:105px; left: 226px;
	position:absolute;
	text-decoration:underline;
	color: #3166d4;
	font-weight:500;
	}
	#top_left span
	{
		display:block;
		overflow:hidden;
		width:0;
		height:0;
		}
/* ---------------------------------------------TOP-RIGHT--------------------------------------------- */
#top_right {
	margin:0; padding:0;
	background: url('/images/SEO_Globe.jpg') no-repeat;
	width: 347px; height: 150px;
	top: 280px; left: 330px;
	position: absolute;
	}
#top_right a {
	top:120px; left: 220px;
	position:absolute;
	text-decoration:underline;
	color: #3166d4;
	font-weight:500;
	}
	#top_right span
	{
		display:block;
		overflow:hidden;
		width:0;
		height:0;
		}
/* ---------------------------------------------BOTTOM-LEFT--------------------------------------------- */
#bottom_left {
	margin:0; padding:0;
	background: url('/images/Projects.jpg') no-repeat;
	width: 256px; height: 114px;
	top: 460px; left: 20px;
	position: absolute;
	}
#bottom_left a {
	top:100px; left: 156px;
	position:absolute;
	color: #3166d4;
	text-decoration:underline;
	font-weight:500;
	}
#bottom_left span{
	display:block;
	overflow:hidden;
	width:0;
	height:0;
	}
/* ---------------------------------------------BOTTOM-RIGHT--------------------------------------------- */
#bottom_right {
	margin:0; padding:0;
	background: url('/images/Testimonials.jpg') no-repeat;
	width: 300px; height: 100px;
	top: 460px; left: 338px;
	position: absolute;
	}
#bottom_right a {
	top:100px;
	left: 215px;
	position:absolute;
	color: #3166d4;
	text-decoration:underline;
	font-weight:500;
	width: 90px;
	}
#bottom_right span
	{
	display:block;
	overflow:hidden;
	width:0;
	height:0;
	}
#mcp span {
	top:610px; 
	left: 20px;
	width:150px;
	height: 39px;
	background: url('/images/mcp-logo.gif') no-repeat;
	z-index:15;
	position:absolute;
	}
/* ---------------------------------------------FOOTER----------------------------------------------------- */
#footer {
	margin:0; padding:0;
	width:100%; height:auto;
	top: 740px;
	background: #e1f2fa url('/images/footer_BG.gif') repeat 0 0;
	position:relative;
	}
#footer_content {
	position: relative; 
	width:940px; 
	height:60px;
	top: -50px;
	text-align:center;
	margin-left:auto; 
	margin-right:auto;
	font-size: 12px;
	font-family: Arial;
	}
	
#footer_content ul, li
{
	padding: 10px 0px 10px 0px;
	list-style-type:none;
	display:inline;
}
#footer_content a
{
	color: #3166d4;
}
#footer_content a:hover
{
	color: Maroon;
}
/*---------------------------------------------------SECTIONS---------------------------------*/
#header_line
{
	margin:0;padding:0;
	background-color: #cccccc;
	height: 2px;
	width: 940px;	
}
#header_text
{
	padding: 10px 20px 20px 20px;
	min-width:900px;
	color: #3c3c3c;
	}
#header_text h1
{
	margin:0;padding:0;
	display:inline;
	}
#body_copy
{
	position:relative;
	font-family: Times New Roman;
	padding: 5px 50px 20px 30px;
	color: #3c3c3c;
	min-width: 600px;
	z-index: 20;
	}
#body_copy h1, h2, h3, h4
{
	padding-bottom:0;
	margin-bottom:0;
	font-family:Arial;
	font-weight:500;
	color: #3c3c3c;
}
#body_steplist
{
	position:relative;
	z-index: 10;
	margin-left:20px;
	}
#body_steplist h3
{
	margin: 3px 3px 3px 3px;
}
.body_headpara
{
	color: #3c3c3c;	
}
#service_p1
{
	position:relative;
	z-index:2;
	padding-left: 115px;
	text-align:justify;
}
.para_service
{
	padding-left: 115px;
}
#breadcrumbs
{
	font-size: 11px;
	font-family: Arial;
	margin-left:25px;	
}
.contact_line
{
	display:inline-block;
	width:65px;
	font-weight:700;	
}