*
{
margin:0;
padding:0;	
	}
body { margin:0 auto; padding:0px;font-size:13px;background:url(../images/bg2.gif) repeat-x; }
#width {width:1000px; margin:10px auto 0px auto;}
p {
	font-size:13px;}
/* CSS stars for top header */
h1 {width:100%;height:18px;text-align:center; background-color:#569b30;  font-family:Arial, Helvetica, sans-serif; color:#bacfe7; font-size:11px;}
.headerbotbg {background:url(../images/header_bot_bg.jpg) repeat-x; height:20px; width:100%; float:left; }
#header { width:100%;height:60px;margin-bottom:10px; float:left; }
.tophead {height:26px;  }
.topright {	background: url(../images/top_right_bg.gif) no-repeat; height:24px; width:307px; float:right;margin-top:-11px }
.topright ul{ padding:0px; margin:1px; text-align:center;}
.topright li{ font-family: Arial, Helvetica, sans-serif; font-size:11px; display:inline; list-style: none; list-style-type:none; padding:0px 2px 0px 4px; color:#ffffff; word-spacing:0px; vertical-align:top}
.topright li img { vertical-align:top; }
.topright li a{ color:#ffffff; text-decoration:none;}
.topright li a:hover{ color:#000000; text-decoration:none;}
.logobg { width:100%; float:left; }
.logo {	width:200px; float:left; height:80px;position:relative;top:-35px;left:10px;z-index:2px; }
.logoright { width:500px; float:left;margin:auto; }
.logocall {	text-align:right; float:right; height:30px; margin-right:20px;margin-top:-10px;	}
.navi {	width:700px; float:left;}


/* CSS ends for top header */

/* CSS start for center */
.mainarea{ width:100%; float:left;background-image:url(../images/menuarea-bg.png);}
/* CSS starts for leftside */
.height{height:20px;}
.heightbanner{height:15px;}
.leftside{width:238px; padding-left:12px; float:left;}
.lefttextbg {width:238px; background:url(../images/left_side_bg.gif) no-repeat bottom right; float:left; height:278px;}
.leftcontent { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#7e807e; line-height:20px; float:left; word-spacing:2px; padding:0px 15px 0px 5px;  font-weight:normal; }
.lefttext {	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7e807e;  line-height:20px; float:left; padding:20px 19px 0px 6px; word-spacing:3px; text-decoration:none;}

.lefttext a {font-size:11px; color:#076dd4;text-decoration:none;}

.lefttext a:hover {color:#ca0505; }

.green{color:#63ab45;}
.blue{color:#0092de;}
.greena {color:#63ab45; font-weight:normal; }
.blueb{color:#0092de; font-weight:normal;}
.blue_padding{color:#0092de; padding-left:2px;}

.ar {width:238px; float:left; background:url(../images/articles_bg.gif) right bottom no-repeat; height:350px;  }
.ar img{ vertical-align:middle;}
.ar ul{ margin:5px 8px 0px 3px; padding:0px;}
.ar li{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:20px; color:#858785; background: url(../images/point_bg.gif) repeat-x left bottom; list-style: none; list-style-type:none; padding-left: 3px; height:95px; width:224px;}
.ar li a{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#858785; text-decoration:none;}
.ar li p{ padding-left:13px; margin:0px;}
.ar li a:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#0092de; text-decoration:none;}
.ar li img{ float:left; vertical-align:middle;}

.armore{ padding:0px 0px 0px 20px;}
.news{ width:238px; background:url(../images/left_side_bg.gif) right bottom no-repeat; height: 170px;}
.newstxt{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#858785; padding: 6px 10px 0px 4px; word-spacing:2px; line-height:18px;}
.newstxt a{ color:#858785; text-decoration:none;}
.newstxt a:hover{ font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#0092de; text-decoration:none;}
.newstxt span a{color:#63ab45; text-decoration:none;}
.pointbg{ background:url(../images/point_bg.gif) repeat-x left center; font-size:2px; height:10px;}
/* CSS ends for leftside */

/* CSS starts for centerpart */
.concenterpart{ width:700px; float:left;}
.centerpart{ width:700px; float:left;}

. centerpart h2{

color: #0259A2;
    float: left;
    font-family: "Futura Lt BT";
    font-size: 25px;
    height: 40px;
    margin-top: 17px;
    width: 100%;

}
.centerpart2{ 
width:738px;
float:left;
font-family:Calibri,Arial, Helvetica, sans-serif;
font-size:16px;
line-height:23px;
color:#434444;
}
.centerpart2 .txt1{
	font-size:20px;
	color:#359b42;
	line-height:25px;
}
.centerpart2 .txt2{
	font-size:16px;
	color:#2274b7;
	line-height:23px;
}
.centerpart2 span{
	font-size:34px;
	line-height:40px;
}
.centerpart2 span b{
	color:#cf0000;
	font-size:34px;
}
.centerpart2 span strong{
	color:#00a844;
		font-size:34px;
}


.centertext{ height:68px; padding-top:8px; background:url(../images/center_bg.gif) no-repeat left bottom; margin-left:5px; width:490px; float:left;}

.centerimg{ width:72px; float:left;}
.centertxt{ font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; text-align:justify; color:#858785;
}
.centertxt a{color:#0092de; text-decoration:none; font-weight:bold;}
.centertxt a:hover{color:#63ab45;}

.index_heading { font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#646464; float:left; font-weight:bold; }

/* CSS ends for centerpart */

/* CSS starts for rightside*/

.rightside{ width:230px; float:right; overflow:hidden;}

/* CSS starts for form */
form {margin:0px; padding:0px;}
#form{width:235px; height:250px; background:url(../images/form_bg.gif) no-repeat bottom left;}
.input{	border: 1px solid #cecfce; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:19px; line-height:20px; width: 188px; float:left; background-color:#fffffe; color:#737374; padding-left:3px;}

.inputtextarea{	border: 1px solid #cecfce; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; height:80px; width:188px; float:left; color:#737374;  padding-left:3px;	background-color:#ffffee;}
.lable{	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#706f70;}
.lable b{ color: #CC0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}
.formdiv{height:25px; width:214px; padding-left:23px; padding-top:7px; clear:both; }
.mesage01{height:85px; width:214px; padding-left:23px; padding-top:7px; clear:both; }
.button{ float:right; padding:5px 20px 0px 0px;  vertical-align:top; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#b8b8b8; font-weight:normal;}
/* CSS Ends for form */

/* CSS Ends for 2nd center part */
.clear{ clear:both;}
.cenpart{ width:752px; float:right;}

.cenbg{	background: url(../images/center_partbg.jpg) no-repeat; height: 216px;} 
.portfolio{ width:420px; float:left; padding:16px 0px 0px 20px; }
.portfoliosec{ width:280px; float:right; padding:22px 0px 0px 0px;}
.heading{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3e3e3e; font-weight:bold; word-spacing:5px; padding-top:23px; }
.portfoliotxt{ font-family:Arial, Helvetica, sans-serif; font-size:12px; word-spacing:5px; color:#6a6b6a; line-height:19px;}
.view {background:url(../images/arrow_bullet.gif) left center no-repeat; padding-left:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px;
font-weight: bold; color:#1b5ba0; word-spacing:5px; margin-left:10px;}

.case{ width:496px; float:left; padding-left:13px;}
.head{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1c7ba5; font-weight:bold; padding-left:3px;}
.text{ font-family:Arial, Helvetica, sans-serif;  font-size:11px; color:#797777; line-height:18px; text-align:justify;}
.text img{ vertical-align:middle;}
.text b{ color:#2d6ab7;}
.contactpart{ width:220px; float:right; background:url(../images/form_bg.gif) right bottom no-repeat; padding:0 0 45px 10px;}
.contactpart_2{ width:220px; float:right; padding-left:10px; font-family:Calibri,Arial; font-size:13px; color:#505051; line-height:18px; text-align:justify;}
.casestudy01{ width:220px; float:right; background:url(../images/form_bg.gif) right bottom no-repeat;  padding:0px 0px 45px 10px;}
.contacttxt{ font-family:Arial, Helvetica, sans-serif;  font-size:13px; color:#797777; line-height:18px; padding:5px 0px 0px 10px;}
.contacttxt b{ color:#2d6ab7;}
.contacttxt a{color:#63ab45}
.contacttxt a:hover{color:#2d6ab7}
/* CSS starts for footer part */
.footer{width:100%; background:url(../images/footer_bg.jpg) no-repeat left top; height:76px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; float:left;}

.bluetext{ font-family:Arial, Helvetica, sans-serif;  font-size:11px; color:#2d6ab7;  line-height:15px;  padding:0px 0px 15px 0px;}


.footlogo{ width:35px; float:left; padding:24px 0px 0px 0px; }
.footerleft{width:298px; float:left; padding:39px 0px 0px 0px;}
.footerright{ width:670px; float:right;}
.footerright ul{margin:0px; padding:39px 0px 0px 0px;}
.footerright li{ font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#ffffff; display:inline; list-style:none; list-style-type:none; padding:0px;}
.footerright li a{ font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFCC; display:inline; list-style:none; list-style-type:none; padding:0px 2px 0px 2px; text-decoration:none;}
.footerright li a:hover{ color:#000000; text-decoration:none;}

/* CSS ends for footer part */

/* CSS start for text */

.content { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	padding:25px 0px 0px 10px;
	line-height:20px;
	color:#6d6e6c;
	width:100%;
}
.content a { color:#0092de; text-decoration:none; font-weight:bold;}
.content a:hover { color:#63ab45; text-decoration:none; font-weight:bold;}
.content ul { margin:0px; padding:0px;}
.content li { font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; line-height:22px; color:#6d6e6c; background:url(../images/arrow_icon.gif) left top no-repeat;
background-position:0 5px; list-style:none; list-style-type:none; padding-left:13px;}
.content a b{color:#63ab45}
.shotnavi{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	float:left;
	width:100%;
	text-align:right;
	color:#6d6e6c;
}
.shotnavi a{
	color:#737475;
	font-weight:bold;
	text-decoration:none;
}
.shotnavi b{
	color:#2d76b7;
}
.shotnavi a b{
	color:#2d76b7;
}
#navigation{	
	width:220px;
	float:left;	
}

#navigation ul{
	margin:0px 0px 0px 5px;
	padding:0px;
	
}
#navigation li{
	display:block;
	list-style:none;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:32px;
	
	/*height:35px;*/
}
#navigation li a{
	color:#6d6e6c;
	text-decoration:none;
	display:block;
	background: url(../images/navi_dot.gif) left bottom repeat-x;

}

#navigation li a:hover{
	display:block;
	color:#6d6e6c;
	background-color:#f2f7fa;
}
#navigation span{
	padding-left:15px;
		background: url(../images/navi_icon.gif) left center no-repeat;
}
#navigation b{
	display:block;
	color:#6d6e6c;
	font-weight:bold;
	background: url(../images/navi_icon.gif) left center no-repeat;
	background-color:#f2f7fa;
}
#navigation li ul{
margin:0px ;
padding:0px;
}
#navigation li ul li{
	display:block;
	list-style:none;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:27px;
	background:#ffffff;
	background: url(../images/navi_dot.gif) left bottom repeat-x;

	}	
#navigation li ul li a{
	color:#6d6e6c;
	text-decoration:none;
	display:block;
	background: url(../images/navi_icon.gif) left top no-repeat;
	background-position:12px 10px;

	padding:0 0 0 30px;
	}
	
#navigation li ul li a:hover{
	color:#23baf3;
    background: url(../images/navi_icon.gif) left top no-repeat;
	background-position:12px 10px;
	text-decoration:none;
	}
	
#navigation li ul li #active{
	color:#23baf3;
    background: url(../images/navi_icon.gif) left top no-repeat;
	background-position:12px 10px;
	text-decoration:none;
	}

/* randhir css start here */

.style_1 { color:#184b8a;}

.style_2 {color:#546291;}

.style_3 {background-color:#f2f7fa;}
.style_4 {font-family:tahoma; font-size:11px; color:#666666; padding-left:12px; line-height:25px;}
.style_4 b {font-family:tahoma; font-size:11px; color:#c80622; }
.red {font-family:tahoma; font-size:11px; color:#c80622; }

.style_5 { border:1px solid #dbdcdc; width:200px; height:80px; font-family:tahoma; font-size:11px; color:#666666 ;padding-left:2px;}
.select{ border:1px solid #dbdcdc; width:200px; height:80px; font-family:tahoma; font-size:11px; color:#666666 ;padding-left:2px;}
.style_6 {font-family:tahoma; font-size:11px; color:#666666;  border:1px solid #dbdcdc; width:200px; height:18px; padding-left:2px; }
.style_7 {font-family:tahoma; font-size:11px; color:#666666;  border:1px solid #dbdcdc; width:205px; height:23px; }
.style_8 { font-family:tahoma; font-size:10px; color:#d61111; }

.style_9 { border:1px solid #dbdcdc; }

.style_11 { background-image: url(../images/bg_heading.jpg); background-repeat:no-repeat; height:27px;  font-size:11px; color: #2d76b7; font-family:tahoma; padding-left:12px; line-height:23px; font-weight:bold;   }

.style_12 { background-image:url(../images/top_heading_bg.jpg); background-repeat:no-repeat; height:27px; line-height:23px; padding-left:12px; font-weight:bold; font-family:tahoma; font-size:11px; color:#FFFFFF;}

.style_13 { color:#12b7fd;}
.style_14 { color:#0ba2e2;}
/* CSS ends part */

/* js */

.blue_text { font-family:tahoma; font-size:11px; color:#045785; }

TD {
	FONT-SIZE: 12px; COLOR: #666666; LINE-HEIGHT: 18px; font-family:Arial, Helvetica, sans-serif;
}
TH {
	FONT-SIZE: 12px; COLOR: #666666; LINE-HEIGHT: 18px; font-family:Arial, Helvetica, sans-serif;
}

.dhtmlgoodies_question {
	PADDING-RIGHT: 2px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(../images/tab_off.gif); MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 2px; OVERFLOW: hidden; WIDTH: 455px; CURSOR: pointer; COLOR: #08619C; PADDING-TOP: 5px; POSITION: relative; HEIGHT: 20px; BACKGROUND-COLOR: #b0c829; background-color:#F7F7F7; font-family:Arial, Helvetica, sans-serif; border-left:2pt solid #6B9E08;}
.dhtmlgoodies_answer {
	VISIBILITY: hidden; OVERFLOW: hidden; WIDTH: 455px; POSITION: relative; BACKGROUND-COLOR: #FDFCFC; font-family:Arial, Helvetica, sans-serif; color:#636163; text-align:justify; font-size:11px; line-height:17px;
}
.box {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
h1 {
	FONT-WEIGHT: normal; MARGIN: 0px
}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#1667B1; }
h3{	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; margin:0px; padding:0px; color:#63ab45; font-weight:normal; line-height:28px; text-align:left; }
h4{	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17px; margin:0px; padding:10px 0px 0px 14px; color:#64a331; font-weight:normal}
h5{	font-family: Arial, Helvetica, sans-serif; font-size:12px; margin:0px; padding:10px 0px 0px 12px; color:#64a331; font-weight:normal; text-align:left; font-weight:bold;}
h6{	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; margin:0px; color:#0092de; font-weight:bold; padding:5px 0px 0px 14px;}
.h6{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0px; color:#63ab45; font-weight:bold; padding:10px 0px 0px 14px;}
.date{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0px; color:#63ab45; font-weight:bold; padding-left:15px; }
.arthe{font-family: Arial; font-size:11px;  color:#555555; font-weight:bold; padding-left:15px; }

.headbg{ background:url(../images/head_bg.gif) bottom left no-repeat; width:690px; height:60px;}
.arthead_bg{ background:url(../images/articles_heading_bg.jpg) bottom left no-repeat; width:471px; height:50px;}


.bgtext{ background: url(../images/text_bg.gif) bottom right no-repeat; font-family: Arial, Helvetica, sans-serif; font-size:12px; 	text-align:justify; padding:0px 13px 0px 12px; line-height:20px; color:#6d6e6c;}

.main_heading { font-family: "Futura Lt BT"; font-size:45px; color:#0259a2; float:left; width:100%; padding:0 0 25px 0; margin:17px 0 15px 0; border-bottom:1px solid #e7e7e7; }
.main_heading123 { font-family: "Futura Lt BT"; font-size:45px; color:#0259a2; float:left; height:45px; width:100%; padding:0 0 25px 0; margin:17px 0 15px 0; border-bottom:1px solid #e7e7e7; }

.websitedesign h2{ font-family: "Futura Lt BT"; font-size:25px; color:#0259a2; float:left; width:100%;  margin-top:17px;}

.floatl{float:left; width:100%; margin-top:17px;}
.bgtextteam{ background: url(../images/text_bg.gif) bottom right no-repeat; font-family: Arial, Helvetica, sans-serif; font-size:12px; 	text-align:justify; padding:0px 13px 0px 0px; line-height:20px; color:#6d6e6c;}
.clientbg{width:493px; height:415px; background:url(../images/our_clients01.jpg) left top no-repeat; padding-left:15px; padding-top:15px;}
.border{border: dashed 1px #cccccc;}
.newsbg{background: url(../images/news_bg.gif) left top no-repeat; height:167px;}
.newsbgtxt{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; padding:10px 10px 0px 10px;}
.margin{padding:10px 0px 0px 14px;}
.h5{font-family: Arial, Helvetica, sans-serif; font-size:12px; margin:0px; color:#666666;  padding:10px 0px 0px 14px;}
.portfolio_heading{ background-color:#1893d7; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; padding-left:3px; text-align:left}
.portfolio_heading_text{ background-color:#dff1fb; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1893d7; padding-left:5px; border-top:1pt solid #86c7ea; border-bottom:1pt solid #86c7ea; text-align:left}

.dotted_line{background-image:url(../images/dotted.jpg); background-repeat:repeat-x; background-position:bottom; line-height:30px;}
.dotted_line_buttom{background-image:url(../images/dotted.jpg); background-repeat:repeat-x; background-position:top; line-height:30px;}

.seriul_number{font-family:Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:2px; text-align:center; color:#6d6e6c; }
.seriul_number a{text-decoration:none; color:#6d6e6c;}
.seriul_number a:hover{text-decoration:none; color:#e8491c;}
.seriul_number b{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#61ae22; }
.flimghome{float:left; background:url(../images/clientimgbg.jpg) no-repeat; width:230px; height:137px;}
.flimg{float:right; background:url(../images/clientimgbg.jpg) no-repeat; width:230px; height:137px;}
.flimgs{float:right;}
.dot{ background:url(../images/double_dot.gif) left bottom repeat-x; width:690px; height:35px;}

.footer_bg01{background-image:url(../images/footer_bg01.jpg); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#f9fdfe;  }

.footer_links010{font-family:Arial, Helvetica, sans-serif;}
.footer_links010 li{list-style:none;font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:center;border-right:1px solid #3b3b3b; float:left;width:196px ;color:#646262 }
.footer_links010 a{text-decoration:none; color:#4b4c4c}
.footer_links010 a:hover{text-decoration:none; color:#e8491c;}


.footer_text01{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#60b01d; line-height:20px; }
.footer_text01 a{text-decoration:none; color:#4b4c4c;}
.footer_text01 a:hover{text-decoration:none; color:#e8491c;}

.footer_text_green{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4b4c4c; line-height:20px; }
.footer_text_green a{text-decoration:none; color:#60b01d;}
.footer_text_green a:hover{text-decoration:none; color:#e8491c;}


.footer_text_blue{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4b4c4c;}
.footer_text_blue a{text-decoration:none; color:#60b01d;}
.footer_text_blue a:hover{text-decoration:none; color:#e8491c;}

.footer_text01_heading{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#0581c1;height:20px; }
.footer_text01_heading li{ list-style:none;font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:center; border-right:1px solid #0581c1; float:left;width:196px ;color:#646262 }
.footer_text01_heading a{text-decoration:none; color:#0581c1}
.footer_text01_heading a:hover{text-decoration:none; color:#ee8b20}

.footer_line{background-image:url(../images/footer_line.jpg); background-repeat:repeat-x; line-height:20px; }


.middle_heading{font-family: Georgia, "Times New Roman", Times, serif; font-size:24px; font-weight:normal; color:#343434; }
.middle_heading a{text-decoration:none; color:#343434}
.middle_heading a:hover{text-decoration:none; color:#ee8b20}


.centerpart_footer{ width:720px; float:left; font-family:Arial, Helvetica, sans-serif;  font-size:11px; color:#797777; line-height:18px; text-align:justify;}

.centerpart_footer b{ font-family:Arial, Helvetica, sans-serif;  font-size:12px; color:#056bcb; line-height:18px; text-align:justify;}

.portfolio_border{border:5px solid #e3e3e3}

.portfolio_centerpart{ width:710px; float:left; margin-left:15px}

.portfolio_subheading{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17px; margin:0px; color:#64a331; font-weight:normal; border-bottom:1px solid #cbcaca; line-height:25px;}

.portfolio_text{ font-family:Arial, Helvetica, sans-serif;  font-size:11px; color:#797777; line-height:20px; text-align:justify;}


 
 #lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 800px;
	height: 800px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

.color
{
color:Red;	}

.top_text{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:center; line-height:18px; padding-left:5pt;} 
.top_text a{ text-decoration:none; color:#f2f2f2;}
.top_text a:hover{ text-decoration:none; color:#f2f2f2;}

.border{border:1pt solid #E8E8EC; background-color:#FFFFFF;}

.text_nevigation{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:18px; padding-left:15pt;} 
.text_nevigation a{ text-decoration:none; color:#666666;}
.text_nevigation a:hover{ text-decoration:none; color:#FF3101;}

.text_nevigation b{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#C8C109; line-height:18px; } 

 .sub_heading056 {
 font-family: arial; font-size:11px; color:#656567; height:20px; color:#858383 ;  }
 
  .sub_heading056 b{
 font-family: arial; font-size:11px; color:#656567; height:20px; font-weight:bold; color:#CEAE02 ;  }
 .inner_banner_height{ }
 .inner_banner_height1{float:center; border:1px solid #dbdcdc;}
 .bottom_punch_line{font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#0059b3; line-height:30px;}
 
 .toptext {width:100%; float:left; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#bacfe7;  font-size:11px; }
 
 .contact_textfild{font-family:tahoma; font-size:11px; color:#777777;  border:1px solid #dbdcdc; width:225px; height:20px; padding-left:5px; background-image:url(../images/text_fild_bg.jpg); background-repeat:no-repeat; line-height:25px; vertical-align:bottom; padding-top:5px;  padding-bottom:3px }
 .contact_textarea { border:1px solid #dbdcdc; width:200px; height:80px; font-family:tahoma; font-size:11px; color:#666666 ;padding-left:2px; background-image:url(../images/text_area_bg.jpg); background-repeat:repeat-x; padding-top:5px;}
 
.contact_jump_menu{font-family:tahoma; font-size:11px; color:#777777;  border:1px solid #dbdcdc; width:228px; vertical-align:bottom; height:25px;  }
.footer_bg_bottom{background-image:url(../images/footer_bg_bottom.jpg); background-repeat:repeat-x; line-height:42px;}
.footer_bg_bottom a{ text-decoration:none; color:#019716;
    text-align: left;
}
.footer_bg_bottom a:hover{ text-decoration:none; color:#FF3101;}
.green_text_footer{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#3ea102;}
.captcha {font-family:tahoma; font-size:12px; color:#777777; height:15px; width:50px; border:1px solid #cecece; }
.packages{
color:#039fc7;
font-family:"Futura Lt BT",Verdana, Arial, Helvetica, sans-serif;
font-size:11pt;
font-weight:bold;
}	
.order{
color:#81c54a;
font-family:"Futura Lt BT",Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
font-weight:bold;
}
#packages{
font-family:Arial, Helvetica, sans-serif;
}
#packages td{
border-top:1px dashed #C6C3C6;
}

.packagesbg { background:url(../images/packages-bg.jpg) repeat-y center top; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#717171; border-bottom:1px solid #f0f0f0; line-height:20px; text-decoration:none;}
.packages-heading { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; line-height:20px;}
.packages-text { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#717171; border-bottom:1px solid #bebebe; border-left:1px solid #bebebe; line-height:20px; text-decoration:none; padding-left:10px;}

.packages-price { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#717171; border-bottom:1px solid #f0f0f0; line-height:20px; text-decoration:none; padding-left:10px;}

.blue-heading{font-family:Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#02b0ef; font-weight:bold; }
.grey-heading{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#a6a6a6; font-weight:bold; }	

.webdesign_portfolio{
	
}
.webdesign_portfolio li{
	float:left;
	list-style:none;
	background:none;
}

.banner{
	width:996px;
	height:180px;
 position:relative;
 
 
}
.portfolio_text{
	position:absolute;
	top:111px;
	left:236px;
	font-family:"Palatino Linotype", Arial, Helvetica, sans-serif;
	font-size:40px;
	line-height:40px;
	color:#318e0c;
	text-align:center;
}
.portfolio_text div{
	font-size:30px;
	color:#0c5798;
	line-height:50px;
}
.banner_text{
	position:absolute;
	top:204px;
	right:25px;
	
	font-family:Arial;
	font-size:16px;
	color:White;
	
	text-align:Left;
	 
}
.banner_text div{
	color:White;
	font-size:19px;
}
.banner_text span{
	color:White;
	font-size:16px;	
}
.banner_text strong{
	font-weight:normal;
	color:White;
	font-size:16px;
	height:25px;
}

.pagination{
border-top:1px solid #efebef;
 font-family: Arial, Helvetica, sans-serif;
 font-size:13px;
 line-height:15px;
 text-align:center;
 color:#858785;
}


.leftservice{width:495px;
	margin:0 0 0 10px;
	float:left;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#777; line-height:17px; vertical-align:top;}

.services {
	width:100%;
	margin:0;
	float:left;
	padding:10px 0 18px 0 ;
	border-bottom:1px solid #ecebeb;
	}

/*.services ul{
	margin:0px;
	padding:0px;
	list-style:none;}	

.services li {
	list-style:none;	
	padding:5px 0 15px 0 ;
	border-bottom:1px solid #ecebeb;
	}*/
	
	
.services h2 {
	margin:0 0 12px 0;
	padding:0px;
	font-weight:normal;
	font-family: Georgia, "Times New Roman", Times, serif; font-size:25px;
	color:#222;}
	
.services p {
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; line-height:20px; margin:0px; vertical-align:top;}
	
.hcont {width:99%; float:left;}
.himg {width:68px; float:left;}	







.h1heading{height:55px; padding:0 0 10px 0;}
#emailmarketing{font-family:Calibri, Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
#emailmarketing h1{margin:0; padding:0; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:40px; color:#30a14f; text-transform:uppercase; line-height:48px !important; text-align:left; font-weight:normal;}
#emailmarketing h1 span{color:#0090d9;}
#emailmarketing ul{margin:0; padding:0; list-style:none;}
#emailmarketing ul li{background:#eaf6fc url(../images/email-pack-bottom.jpg) no-repeat bottom;  width:311px; float:left; padding:0 0 25px 0; margin:15px 8px 0 0;}
#emailmarketing ul li .top{background:url(../images/email-pack-top.jpg) no-repeat top; color: #1E487B; font-family: calibri;
    font-size: 20px; line-height: 24px;  line-height:20px; padding:10px 0 0 0; text-align:left; }
#emailmarketing ul li .top .imgAgn{float:left; padding:0 10px 0 10px;}	
#emailmarketing ul li .contenttop{height:55px;}
#emailmarketing ul li .emalcontant{padding:5px 10px 0 12px; font-size:15px; line-height:17px; display:block; color:#000; border-left:1px solid #e5eff8; border-right:1px solid #e5eff8; clear:both; text-align:left; }

.formbg{background:#028dd4; padding:0 10px; -webkit-border-radius:10px; -moz-border-radius:10px;}	

.formtext {
    color: #FFFFFF;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
    line-height:14px;
}

.formbg h2{
    color: #fff;
    font-family: calibri;
    font-weight: normal;
    margin: 10px 0 0;
    padding: 0;
	background-color:transparent !important;
}


.formbg h4{
    color: #fff;
    font-family: calibri;
    font-weight: normal;
    margin: 10px 0 0;
    padding: 0;
	background-color:transparent !important;
}



#myForm .textbox {
    -moz-border-radius: 3px 3px 3px 3px;
  /*  background: url("../images/form-input-bkg.gif") repeat-x !important;*/
    border: 1px solid #CCCCCC !important;
    color: #333333;
    font-size: 14px;
	height:26px;line-height:26px;
	font-family:tahoma; font-size:12px; color:#454545;
    margin:0;
    padding:0px;
    width: 97%; !important
}

#myForm .textarea {
    -moz-border-radius: 3px 3px 3px 3px;
    background: url("../images/form-input-bkg.gif") repeat-x scroll 0 0 #FFFFFF !important;
    border: 1px solid #CCCCCC;
    color: #333333;
    font-size: 14px;   
    width: 97% !important;
}
.myForm td, input, select, textarea, checkbox  {
                              font-family: tahoma;
                              font-size: 12px;
               }

.required { color: red;  }
.subscribe{border:none; cursor:pointer; background:url(../images/subscribe.jpg) no-repeat;width:109px; height:30px;}
.emtext{color: #000000;
    font-family: Georgia,'Times New Roman',Times,serif;
    font-size: 14px;
    font-style: italic;
    padding:0 15px 0 8px;
	}
	
.emtext span{color: #CC0101;
    font-family: Georgia;
    font-size: 13px;
    font-style: italic;
    padding: 0 0 0 280px;}
.emtext .client{float:right; margin:-15px 25px 0 10px;}	





.broadcastemail{ width:1000px; height:235px; background:url(../images/broadcast-email-banner.jpg) no-repeat; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:18px; color:#294f7c; line-height:19px;}
.broadcastemail div{width:463px; padding:60px 0 0 27px;}
.subscribe{border:none; cursor:pointer; background:url(../images/subscribe.jpg) no-repeat;width:109px; height:30px;}
.thank{font-family:Calibri, Arial, Helvetica, sans-serif; font-size:18px; color:#000; line-height:19px;}

.row1{font-family: calibri,arial; font-size: 15px; color:#000; line-height: 22px; background-color: rgb(241, 241, 241); border-bottom: 1px solid rgb(255, 255, 255); text-align:center;}
.row1 span, .row2 span{color: rgb(255, 0, 0);}
.row2{font-family: calibri, arial; font-size: 16px; color:#000; line-height: 22px; background-color: rgb(237, 236, 236); border-bottom: 1px solid rgb(255, 255, 255); text-align:center;}
.row1 i, .row2 i{font-size:10px;}

.rowb1{background-color: rgb(207, 238, 253); color:#000; height: 42px; line-height: 42px; font-family: calibri, arial; font-size: 15px;}
.rowb2{background-color: rgb(237, 249, 255); color:#000; height: 42px; line-height: 42px; font-family: calibri,arial; font-size: 15px;}

.rowb1 em, .rowb2 em{font-size:18px; line-height:24px;}

.rowg1{background-color: rgb(245, 254, 231); color:#000; height: 42px; line-height: 42px; font-family: calibri, arial; font-size: 15px;}

.rowg2{background-color: rgb(230, 238, 218); color:#000; height: 42px; line-height: 42px; font-family: calibri, arial; font-size: 15px;}

.rowg1 em, .rowg2 em{font-size:18px; line-height:24px;}

.rowgr1{background-color: rgb(246, 242, 242); color:#000; height: 42px; line-height: 42px; font-family: calibri, arial; font-size: 15px;}
.rowgr2{background-color: rgb(234, 234, 234); color:#000; height: 42px; line-height: 42px; font-family: calibri, arial; font-size: 15px;}
.rowgr1 em, .rowgr2 em{font-size:18px; line-height:24px;}

.rowlb1{background-color: rgb(226, 243, 252); color:#000; height: 42px; line-height: 42px; font-family: calibri, arial; font-size: 15px;}
.rowlb2{background-color: rgb(214, 240, 253); color:#000; height: 42px; line-height: 42px; font-family: calibri, arial; font-size: 15px;}

.rowlb1 em, .rowlb2 em{font-size:18px; line-height:24px;}

.basic{background:url(../images/basic.jpg) no-repeat bottom; width:175px; height:150px; font-family:arial; font-size:45px; font-weight:bold; color:#fff;  text-align:center;}
.basic div{font-size:12px; font-weight:normal; text-align:center;}
.professional{background:url(../images/professional.jpg) no-repeat bottom; width:175px; height:150px; font-family:arial; font-size:45px; font-weight:bold; color:#fff;  text-align:center;}
.professional div{font-size:12px; font-weight:normal; text-align:center;}
.smallbusiness{background:url(../images/small-business.jpg) no-repeat; width:200px; height:161px; font-family:arial; font-size:45px; font-weight:bold; color:#fff;  text-align:center;}
.smallbusiness div{font-size:12px; font-weight:normal; text-align:center;}
.corporate{background:url(../images/corporate.jpg) no-repeat bottom; width:175px; height:150px; font-family:arial; font-size:45px; font-weight:bold; color:#fff;  text-align:center;}
.corporate div{font-size:12px; font-weight:normal; text-align:center;}


.url
	{
	PADDING-LEFT: 5px;

	FONT-SIZE: 11px;
	COLOR: #0066cc;
	LINE-HEIGHT: 15px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	background-color: #ffffff
	}
.url A
	{
	COLOR: #0066cc;
	TEXT-DECORATION: none
	}
.url A:hover
	{
	COLOR: #333333;
	TEXT-DECORATION: underline
	}

.formbox
{
padding:10px;
border:2px solid #7fc346;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;	
	}
	
	.container
	{
		width:988px;
		height:130px;
		border-bottom:2px ridge #6db356;
			
		}
		.consub
		{width:988px;
		height:100px;

		font-size:12px;
		font-family:@Arial Unicode MS;
		float:left;
			}
			
		.readmore
		{
			width:100px;
			height:20px;
			float:right;
			margin-left:760px;
		
		}
	
		.s a{

color:#666666;
font-weight:bold;


}

.s a:hover{

font-weight:bold;
font-size:13px;
text-decoration:none;

}