@charset "utf-8";

body, html {
margin:0;
padding:0;
}

*html
{margin:0;
padding:0;
}

#main {
width:100%;
text-align:center;
overflow:visible;
}

#header {
width:100%;
height:126px;
background-color:#fff;
}

#header_strip {
width:100%;
height:126px;
background-image:url(../web_images/header_back.jpg);
background-repeat:repeat-x;
}

.smallarea{
	height:45px;
	width:100%;
	text-align:center;
}

.smallareatext{
	width:920px;
	overflow:hidden;
	margin:0 auto;
}
#top_menu_container {
width:920px;
height:77px;
text-align:center;
margin:0 auto;
}

#main_body {
background-color:#FFF;
background-image:url(../web_images/index_body_bottom_grad.jpg);
background-repeat:repeat-x;
background-position:bottom;
}

#body_container {
width:920px;
text-align:left;
height:1890px;
margin:0 auto;
overflow:visible;
padding-top:15px;
}

#topmenubox
{
	padding-left:20px;
	padding-top:48px;
}

.logo
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='web_images/logo.png');
	float:left;
	width:105px;
	background-repeat:no-repeat;
	height:75px;
}
.logo[class]
{	background-image:url(../web_images/logo.png);
}

#topmenumain
{
	width:815px;
	text-align:left;
	float:left;
}

#top_menu{
	padding:0;
	margin:0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
#top_menu li{
	float:left;
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 0px 0 0px; /* indent between menu items */
}
#top_menu li a{
	float:left;
	display:block;
	color:#fff;
	background:url(../web_images/top_menu_bg_over.gif) repeat-x;
	text-decoration:none;
}
#top_menu li a .menu_left{
	float:left;
	display:block;
	background:url(../web_images/top_menu_left_over.gif) no-repeat;
}
#top_menu li a .menu_right{
	float:left;
	display:block;
	cursor:pointer; /* for IE6 */
	text-align:center;
	padding:6px 25px 0 25px;
	height:23px;
	background:url(../web_images/top_menu_right_over.gif) no-repeat right top;
}
#top_menu li a:hover{
	background:url(../web_images/top_menu_bg.gif) repeat-x;
}
#top_menu li a:hover .menu_left{
	background:url(../web_images/top_menu_left.gif) no-repeat;
}
#top_menu li a:hover .menu_right{
	background:url(../web_images/top_menu_right.gif) no-repeat right top;
}

/*==================footerbox start==============*/


#footerbox
{
	width:100%;
	height:3px;
	background-color:#6FBD43;
	background-image:url(../web_images/spacer.gif);
	background-repeat:no-repeat;
}
.footerboxtext
{
	width:100%;
	height:80px;
	background-color:#1A1A1A;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;

}
.linktext
{
	width:920px;
	height:20px;
	background-color:#1A1A1A;
	overflow:hidden;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing:1px;
	font-weight: normal;
	color: #FFFFFF;
}

.linktext a
{
	width:920px;
	height:20px;
	background-color:#1A1A1A;
	overflow:hidden;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing:1px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;
}

.footerlinkgrey
{ 	width:920px; margin:0px auto;
	color:#777;
	font-size:12px;
	font-weight:400;
	word-spacing:2px;
	line-height:18px;
	text-decoration:none;
}

.footerlinkgrey a
{	width:920px; margin:0px auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:400;
	color:#777;
	word-spacing:2px;
	line-height:18px;
	text-decoration:none;
}

/*==============text style start=============*/
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	letter-spacing:.01em;
	font-weight:700;
	color:#27A7CF;
	display:inline;
	margin:0;
	padding:0;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFF;
	display:inline;
	margin:0;
	padding:0;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	letter-spacing:.01em;
	font-weight:700;
	color:#27A7CF;
	display:inline;
	margin:0;
	padding:0;
}

.grayMediumNormal {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:400;
	color:#777;
	word-spacing:2px;
	line-height:18px;
	text-decoration:none;
}

.whiteSmallBold {
	padding-right:7px; float:right; text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	font-weight:700;
	color:#FFF;
	text-decoration:none;
}

.lightredfont
{	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#ff3c00;
	font-style:normal;
	font-weight:normal;
	text-decoration:underline;
}

.greenSmallBold {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:1px;
font-weight:700;
color:#7EBE20;
}

.blueSmallNormal {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:1px;
color:#20B8E9;
}

.bullet_list {
	margin-left:0;
	margin-top:0.1em;
	list-style-type:none;
	padding:0;
}

.bullet_list li {
	background-image:url(../web_images/bullet.jpg);
	background-repeat:no-repeat;
	background-position:0 .3em;
	padding-left:1.1em;
	margin-left:0em;
	letter-spacing:0px;
}

.bullet_list li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#389AD6;
	letter-spacing:0;
	text-decoration:none;
}

