/******************************************************************/
/*	Updated 06 May 2008
/*	By Prabhath Perera
/*	Added h3 and seo facts class
/******************************************************************/
/******************************************************************/
/*	Updated 19 March 2008
/*	By Prabhath Perera
/******************************************************************/

body{
	margin: 14px 0px 0px 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
}

form{
	margin: 0px;
}

/* GENERAL */

/* image borders */
a img { color: #fff; }         /* hide the border in Netscape 4 */
@media all {                   /* hide from Netscape 4 */
   a img, img { color: inherit;/* undo the rule above */
   border: none;               /* hide from Netscape 4 */
   }                           /* code from W3C - www.w3.org */
}

/* links */
A, A:link, A:visited {
    color: #666666; /* link_color */
    text-decoration: none;
}
A:hover {
    color: #FF5A00;
    text-decoration: none;
}
 
p
{ 
	padding:0px;
	margin:0px;
}

ul{ margin:0px; padding:3px; padding-left:25px; list-style-type:disc;}
ul li{ margin:0px; padding:0px; }

.content, .fav, .tick
{
	font:11px Verdana, Arial, Helvetica, sans-serif; 
	color:#0B3B61; 
	line-height:15px; 
	text-align:justify;
}

ul.fav, ul.tick{list-style-type: none; padding-left:50px;}

.fav li, .tick li
{
	background: url(http://www.dolphin-it.com/enews/july08/images/star.jpg) left top no-repeat;
	line-height:20px;
	padding-left:25px;
	margin-top:0px;
	margin-left:10px;
}

.fav li
{
	background: url(../images/star.jpg) left top no-repeat;
}

.tick li
{
	background: url(../images/tick.jpg) left top no-repeat;
}


.blacktext
{
	font:11px Verdana, Arial, Helvetica, sans-serif; 
	color:#000000; 
	line-height:15px; 
	text-align:justify;
}

#main{
	width: 900px;
	margin: 0px auto;
	text-align: left;
	padding-bottom: 40px;
	position: relative;
}


#HeaderDiv
{
	width: 100%;
	position: relative;
	height: 69px;
	border-bottom:1px solid #b6bec3;
}
	#Logo
	{
		position: absolute;
		left: 10px;
		top: 0px;
	}
	
	#MicroSoftCertified
	{
		position: absolute;
		top: 0px;
		right: 0px;
	}

	#TopMenuContainer
	{
		position: absolute;
		right: 0px;
		top: 46px;
		width: 597px;
		height: 22px;
		border-right: 1px solid #b6bec3;
		border-top: 1px solid #b6bec3;
		background: url("../images/top_menu_background.jpg") repeat-x top left;
		
		font-weight: bold;
		color: #5e6c76;
	}

		#TopMenu
		{
			margin-left: 10px;
			margin-top: 4px;
		}
		
		#TopMenu a, #TopMenu a:active, #TopMenu a:link, #TopMenu a:visited
		{
			text-decoration: none;
			color: inherit;
			font:bold 11px "Trebuchet MS"; 
			text-transform:uppercase;
		}
		#TopMenu a:hover
		{
			text-decoration: underline;
			color:#FF9900 ;
		}
		#TopMenu .spacer
		{
			margin-left: 7px;
			margin-right: 7px;
		}

	#TopMenuLeftImage
	{
		position: absolute;
		left: 265px;
		top: 46px;
	}

#HeaderImage
{
	margin-top: 1px;
}

#PageHeadingContainer
{
	width: 898px;
	border: 1px solid #b6bec3;
	height: 43px;
	background: url("../images/heading_background.jpg") repeat-x;
	
}
	#PageHeadingContainer div.PageHeading
	{
		position: relative;
		top: 17px;
		left: 10px;
		width:300px;
	}

	#PageHeadingContainer div.PageHeading h1
	{
		margin: 0px;
		padding: 0px;
		font:bold 20px "Trebuchet MS"; 
		color:#165999; 
		text-decoration:none;
	}


/*Content Container*/
#ContentContainer
{
	width: 100%;
	position: relative;
	margin-top: 10px;
	float: left;
}

	#ContentBody
	{
		float: left;
		width: 620px;
		padding-right: 6px;
		padding-left: 10px;		
	}

	#RightMenuContainer
	{
		float: right;
		width: 240px;
		position: relative;
		padding-right:10px;
	}

		DIV.MenuContainer
		{
			width: 239px;
			border-left: 1px solid #b6bec3;
			border-right: 1px solid #b6bec3;
			position: relative;
			background: url("../images/right_menu_background.jpg") repeat-x bottom left;
		}

			DIV.RightMenuHeading
			{
				margin-left: 10px;
				width: 210px;
				height: 65px;
			}

			SPAN.HeadingText
			{
				display: inline;
				position: relative;
				top: -18px;
				left: 5px;
				font:bold 16px "Trebuchet MS"; 
				color:#FF5A00; 
				text-decoration:none; 
				text-transform:uppercase;
			}
			span.HeadingText1
			{
				font:bold 16px "Trebuchet MS"; 
				color:#FF5A00; 
				text-decoration:none; 
				text-transform:uppercase;
			}


			DIV.RightMenuContent
			{
				margin-left: 23px;
				width: 205px; 
				padding-bottom: 15px;
			}
	
				UL.RightMenuUL
				{
					margin: 0px;
					padding-left: 0px;
					font-size: 11px;
				}
					UL.RightMenuUL LI, UL.RightMenuUL LI a, UL.RightMenuUL LI a:active, UL.RightMenuUL LI a:visited
					{
						list-style-type: none;
						padding-bottom: 5px;
						color:#0B3B61;
						text-decoration:none;
						font-family:Verdana, Arial, Helvetica, sans-serif;
					}
					UL.RightMenuUL LI a:hover 
					{
						color:#FF9900;
						text-decoration:none;
					}

						UL.RightMenuUL LI UL
						{
							margin: 8px 0px 5px 0px;
							padding-left: 11px;
						}
							UL.RightMenuUL LI UL LI
							{
								padding-bottom: 2px;
								font-size: 11px;
								color:#545454;
							}
							UL.RightMenuUL LI UL LI a, UL.RightMenuUL LI UL LI a:active, UL.RightMenuUL LI UL LI a:visited
							{
								color:#545454;
							}
							UL.RightMenuUL LI UL LI a:hover
							{
								color:#003399;
							}


				img.MenuArrow
				{
					position: relative;
					top: -2px;
					padding-right: 7px;
				}

/* Footer */

#FooterContainer
{
	margin-top: 15px;
	width: 100%;
	background: url("../images/footer_background.jpg") repeat-x top left;
	height: 10px;
	position: relative;
}
	#FooterContainer DIV.CopyRight
	{
		position: relative;
		float: left;
		top: 10px;
		left: 10px;
	}

	#FooterContainer DIV.PrivacyPolicy
	{
		position: relative;
		float: right;
		top: 10px;
		right: 10px;
	}

	#FooterContainer a, #FooterContainer a:link, #FooterContainer a:visited
	{
		text-decoration: none;
		color: #666666;
	}

	#FooterContainer a:hover
	{
		text-decoration: underline;
		color: #666666;
	}


/*General*/
.HRDots
{
	background: url("../images/hr_dot.gif") repeat-x;
	width: 100%;
	height: 4px;
	margin: 10px 0px 10px 0px;
}

/* Fonts */

h2
{
	margin: 0px;
	margin-bottom: 10px;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif; 
	color:#FF6600; 
	text-decoration:none;
}

h3
{
	margin: 0px;
	margin-bottom: 10px;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:none;
	font-weight:bold;
}

.highlightedArea
{
	color:#993300;
	text-decoration:none;
}

/***************Use for CONTACT US PAGE***********/

	#ContactLeftBody
	{
		float: left;
		width: 390px;
		padding-right: 5px;
	}

	#ContactRightBody
	{
		float: right;
		width: 489px;
		padding-right:10px;
		position: relative;
	}
	.ContactDetails
	{
		font:13px Verdana, Arial, Helvetica, sans-serif; 
		text-decoration:none; 
		color:#0B3B61; 
		line-height:24px;
	}
	.leftright_border
	{
		border:1px solid #C1CAD1; 
		border-top:none; 
		border-bottom:none;
		background:url(../images/largediv_bg.jpg) repeat-x bottom #FFFFFF;
	}

	.quote_border
	{
		width:487px;
		margin-left:0px;
		border:1px solid #C1CAD1; 
		border-top:none; 
		border-bottom:none;
		background:url(../images/largediv_bg.jpg) repeat-x bottom #FFFFFF;
	}
.inputbox 
{
	font-family: Verdana;
	font-size: 11px;
	/*color: #ccc;*/
	border: 1px solid #ccc;
	/*height: 15px;*/
	padding: 2px;
	width:200px;
}

.selectbox 
{
	font-family: Verdana;
	font-size: 11px;
	color: #000;
	border: 1px solid #ccc;
	height: 15px;
	width:200px;
}
.CommentBox
{
	font-family: Verdana;
	font-size: 11px;
	/*color: #ccc;*/
	border: 1px solid #ccc;
	height: 70px;
	width:203px;
}


.SubmitBox
{
	font-family:"Trebuchet MS", Verdana;
	font-size: 14px;
	color: #fff;
	border: 1px solid #fff;
	height: 22px;
	width:70px;
	background:#4C87AB;
}


.error {
	color: red;
	margin-right: 50px;
	display:none;
	font-weight: bold;
}

/****************Use for Support Page SubLinks**************/
#SupportSublinks
{
/*	position:absolute;
	left:0px;
	top:-10px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4D4D4D;
	border:1px #C4CACD solid;
	border-right:none;
	/*height:52px;
	width:885px;*/
	height: 47px;	
	width: 875px;
	padding-left: 10px;
	padding-top: 5px;
	float:left;
	font-weight:bold;
	/*background:url(../images/right_corner.jpg) right no-repeat;*/
}
#SupportSublinks a
{
/*	position:absolute;
	left:0px;
	top:-10px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4D4D4D;
	font-weight:bold;
	/*background:url(../images/right_corner.jpg) right no-repeat;*/
}



#SupportSublinks a:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0970A5;
	font-weight:bold;
}


