/* CSS Document */

body{
	padding:0;
	margin:0;
	color:#434343;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header start--------------------*/
#header{
	width:778px;
	height:365px;
	margin:0 auto;
	clear:both;
}
#header div.flashheader{
width:778px;
position:relative;
height:253px;
margin:100px auto;
}
/* -- top navigation pannel start -- */
#menus{
width:100%;
height:50px;
clear:both;
background:url(../images/body_bg.jpg) 0 0 repeat-x #fff; 
}
#topNav{
	width:788px; height:50px; margin:0 auto;}
#topNav ul{
	width:538px; margin:0 auto;}
#topNav ul li{
	float:left; text-transform:uppercase; padding:0 2px 0 0;
	background:url(../images/top_btn_divider.gif) no-repeat right center; color:#FFFFFF;
	font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#topNav ul li.noDivider{
	background-image:none; color:#FFFFFF;}
#topNav ul li a{
	text-transform:capitalize; text-decoration:none; padding:0 16px; display:block;
	background:url(../images/top_btn_bg.gif) repeat-x 0 1px; color:#444444;
	font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#topNav ul li a:hover{
	background:url(../images/top_btn_bg_h.gif) repeat-x 0 1px; color:#FFFFFF;}
#topNav ul li a.hover{
	text-transform:capitalize; text-decoration:none; padding:0 16px; display:block;
	background:url(../images/top_btn_bg_h.gif) repeat-x 0 0; color:#FFFFFF;
	font:bold 11px/50px "Trebuchet MS", Arial, Helvetica, sans-serif;}
/* -- top navigation pannel end -- */
/*------------------------------------------------header end--------------------*/

/*------------------------------------------------body start--------------------*/
#body{
	width:778px;
	margin:0 auto;
	padding:0 0 15px 0;
	clear:both;
}
/*------------------------------------------------left panel start--------------------*/
#left{
	width:203px;
	padding:0px 0 0 0;
	float:left;
}
#left h2{
	display:block;
	width:158px;
	height:24px;
	background:url(../images/more_link_icon.gif) 0 4px no-repeat #fff;
	padding:0 0 0 29px;
	border-bottom:#EFEFEF solid 3px;
	font:normal 18px/24px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 13px 0;
}
#left h2.contact{
	display:block;
	width:167px;
	height:40px;
	background:url(../images/contact_bg.gif) 0 0 no-repeat #fffff1;
	padding:0 0 0 16px;
	font:normal 18px/38px Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	margin:15px 0 3px 0;
	border:none;
}
#left div.con{
	width:183px;
	background-color:#4D4D4D;
	color:#8AD2D2;
	padding:7px 0px 0px 0px;
	margin:0;
	float:left;
}
#left div.con ul{
	width:165px;
	margin:0px;
	padding:0px;
}
#left div.con ul li{
	display:block;
	height:21px;
	border-bottom:#686868 dashed 1px;
	float:left;
}
#left div.con ul li a{
	float:left;
	width:165px;
	background:url(../images/bullet_white.gif) 2px 9px no-repeat #4D4D4D;
	font:normal 12px/21px Arial, Helvetica, sans-serif;
	/*color:#28EBF7;*/
	color:#03B0F0;
	padding:0 2px 0 10px;
	text-decoration:none;
}
#left div.con ul li a:hover{
	background:url(../images/bullet_white_hover.gif) 2px 9px no-repeat #2A2A2A;
	/*color:#28EBF7;*/
	color:#FFFFFF;
}
#left div.con ul li.nobdr{
	display:block;
	height:21px;
	padding:0 0 2px 0;
	border-bottom:none;
	float:left;
}
#left p.bot{
	background:url(../images/contact_bot.gif) 0 0 no-repeat;
	width:183px;
	height:26px;
	margin:0;
	padding:0;
	float:left;
	font-size:0;
}
#left p.bot a.more2{
	display:block;
	background:url(../images/more_green_hover_2.gif) 0 0 no-repeat;
	width:60px;
	height:11px;
	text-decoration:none;
	float:right;
	margin-top:7px
}
#left p.bot a.more2:hover{
	background:url(../images/more_green2_.gif) 0 0 no-repeat;
}
#left p.banner{
	width:183px;
	height:64px;
	/*background:url(../images/banner.gif) 0 0 no-repeat;*/
	margin:25px 0px 0px 0px;
	float:left;
}
#left p.banner a.supp{
	display:block;
	width:164px;
	height:57px;
	margin:0px 0px 0px 6px;
	float:left;
	border:none;
}
#left p.banner2{
	width:183px;
	height:64px;
	background:url(../images/banner2.gif) 0 0 no-repeat;
	margin:25px 0px 0px 0px;
	float:left;
}
#left p.banner2 a.sol{
	display:block;
	background:url(../images/web_Solutions.gif) 0 0 no-repeat;
	width:113px;
	height:19px;
	margin:40px 0px 0px 55px;
	float:left;
}
#left p.banner2 a.sol:hover{
	background:url(../images/web_Solutions_hov.gif) 0 0 no-repeat;
}

