@charset "utf-8";
/* CSS Document */

body{
	background: url(images/bg.jpg) repeat-x top;
	margin:0;	
	}
.Clear
	{
	clear:both;
	}
.Container{
	width:983px;
	height:auto;
	margin:0 auto;
	padding:0;
	}
.Hdr{
	width:983px;
	height:143px;
	margin:0;
	padding:0;
	float:left;
	display:block;
	}
.Logo{
	width:291px;
	height:61px;
	margin:42px 0 0 0 ;
	padding:0;
	float:left;
	display:block;
	}
.Menu{
	width:545px;
	height:61px;
	margin:60px 0 0 140px;
	padding:0;
	float:left;
	display:block;
	}
.Menu ul{
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	}
.Menu ul li{
	height:50px;
	float:left;
	font:16px Arial, Helvetica, sans-serif;
	color:#00b1d5;
	margin:0;
	padding:0 0;
	float:left;
	display:block;
	}
.Menu ul li a{
	font:16px Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration:none;
	}

#Menu-Selected
	{
	color:#00b1d5;
	}
.Menu ul li a:hover{
	font:16px Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration:none;
	}
.Menu ul li small{
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#959595;
	margin:0;
	padding:0 0;
	float:left;
	display:block;
	}
.Menu span{
	width:2px;
	height:28px;
	background:url(images/m-spe.jpg) no-repeat;
	margin:0 30px;
	float:left;
	display:block;
	}	
.Banner{
	width:982px;
	height:303px;
	background:url(images/banner-main2.jpg) no-repeat;
	margin:0 auto;
	padding:0;

	display:block;
	}
.Banner-Full{
	width:100%;
	height:303px;
	background:#0cb1df;
	margin:0 0 0 0 ;
	border-top:solid 1px #048097;
	border-bottom:solid 1px #048097;
	padding:0;
	float:left;
	display:block;
	}
.Banner-Txt{
	width:350px;
	height:auto;
	margin:70px 50px;
	padding:0;
	float:left;
	display:block;
	}
.Banner-Txt h1{	
	font:36px Arial, Helvetica, sans-serif;
	color:#00b1d5;
	text-transform:uppercase;
	margin:0;
	}
.Banner-Txt h2{	
	font:28px Arial, Helvetica, sans-serif;
	color:#5a5758;
	text-transform:uppercase;
	margin:0;
	}
.Banner-Txt span
	{
	width:117px;
	background:url(images/btn.png) no-repeat;
	padding:10px 0;
	font:14px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	float:left;
	margin-top:60px;
	}
.Banner-Txt span a
	{
	font:14px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	}
.Content{
	width:983px;
	height:auto;
	margin:30px 0;
	padding:30px 0;
	border-top:dotted 1px #CCC;
	float:left;
	display:block;
	}
.About-Us{
	width:960px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	display:block;
	}
.About-Us img{
	float:left;
	margin:0 20px 20px 0;
	display:block;
	}
.About-Us p
	{
	font:12px Arial, Helvetica, sans-serif;
	color:#979797;
	line-height:18px;
	margin:0;
	padding:0 40px;
	text-align:center;
	}
.About-Us p a
	{
	font:12px Arial, Helvetica, sans-serif;
	color:#41a7d6;
	text-decoration:none;
	}
.About-Us span
	{
	width:42px;
	background:url(images/circle-blue.png) no-repeat;
	padding:9px 0;
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	float:left;
	margin:0 10px 0 0;
	}
	
.BottomText{
	width:980px;
	height:auto;
	margin:0;
	padding:30px 0;
	float:left;
	display:block;
	text-align: center; /*For logos center*/
	border-top:dotted 1px #CCC;
	border-bottom:dotted 1px #CCC;
	}
.BottomText img{
	margin:0 75px;
	}	

.BottomText h1{	
	font:26px Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	background:#00b1d5;
	border:solid 1px  #09C;	
	margin:0 50px 0 0;
	padding:10px 10px;
	}
	