.border
{
	border:1px #EAEAEA solid;
}

/*******************Use for small blue links********************/
.bluelinks, .bluelinks a, .bluelinks a:link, .bluelinks a:visited
{ 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#0970A5; 
	text-decoration:none;
}
.bluelinks a:hover
{ 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#000000; 
	text-decoration:none;
}
/************************END*********************/


/********************Use for PORTFOLIO LEFT BORDER***************/
#PorffolioLeftBorder
{
	background:url(../images/dashed_horz.jpg) repeat-y;
	width:389px;
}
/*****************************END********************************/

	#PortfolioLeftBody
	{
		float: left;
		width: 405px;
		padding-right: 5px;
	}

	#PortfolioRightBody
	{
		float: right;
		width: 489px;
		position: relative;
	}


/********************Use for PORTFOLIO LEFT BORDER***************/
.Portfolio_Pagelinks
{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#0970A5; 
	text-decoration:none;
	font-weight:bold;
}

.Portfolio_Pagelinks a, .Portfolio_Pagelinks a:link, .Portfolio_Pagelinks a:visited
{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#FF7E00; 
	text-decoration:none;
	font-weight:bold;
}


.Portfolio_Pagelinks a:hover
{
	color:#0970A5; 
	text-decoration:none;
}

.PAGES
{ 
	color:#FF7E00;
}