.bullet_list li a:hover {
color:#333;
text-decoration:underline;
}

.general_list {
	margin-left:0;
	margin-top:0;
	list-style-type:none;
	padding:0;
}

.general_list li {
	background-image:url(../web_images/bullet.jpg);
	background-repeat:no-repeat;
	background-position:0 0.3em;
	padding-left:1.4em;
	margin-left:.2em;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#389AD6;
	font-weight:400;
	text-decoration:none;
}

.joomlabanner
{
	width:332px;
	height:85px;
	clear:both;
	margin:0 auto;
	padding:5px 0px 0px 5px;
}
.bluefontMedium
{	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	letter-spacing:.01em;
	font-weight:700;
	color:#27A7CF;
	text-decoration:none;

}

/*============body style===========*/
.roundrel
{
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: inherit;
	zoom: 1; /* For IE6 */
	
	
}
.greyroundbox {
	background-color: #f2f2f2;
	width: 920px;
	height: 330px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(border-radius.htc);
}

.rounddiv1
{
	width:650px;
	position:absolute;
	padding:14px 0px 14px 15px;
	left:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:700;
	color:#333;
	text-decoration:none;
}
.rounddiv2
{
	width:172px;
	position:absolute;
	right:0px;
	height:26px;
	display:inline;
	
}

.rounddiv3
{
	width:900px;
	position:relative;
	margin:0 auto;
	top:44px;
	height:276px;
	display:block;
	
}
.portfoliopanel
{
	width:500px;
	height:275px;
	padding-left:7px;
	position:absolute;
}
.topbanner
{
	width:500px;
	height:55px;
	position:absolute;
	display:block;

}

.portfolio
{
	width:498px; overflow:hidden; padding-top:25px;
	position:absolute; display:block; top:57px; background:#389ad7;
}
.caption
{width:488px; height:31px; background-color:#1B78D5; position:absolute; bottom:0;
font-family:Arial, Helvetica, sans-serif;
padding:10px 0px 0px 10px;
	font-size:12px;
	letter-spacing:1px;
	font-weight:700;
	color:#FFF;
	text-decoration:none;
}
.bulletbox
{
	width:204px;
	height:265px;
	padding:10px 0px 0px 7px;
	position:absolute;
	display:inline;
	left:510px;
	background-color:#fff;
}

.bannerbox
{
	width:175px;
	height:275px;
	position:absolute;
	background-color:#fff;
	display:inline;
	right:0px;
	
}
/*===================second body========*/
.chatpanel
{
	width:920px;
	position:absolute;
	padding-top:7px;
	
}
.chatbox1
{
	width:550px;
	border:1px solid #e9e9e9;
	position:absolute;
	height:97px;
}
.items
{
 width:380px;
 position:absolute;
 padding:5px 0px 0px 5px;
}


.livechat
{ width:140px;
 position:absolute;
 right:0px;
 text-align:center;
 padding-top:10px;
}
 
.divider
{ width:5px;
height:91px;
 position:absolute;
 background:url(../web_images/index_blue_divider.jpg) center center no-repeat;
 right:155px;
}
.chatbox2
{
	width:167px;
	border:1px solid #e9e9e9;
	padding:5px;
	position:absolute;
	height:87px;
	right:184px;
}
.chatbox3
{
	width:167px;
	border:1px solid #e9e9e9;
	padding:5px;
	position:absolute;
	height:87px;
	right:0px;
}

.box2
{
	width:920px;
	padding-top:7px;
	position:relative;
	display:block;
	top:105px;
		
}

.box3
{
	width:920px;
	padding-top:7px;
	position:relative;
	display:block;
	top:690px;
		
}

/*==============text style =============*/

.contentbox
{width:544px; padding-top:5px; padding-left:5px; position:absolute;
}
.head1
{
	width:100%;
	float:left;
	padding:12px 4px 7px 0px;
	border-bottom:1px dashed #777;
}

.headtext
{
	width:100%;
	padding-top:10px;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:400;
	top:40px;
	color:#777;
	word-spacing:2px;
	line-height:18px;
	text-decoration:none;
	text-align:justify;
	
}

.headtext a
{
	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:400;
	top:40px;
	color:#777;
	word-spacing:2px;
	line-height:18px;
	text-decoration:none;
	text-align:justify;
	
}

img.pos {float:left; padding-right:5px}

.shape1
{float:left; padding-right:5px;
width:80px;
height:80px;
background:url(../web_images/index/index_shape1.jpg) top center no-repeat;
}
.shape2
{float:left; padding-right:5px;
width:100px;
height:88px;
background:url(../web_images/index_webpages.jpg) top center no-repeat;
}
.shape3
{float:left; padding-right:5px;
width:100px;
height:88px;
background:url(../web_images/index/shape5.gif) top center no-repeat;
}
.shape4
{float:left; padding-right:5px;
width:121px;
height:105px;
background:url(../web_images/index/shape3.gif) top center no-repeat;
}
.shape5
{float:left; padding-right:5px;
width:60px;
height:105px;
background:url(../web_images/index/shape4.gif) top center no-repeat;
}