#left div.con #pscroller1{
width:170px;
height:152px;
padding:5px 0px 5px 3px;
color:white;
font-weight:normal;
font-size:11px;
line-height:18px;
}

#left div.con #pscroller1 a:link, #left div.con #pscroller1 a:visited{
	float:left;
	width:170px;
	background:url(../images/bullet_white.gif) 2px 9px no-repeat #4D4D4D;
	font:normal 12px/21px Arial, Helvetica, sans-serif;
	/*color:#28EBF7;*/
	color:#03B0F0;
	padding:0 2px 0 10px;
	text-decoration:none;
}

#left div.con #pscroller1 a:hover{
	background:url(../images/bullet_white_hover.gif) 2px 9px no-repeat #2A2A2A;
	color:#FFFFFF;
}

/*------------------------------------------------left panel end--------------------*/

/*------------------------------------------------right panel start--------------------*/

/*------------------------------------------------right panel end--------------------*/
#right{
	width:558px;
	padding:15px 0 0 14px;
	float:left;
}
#right a.btn
{
	float:right;
	border:none;
}
#right a.btn img
{
	border:none;
}
#right h2{
	display:block;
	width:342px;
	font:bold 34px/59px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	text-transform:uppercase;
}
#right h2 span{
	font:bold 34px/59px Arial, Helvetica, sans-serif;
	color:#B00000;
	background-color:#fff;
}
#right p{
	font:normal 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#434343;
	background-color:#fff;
	margin:0 0 0px 0;
}
#right p a{
	width:105px;
	height:10px;
	background:url(../images/about_us_border.gif) repeat-x #fff;
	background-position:bottom;
	color:#434343;
	text-decoration:none;
}
#right p a:hover{
	background-image:none;
	background-color:#F4FFE9;
	color:#264100;
}
#right p a.dash{
	width:147px;
	height:auto;
	background:url(../images/about_us_border.gif) repeat-x #fff;
	background-position:bottom;
	color:#434343;
	text-decoration:none;
}
#right p a.dash:hover{
	background-image:none;
	background-color:#F4FFE9;
	color:#264100;
}
#right h2.green2{
	display:block;
	width:322px;
	background:url(../images/star_icon.gif) 0 3px no-repeat;
	padding:0 0 0 20px;
	font:bold 15px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4B7D03;
	background-color:#fff;
	text-transform:none;
}
#right p.bold{
	font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#565656;
	background-color:#fff;
	margin:12px 0 16px 0;
}
#right p.more-green{
	display:block;
	width:42px;
	height:11px;
	font-size:0;
	background:url(../images/more_div2.gif) 0 0 repeat-x;
	margin:0 0 12px 0;
	padding:0 0 0 299px;
}
#right p.more-green a.more2{
	display:block;
	background:url(../images/more_green_hover.gif) 0 0 no-repeat;
	width:42px;
	height:11px;
	text-decoration:none;
}
#right p.more-green a.more2:hover{
	background:url(../images/more_green.gif) 0 0 no-repeat;	
}
#right h2.special{
	display:block;
	width:445px;
	font:normal 22px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	text-transform:none;
	border-bottom:#272727 dashed 1px;
	margin:0 0 16px 0;
}
#right h2.special span{
	font:normal 22px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#B00000;
	background-color:#fff;
}
#right ul{
	width:342px;
	margin:0;
	padding:0;
}
#right ul li{
	background:url(../images/arrow2.gif) 0 9px no-repeat;
	padding:0 0 0 13px;
}
#right ul li a{
	font:normal 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#212121;
	background-color:#fff;
	text-decoration:underline;
}
#right ul li a:hover{
	color:#264100;
	background-color:#EFEFEF;
	text-decoration:none;
}
#right div.l-green{
	width:524px;
	background-color:#F4FFE9;
	border:#D3E3C2 solid 1px;
	padding:12px;
	font:bold italic 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#486927;
	margin:0px 0 15px 0;
	-moz-border-radius:5px; -webkit-border-radius:5px;
}
#right div.l-green a.more2{
	display:inline;
	background:url(../images/read_more_bg_1.gif) 0 0 no-repeat;
	width:80px;
	height:12px;
	text-decoration:none;
	float:right;
	margin:4px 0px 0px 5px;
}
#right div.l-green a.more2:hover{
	background:url(../images/read_more_bg_1_on.gif) 0 0 no-repeat;	
}
#right div.l-cream{
	width:524px;
	font:bold italic 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#694F27;
	margin:15px 0 15px 0;
	background-color:#FEFDF0;
	padding:12px;
	-moz-border-radius:5px; -webkit-border-radius:5px;
	border:#E8E4B2 solid 1px;
}
#right div.l-cream a.more2{
	display:inline;
	background:url(../images/read_more_bg_1.gif) 0 0 no-repeat;
	width:80px;
	height:12px;
	text-decoration:none;
	float:right;
	margin:4px 0px 0px 5px;
}
#right div.l-cream a.more2:hover{
	background:url(../images/read_more_bg_1_on.gif) 0 0 no-repeat;	
}