.Call{
	width:980px;
	height:auto;
	margin:0;
	padding:20px 0;
	text-align:center;
	float:left;
	display:block;
	border-bottom:dotted 1px #CCC;
	}
.Call img{
	}
.Call h1{
	font:26px Arial, Helvetica, sans-serif;
	color:#5a5758;
	margin:0;
	padding:0;
	}
.Call h1 strong{	
	font:bold 32px Arial, Helvetica, sans-serif;
	color:#00b1d5;
	text-transform:uppercase;
	margin:0;
	}
	
.Call2{
	width:980px;
	height:auto;
	margin:20px 0 0 0;
	padding:10px 0;
	float:left;
	display:block;
	border-top:dotted 1px #CCC;
	border-bottom:dotted 1px #CCC;
	}
.Call2 h4{
	font:16px Arial, Helvetica, sans-serif;
	color:#5a5758;
	padding:0;
	margin-right:170px;
	float:left;
	}
.Call2 h4 strong{	
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#00b1d5;
	}

.Services{
	width:275px;
	height:auto;
	margin:0 0 0 20px;
	padding-left:20px;
	float:left;
	display:block;
	}

.Services h1{
	font:14px/24px Arial, Helvetica, sans-serif;
	color:#4a4a4a;
	text-transform:uppercase;
	margin:0
	}
.Services ul{
	margin:10px 0;
	padding:10px 0;
	border-top:dotted 1px #CCC;
	list-style: none;
	float:left;
	display:block;
	}
.Services ul li{
	font:12px/24px Arial, Helvetica, sans-serif;
	color:#979797;
	margin:0;
	padding:2px;
	display:block;
	}
.Services ul li small{
	font:12px/24px Arial, Helvetica, sans-serif;
	color:#41a7d6;
	}
.Recent-Work{
	width:983px;
	height:auto;
	margin:10px 0;
	padding:0 0;
	float:left;
	display:block;
	}
.Recent-Work h1{
	font:14px/24px Arial, Helvetica, sans-serif;
	color:#4a4a4a;
	border-bottom:dotted 1px #CCC;
	text-transform:uppercase;
	margin:0;
	padding-bottom:10px;
	}

.Services-Box img{
	margin:0 25px 0 0;
	border:solid 1px #c1c1c1;

	}
.Services-Box{
	width:222px;
	height:auto;
	float:left;
	margin:30px 30px 0 0;
	}
.Services-Box h2{
	font:14px/24px Arial, Helvetica, sans-serif;
	color:#333;
	border-bottom:dotted 1px #CCC;
	text-transform:uppercase;
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
	}
.Footer{
	width:982px;
	height:59px;
	background:url(images/ftr-bg.jpg);
	margin-top:40px;
	}
.CopyRight{
	font:12px/24px Arial, Helvetica, sans-serif;
	color:#333;
	float:left;
	margin:16px;
	display:block;
	}
.CopyRight strong{
	color:#3096c5;
	text-transform:uppercase;
	}
.Follow{
	font:12px/24px Arial, Helvetica, sans-serif;
	color:#333;
	float:right;
	margin:16px;
	display:block;
	}
.Follow img{
	margin:0 0 0 10px}
.Follow strong{
	float:left;}
.Services-Banner{
	width:982px;
	height:352px;
	background:url(images/Software-Banner.jpg) no-repeat;
	margin:0 auto;
	padding:0;
	display:block;
	}
.Services-Banner-Full{
	width:100%;
	height:352px;
	background:#0cb1df;
	margin:0 0 0 0 ;
	padding:0;
	float:left;
	display:block;
	}

.Col_1{
	width:250px;
	height:auto;
	float:left;
	margin:0 110px 0 0;
	color:#979797;
	font:14px/20px Arial, Helvetica, sans-serif;
	}	