.shape6
{float:left; margin-right:8px;
width:90px;
height:87px;
background:url(../web_images/index/php.jpg) top center no-repeat;
}
/*============form start==========*/
.contentboxright
{width:360px; padding-top:5px; padding-left:5px; position:absolute; right:0px;
}

/*===========contact form start here=========*/
span.c42 {float:left; margin-left:5px}
img.c15 {float:left}

.service
{width:360px; height:167px; padding-top:7px}

.ivrs {width:360px; height:165px; margin-top:12px; padding-top:5px; padding-bottom:5px; border:1px solid #DEDEDE; -moz-border-radius:8px;-webkit-border-radius:8px}

div.c52 {width:360px; height:165px; margin-top:20px; padding-top:5px; padding-bottom:5px; border:1px solid #DEDEDE}
 div.c51 {float:right; width:220px; height:165px}
 div.c50 {padding-bottom:10px; padding-left:4px}
 div.c49 {width:132px; float:left; padding:7px 0px 0px 5px}
 div.c54 {margin-top:5px; margin-left:80px}
 div.c53 {margin-top:20px; margin-left:80px}
 div.c45 {height:140px}
 div.c24 {float:left}
 div.c25 {float:right}
 div.c12 {float:right}
 div.c44 {float:left; padding-top:5px; padding-left:3px}
div.c43 {clear:both; padding:5px 0px 0px 5px}
 
/*=============chat items==========*/ 
.iconbox1
{
	width:380px;
	float:left;
	height:42px;	

}

.ybox
{ width:42px;
height:40px;
float:left;
background:url(../web_images/logo_yahoo.gif) left top no-repeat;
border-right:#434343 dotted 1px;
}

.gbox
{ width:42px;
height:40px;
float:left;
background:url(../web_images/logo_gtalk.gif) left top no-repeat;
border-right:#434343 dotted 1px;
}

.lbox
{ width:42px;
height:40px;
float:left;
background:url(../web_images/logo_msn.gif) left top no-repeat;
border-right:#434343 dotted 1px;
}

.sbox
{ width:42px;
height:40px;
float:left;
background:url(../web_images/logo_skype.gif) left top no-repeat;
border-right:#434343 dotted 1px;
}

.yboxtext
{ width:150px;
height:40px;
float:left;
padding-left:7px;
padding-top:5px;
}

.yboxtext2
{ width:130px;
height:40px;
float:left;
padding-left:7px;
padding-top:5px;
}
.iconbox2
{
	width:345px;
	float:left;
	height:37px;
	clear:both;
	padding-top:0px;
	
	

}



/*===============green table===========*/
 .green_table{
	width:177px;
	overflow:visible;
}

.green_table .header{
	width:100%;
	height:29px; 
	background-image:url(../web_images/green_table_bg.png); 
	background-repeat:repeat-x
}

.green_table .table_body{
	width:170px; 
	padding-top:0px; 
	padding-left:5px; 
	border:1px solid #E9E9E9; 
	-moz-border-radius-topleft:0px;  
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	
	
	
}
.whiteSmallBold3 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:1px;
font-weight:700;
color:#FFF;
text-decoration:none;
}
/*============contct form start============*/
#contact_form{	
	border:1px solid #E9E9E9;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	height:250px; 
	width:358px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	background-image:url(../web_images/index/contact_back.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}

#contact_form .header{
	width:348px;
	height:30px;
	margin:5px 0px 0px 5px;
}

#contact_form .formlabel{
	width:120px;
	float:left;
	margin-left:5px;
	line-height:20px;
}

#contact_form .forminput{
	width:228px;
	float:left;
}

#contact_form .inputtext{	
	border:1px solid #E9E9E9;
	width:200px;
	font-size:10px;
	padding-left:5px;
	margin-bottom:2px;
}

#contact_form .btn2{
	background:url(../web_images/index/btn_strip.jpg) top left repeat-x;
	height:23px;
	width:135px;
	padding:2px 0px 5px 0px;
	border:none;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	margin:5px 0px 0px 5px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	outline-style:none;
}

.textareagrey{
	margin: 0;
	margin-top:5px;
	width:340px;
	height:70px;
	padding: 2px 0px 0px 4px;
	border: 1px solid #7f9db9;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	font-family: verdana, arial, helvetica;
	text-decoration: none;
	font-size: 11px;
	color: #252525;
	background-color:#ffffff;
	overflow:auto;
	white-space:pre;
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	
}

.floatdiv2
{
    position:absolute;
    width:174px;
	height:172px;
	right:0px;
	top:650px;
    padding:0px;
	background:none;
    border:none;
	z-index:5;
}