#right div.threeservices{
width:524px;
height:220px;
background-color:#3B3B3B;
border:#CACACA 3B3B3B solid 1px;
padding:12px;
-moz-border-radius:5px; -webkit-border-radius:5px;
margin-top:15px;
}
#right div.threeservices #support{
	float:left;
	width:164px;
	height:259px;
	margin-right:16px;
}
#right div.threeservices #support h2.support{
	display:block;
	width:84px;
	height:48px;
	padding:17px 10px 0 70px;
	background:url(../images/support_bg_top.gif) 0 0 no-repeat #E86C00;
	font: normal 18px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin:0;
}
#right div.threeservices #support span.white{
	display:block;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#E86C00;
	padding:0;
	margin:0;
}
#right div.threeservices #support p.bg{
	width:143px;
	height:120px;
	padding:5px 0 0 19px;
	background:url(../images/support_bg.gif) 0 0 repeat-x #FF8304;
	color:#ffffff;
	border-left:#211D1D solid 1px;
	border-right:#211D1D solid 1px;
}
#right div.threeservices #support p.bg span.pic1{
	display:block;
	background:url(../images/support_pic.gif) 0 0 no-repeat;
	width:124px;
	height:78px;
	padding:0 0 0 18px;
}
#right div.threeservices #support span.text1{
	display:block;
	width:116px;
	font: bold 13px/18px Tahoma, Arial, Helvetica, sans-serif;
	background:url(../images/support_bg_-1px.gif) 0 0 repeat-x #FF7B00;
	color:#ffffff;
	margin:4px 0 10px 2px;
}
#right div.threeservices #support h2.bot{
	background:url(../images/support_bg_bot.gif) 0 0 no-repeat;
	width:80px;
	height:28px;
	padding:0 0 0 83px;
	margin:0;
}
#right div.threeservices #support a.click1{
	display:block;
	background:url(../images/support_click_bg.gif) 0 0 no-repeat #B25300;
	width:81px;
	height:28px;
	margin:0;
	padding:0;
	font:bold 13px/28px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
}
#right div.threeservices #support a.click1:hover{
	background:url(../images/support_click_bg_hover.gif) 0 0 no-repeat #E26C05;
	color:#000000;
}
#right div.threeservices #serch{
	float:left;
	width:164px;
	height:259px;
	margin-right:16px;
}
#right div.threeservices #serch h2.serch{
	display:block;
	width:84px;
	height:48px;
	padding:17px 10px 0 70px;
	background:url(../images/serch_bg_top.gif) 0 0 no-repeat #77EC00;
	font: normal 18px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffffff;
}
#right div.threeservices #serch span.white2{
	display:block;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#6CBA00;
	padding:0;
	margin:0;
	float:left;
}
#right div.threeservices #serch p.bg2{
	width:143px;
	height:120px;
	padding:5px 0 0 19px;
	background:url(../images/serch_bg.gif) 0 0 repeat-x #61BE00;
	color:#ffffff;
	border-left:#211D1D solid 1px;
	border-right:#211D1D solid 1px;
}
#right div.threeservices #serch p.bg2 span.pic2{
	display:block;
	background:url(../images/serch_pic.gif) 0 0 no-repeat;
	width:124px;
	height:78px;
	padding:0 0 0 18px;
}
#right div.threeservices #serch span.text2{
	display:block;
	width:109px;
	font: bold 13px/18px Tahoma, Arial, Helvetica, sans-serif;
	background:url(../images/serch_bg_1px.gif) 0 0 repeat-x #5FB900;
	color:#ffffff;
	margin:4px 0 10px 9px;
}
#right div.threeservices #serch h2.bot2{
	background:url(../images/serch_bg_bot.gif) 0 0 no-repeat;
	width:80px;
	height:28px;
	padding:0 0 0 83px;
	margin:0;
}
#right div.threeservices #serch a.click2{
	display:block;
	background:url(../images/serch_click_bg.gif) 0 0 no-repeat #518B00;
	width:81px;
	height:28px;
	margin:0;
	padding:0;
	font:bold 13px/28px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
}
#right div.threeservices #serch a.click2:hover{
	background:url(../images/serch_click_bg_hover.gif) 0 0 no-repeat #A2D857;
	color:#000000;
}
#right div.threeservices #question{
	float:left;
	width:164px;
	height:259px;
}
#right div.threeservices #question h2.question{
	display:block;
	width:84px;
	height:48px;
	padding:17px 10px 0 70px;
	background:url(../images/question_bg_top.gif) 0 0 no-repeat #46BBFB;
	font: normal 18px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffffff;
}
#right div.threeservices #question span.white3{
	display:block;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#1895D9;
	padding:0;
	margin:0;
	float:left;
}
#right div.threeservices #question p.bg3{
	width:143px;
	height:120px;
	padding:5px 0 0 19px;
	background:url(../images/question_bg.gif) 0 0 repeat-x #25AFFA;
	color:#ffffff;
	border-left:#211D1D solid 1px;
	border-right:#211D1D solid 1px;
}
#right div.threeservices #question p.bg3 span.pic3{
	display:block;
	background:url(../images/question_pic.gif) 0 0 no-repeat;
	width:124px;
	height:78px;
	padding:0 0 0 18px;
}
#right div.threeservices #question span.text3{
	display:block;
	width:109px;
	font: bold 13px/18px Tahoma, Arial, Helvetica, sans-serif;
	background:url(../images/question_bg_1px.gif) 0 0 repeat-x #21ADFA;
	color:#ffffff;
	margin:4px 0 10px 9px;
}
#right div.threeservices #question h2.bot3{
	background:url(../images/question_bot.gif) 0 0 no-repeat;
	width:80px;
	height:28px;
	padding:0 0 0 83px;
	margin:0;
}
#right div.threeservices #question a.click3{
	display:block;
	background:url(../images/question_click_bg.gif) 0 0 no-repeat #0B6799;
	width:81px;
	height:28px;
	margin:0;
	padding:0;
	font:bold 13px/28px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
}
#right div.threeservices #question a.click3:hover{
	background:url(../images/question_click_bg_hover.gif) 0 0 no-repeat #2B92C9;
	color:#000000;
}
#right div.packages{
margin:15px 0px 0px 0px;
width:548px;
height:142px;
}
#right div.packages div.web{
	width:175px;
	height:142px;
	background:url(../images/web_packages.gif) 0 0 no-repeat;
	margin:0px 11px 0px 0px;
	float:left;
}
#right div.packages div.web a.knowmore{
	display:block;
	background:url(../images/read_more_bg_1.gif) 0 0 no-repeat;
	width:80px;
	height:12px;
	margin:98px 0px 0px 15px;
	float:left;
}