.Col_1 h3{
	font:18px/26px Arial, Helvetica, sans-serif;
	color:#0cb1df;
	margin:0;
	}	
	
.BookK-Banner{
	width:982px;
	height:203px;
	background:url(images/bookkeeping-banner.jpg) no-repeat;
	margin:0 0 0 0 ;
	padding:0;
	float:left;
	display:block;
	}
.Contact-Banner{
	width:982px;
	height:203px;
	background:url(images/ctct-banner.jpg) no-repeat;
	margin:0 auto ;
	padding:0;
	
	display:block;
	}
.Contact-Banner-Full{
	width:100%;
	height:203px;
	background:#0cb1df;
	margin:0 0 0 0 ;
	padding:0;
	float:left;
	display:block;
	}
.Inner-Content{
	width:983px;
	height:auto;
	margin:30px 0;
	padding:30px 0;
	border-top:dotted 1px #CCC;
	border-bottom:dotted 1px #CCC;
	float:left;
	display:block;
	}
.Inner-Content h1{
	font:16px/24px Arial, Helvetica, sans-serif;
	color:#4a4a4a;
	text-transform:uppercase;
	margin:0;
	padding-bottom:10px;
	}
.Inner-Content p
	{
	font:12px Arial, Helvetica, sans-serif;
	color:#979797;
	line-height:18px;
	margin:0;
	}
.Inner-Content em
	{
	font:12px Arial, Helvetica, sans-serif;
	color:#979797;
	line-height:26px;
	margin:0;
	font-style:normal;
	}
.Inner-Content p strong
	{
	font:bold 14px/25px Arial, Helvetica, sans-serif;
	color:#979797;
	line-height:18px;
	margin:0;
	}
.Inner-Content p a
	{
	font:12px Arial, Helvetica, sans-serif;
	color:#41a7d6;
	text-decoration:none;
	}
.Inner-Content h2{	
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#00b1d5;
	text-transform:uppercase;
	margin:0;
	}
	
/*----------------------------------------------*/
/* contact us */
/*----------------------------------------------*/

.contact{
width:100%;
height:auto;
float:left;
margin:0px;
padding:0px;}

.contact-info{
width:300px;
height:auto;
float:right;
margin:0px;
padding:0px;}

.contact-info h1{
font:16px/24px Arial, Helvetica, sans-serif;
color:#4a4a4a;
background:url(images/seperator.jpg) repeat-x bottom;
margin:0;
padding:10px 0;}

.contact-info p{
font:12px/20px Tahoma;
color:#979797;
padding:0;
margin:0 0 0 0;}

.contact-info strong{
color:#41a7d6;
text-shadow:#fff 2px 2px;}

.contact-us-form{
width:600px;
height:auto;
float:left;
margin:0 0;
padding:0px;}

.contact-us-form h1{
	
color:#2376ae;
background:url(images/seperator.jpg) repeat-x bottom;
text-shadow:#fff 2px 2px;
margin-bottom:20px;
padding:10px 0;}

.contact-us-form p{
font:bold 14px/20px Tahoma;
color:#e11330;
text-shadow:#fff 1px 1px;
padding:0;
margin:0 0 0 0;}

#contactform { margin:30px 0 0 0; padding:5px 10px; text-shadow:#fff 2px 2px; }
#contactform * { color:#41a7d6; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:100px; display:block; padding:16px 0; color:#575757; font:bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; }
#contactform label span { color:#06C; }
#contactform input.text { width:450px; border:1px solid #ddd; margin:10px 0; padding:5px 2px; height:16px; background:#fff; float:right; }
#contactform select { width:455px; border:1px solid #ddd; margin:10px 0; padding:6px 10px; background:#fff; float:right;}
#contactform textarea { width:450px; border:1px solid #ddd; margin:10px 0; padding:2px; background:#fff; float:right; resize:none; }
#contactform li.buttons input { padding:3px 0 3px 0; margin:10px 0 0 0; border:0; color:#FFF; float:right; }