.PortfolioWebNames
{
	background:url(../images/port_webname_bg.jpg) repeat-x;
	margin:0px auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	height:28px;
	width:484px;
	text-align:center;
}
.PortfolioWebNames a, .PortfolioWebNames a:link, .PortfolioWebNames a:visited, .PortfolioWebNames a:active
{
	color:#FFFFFF;
}
.PortfolioWebNames a:hover
{
	color:#003366;
}

.PortfolioWebNames div
{
	padding-top:6px;
}
/*****************************END********************************/

#NextBack
{
	width: 100%;
	height: 33px;
	position: relative;
	background:#6D93B0;
}
	#NextBack img.leftbtmCurve
	{
		position: relative;
		float: left;
		top: 0px;
		left: 0px;
	}

	#NextBack img.rightbtmCurve
	{
		position: relative;
		float: right;
		top: 0px;
		right: 0px;
	}
	#NextBack div.NBbuttons
	{
		width:120px;
		position:absolute;
		right:33px;
		top:10px;
		float:right;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFF;

	}
	
	#NextBack div.NBbuttons a, #NextBack div.NBbuttons a:link, #NextBack div.NBbuttons a:visited
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFF;

	}
	
	#NextBack div.NBbuttons a:hover
	{
		color:#000000;

	}

	.nblinks
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFF;
		text-decoration:none;
	}
	