#right div.packages div.web a.knowmore:hover{
	background:url(../images/read_more_bg_1_on.gif) 0 0 no-repeat;
}
#right div.packages div.graphics{
	width:176px;
	height:142px;
	background:url(../images/graphics_packages.gif) 0 0 no-repeat;
	margin:0px 11px 0px 0px;
	float:left;
}
#right div.packages div.graphics a.knowmore{
	display:block;
	background:url(../images/read_more_bg_1.gif) 0 0 no-repeat;
	width:80px;
	height:12px;
	margin:98px 0px 0px 15px;
	float:left;
}

#right div.packages div.graphics a.knowmore:hover{
	background:url(../images/read_more_bg_1_on.gif) 0 0 no-repeat;
}
#right div.packages div.stationery{
	width:175px;
	height:142px;
	background:url(../images/stationery_packages.gif) 0 0 no-repeat;
	margin:0px;
	float:left;
}
#right div.packages div.stationery a.knowmore{
	display:block;
	background:url(../images/read_more_bg_1.gif) 0 0 no-repeat;
	width:80px;
	height:12px;
	margin:98px 0px 0px 15px;
	float:left;
}

#right div.packages div.stationery a.knowmore:hover{
	background:url(../images/read_more_bg_1_on.gif) 0 0 no-repeat;
}
/*------------------------------------------------body end--------------------*/
/*------------------------------------------------footer start--------------------*/
#footer-main{
	width:100%;
	height:101px;
	padding:0 0 0 0;
	background:url(../images/footer.jpg) 0 0 repeat-x;
	color:#fff;
	margin:0px;
}
#footer{
	width:778px;
	height:114px;
	margin:0 auto;	
	position:relative;
}
#footer ul{
	width:778px;
	height:20px;
	margin:30px 0px 0 0px;
	padding:0;
	float:left;	
	display:block;
}
#footer ul li{
	margin:0;
	float:left;
	padding:0 8px 0 8px;
	font:bold 10px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
}
#footer ul li a{
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#444444;
	text-decoration:none;
	padding:0 4px 0 4px;
	/*text-shadow: 2px 2px 2px #8E8E8E;*/
	
}
#footer ul li a:hover{
	text-decoration:underline;
	color:#C51570;
}
#footer ul li.home2 a{
	padding:0 8px 0 8px;
	float:left;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#C51570;
}
#footer p.copyright{
	font:normal 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#C51570;
	float:left;
	margin-top:7px;
	width:778px;
	display:block;
	text-align:center;
}
#footer p.design{
	display:block;
	height:15px;
	position:absolute;
	left:336px;
	top:62px;
	font:bold 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#7C1D20;
	text-align:center;
}
/*------------------------------------------------footer end--------------------*/