.white_subhead 
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #ffffff; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none;
}

/*********************************Use for Sitemap Page links***************************/
.Companybox
{
	width:250px;
	float:left;
	padding-left:25px;
	
}
.Companybox div
{
	height:20px;
	background:#9794D5;
	text-decoration:none;
	font: bold 16px "Trebuchet MS";
	color:#FFFFFF;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:5px;
}

.Servicesbox
{
	width:250px;
	float:left;
	padding-left:25px;
}
.Servicesbox div
{
	height:20px;
	background:#8F91BE;
	text-decoration:none;
	font: bold 16px "Trebuchet MS";
	color:#FFFFFF;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:5px;
}

.Portfoliobox
{
	width:250px;
	float:left;
	padding-left:25px;
}
.Portfoliobox div
{
	height:20px;
	background:#FF953E;
	text-decoration:none;
	font: bold 16px "Trebuchet MS";
	color:#FFFFFF;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:5px;
}

.OtherLinkbox
{
	width:250px;
	float:left;
	padding-left:25px;
	clear:both;
	padding-top:20px;
}
.OtherLinkbox div
{
	height:20px;
	background:#5580A0;
	text-decoration:none;
	font: bold 16px "Trebuchet MS";
	color:#FFFFFF;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:5px;
}


				UL.boxUL
				{
					margin: 0px;
					font-size: 11px;
					padding-left:30px;
					padding-top:15px;
					/*background:#F1F1F1;*/
					border-left:1px dashed #666666;
					border-bottom:1px dashed #666666;					
					height:250px;
				}
					UL.boxUL LI, UL.boxUL LI a, UL.boxUL LI a:active, UL.boxUL LI a:visited
					{
						list-style-type: none;
						list-style-image:url(../images/arrow.gif);
						padding-bottom:10px;
						color:#0B3B61;
						text-decoration:none;
						font-family:Verdana, Arial, Helvetica, sans-serif;
					}
					UL.boxUL LI a:hover 
					{
						color:#FF9900;
						text-decoration:none;
						list-style-image:url(../images/arrow_hover.gif);
					}


.seo_facts{
width:400px;
background-image:url(../images/seo_facts_backgroundd.jpg);
background-repeat : repeat-x;
}


#SEOContainer
{
	width: 400px;
	border: 1px solid #b6bec3;
	position: relative;
	background: url("../images/right_menu_background.jpg") repeat-x bottom left;
	margin-left:100px;
	padding:10px;
}

DIV.SEOHeading
{
	margin-left: 10px;
	width: 210px;
	height: 65px;
}

DIV.SEOContent
{
	margin-left: 23px;
	width: 205px; 
	padding-bottom: 15px;
}