body{
	padding:0;
	margin:0;
	font:12px/18px Tahoma;
	}
	
p, td, h1, h2, h3, form, input, select, tbody, label, ul, li, fieldset, legend{
	padding:0;
	margin:0;
	}
	
ul li{ list-style:none;}
	
h1 { font-size:27px; line-height:29px;}

h2{
	font:bold 27px/30px Tahoma, Helvetica, Georgia;
	background-color:inherit;
	
}

h3{ font:bold 21px/24px Tahoma, Helvetica, Georgia;}

h6{ font:bold 13px/24px Verdana, Arial, Helvetica, sans-serif; color:#fff; margin:0;}
	
img{
	
	display:block;
	}
	
a img{ border:none;}
	
a{
	text-decoration:none; outline:0; color:#2D8CBC;
	}
a:hover{
	text-decoration:underline;
	}	
	
.clear{ clear:both;}
	
/***************** End General *******************/


table
	{
	border:0; width:100%;
	}
td
	{
	text-align:left; vertical-align:top; 
	}
#external-container
	{
	width:100%;
	}
.main-container
	{
	width:940px; margin:0 auto;
	}
	
/****************** End Common ************************/




/*************** Header part start ******************/

.header{ background:url(../images/hd_top_bg.jpg) repeat-x 0 0; padding:29px 0 0; font-family:Tahoma;}

.header h1{ position:relative;
	width:268px;
	height:0;
	padding:43px 0 0;
	overflow:hidden;
	
	background:url(../images/logo.jpg) no-repeat 0 0;
	float:left;}
	
.header h1 a {
display:block;
overflow:hidden;
height:0;
left:0;
padding:43px 0 0;
position:absolute;
top:0;
width:268px;
}
.header h2{ text-transform:uppercase; color:#FDFDFD; padding:0 0px 5px 0; }

.header h3{color:#FDFDFD;  line-height:21px; padding:0 0 22px 0;}


.top_right{ width:624px; float:right; padding-right:16px;}

.top_right p{ text-align:right; font-size:13px; line-height:18px; font-weight:bold; padding:5px 0 0;}

.top_right p a, .top_right span{ background:url(../images/devider.gif) no-repeat 100% 3px; padding:0 11px 0 0; margin:0 9px 0 0px; }

.top_right p a{ color:#009BEA;}

.top_right p a.last{ padding-right:0; margin-right:0; background:none; }

.top_right span b{ color:#A6D500;}


ul.nav{
	padding:0;
	margin:22px 0 0;
	float:right;
}
ul.nav li{
	padding:0 4px 0 0;
	float:left;
	width:auto;
	line-height:0;
	font-size:0;
}
ul.nav li.nopadding{
	padding:0;
}
ul.nav li a{
	font:bold 10px/31px Tahoma, Helvetica, Georgia;
	color:#9B9B9B;
	background-color:inherit;
	background:url(../images/nav_tab.gif) no-repeat 0 0;
	text-align:center;
	display:block;
	width:97px;
}
ul.nav li a:hover{
	color:#FFF;
	background-color:inherit;
	background:url(../images/nav_on.gif) no-repeat 0 0;
	text-decoration:none;
}
ul.nav li a.active{
	color:#FFF;
	background-color:inherit;
	background:url(../images/nav_on.gif) no-repeat 0 0;
	cursor:default;
}


.header_bttm{ background:url(../images/header_bg.jpg) repeat-x 0 0; height:236px; padding:13px 0 0;}

.header_bttm p{
	font-weight:bold;
	font-size:13px;
	padding-bottom:5px;
	color:#FDFDFD;
}


.header_bttm .left_image{ padding-top:10px;}
.header_bttm_right{ padding-left:16px;}

.header_bttm p a{
	background:url(../images/header_but.png) no-repeat 0 0;
	font:bold 21px/45px Tahoma, Helvetica, Georgia;
	color:#FFFFFF;
	background-color:inherit;
	text-align:center;
	width:217px;
	display:block;
	
}
.header_bttm p a:hover{
	color:#000;
	background-color:inherit;
}



/*************** Header part end ******************/


/************* Middle part Start From Here ***************/

.middle_body{ padding-top:10px;}

.right_box{
	background-color:#EAF7FE;
	border:6px solid #DFF3FD;
	float:left;
	width:178px;
	margin-right:15px;
}

.middle_body .last{margin-right:0px;}

.right_box img{ margin-bottom:15px;}
.middle_right{ float:left; width:600px;}

.print_text{
	background:#59BBEF;
	padding:0 0 0 14px;
}

.right_box h6{ line-height:32px; }
.flash_text{
	
	background:url(../images/flash_text_bg.gif) repeat-x 0 0;
	padding:0 0 0 14px;
}

.wesite_text{
	
	background:url(../images/webtext_bg.gif) repeat-x 0 0;
	padding:0 0 0 14px;
}

a.more{
	font:bold 12px/29px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:inherit;
	background:url(../images/more_but.gif) no-repeat 0 0;
	width:76px;
	display:block;
	text-align:center;
	margin:0 0 12px 50px;
	
}
a.more:hover{
	color:#000;

}


a:hover img{
	
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;}


.bodyleft_box_out {
background-color:#DFF3FD;
color:#000000;
width:273px; float:right;
padding:0 10px 10px;
}

h2.body_left{
	font:bold 21px/52px Tahoma, Helvetica, Georgia;
	color:#0072AC;
	background-color:#DFF3FD;
	padding:0 0 0 14px;
}

.bodyleft_box_out ul{
padding:4px 0 0px 12px; background:#FFF;
}

.bodyleft_box_out li {
	font:normal 12px/24px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	
	background:url(../images/left_arrow.gif) no-repeat 0 7px;
	padding:0 0 0 20px;
	display:block;
	width:230px;
}
/*.bodyleft_box_out li a:hover
	{
	text-decoration:underline;
	}
*/	
a.read_left{
	font:bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#0072AC;
	background:#FFF;
	padding-right:8px;
	padding-bottom:3px;
	
	text-align:right;
	display:block;
}


/************* Middle part end ***************/


/***************** Footer Part Start from here **************/

.footer{ margin-top:30px; font-weight:bold; font-family:Tahoma; font-size:11px; text-align:center; }

.footer ul{ width:100%; float:left; text-align:center; }

.footer li{

padding:0px 11px 0 11px;
border-left:1px solid #2D8CBC;
font-size:13px;
line-height:13px;
display:inline;


width:auto;
}

.footer .nobrdr
	{
	border:none; padding-left:0;
	}
	
.footer_text{
	
	color:#000000;
	background-color:#FFF;
	padding:0 0 5px 0;
}

/***************** Footer Part end here **************/

/***************** inner Pages style starts fro here **********************/
.inner-page-bg
	{
	background:url(../images/inner-page-bg.jpg) repeat-x 0px 0px;
	}
.inner-header-container
	{
	height:95px; width:920px; margin:0 auto;
	}
.inner-header-container h2
	{
	padding:30px 0px 0px 40px; text-transform:none;
	}
.inner-left
	{
	width:271px;
	}
.free-quote
	{
	background-color:#DFF3FD; width:
	}
.bodyleft_box_out2 {
background-color:#DFF3FD;
color:#000000;
width:253px; float:left;
padding:0 10px 10px;
margin-bottom:16px;
}

legend{ display:none;}
fieldset{ border:none;}

.box_out_inner{ background:#fff; padding:15px 0;}

.box_out_inner span{ width:68px; text-align:right; padding:0 14px 0 0; float:left;}

.box_out_inner input, .box_out_inner textarea{ width:153px; float:left;}

.box_out_inner textarea{ height:79px;}

label{ display:block; float:left;}

.box_out_inner b{ color:#F51111;}

.box_out_inner label{ padding-bottom:9px;}

.box_out_inner label.last{ padding-bottom:5px;}

input.btn_submit{ width:79px; height:30px; margin:0 0 0 82px;}
h3
	{
	font:bold 18px/22px Verdana, Arial, Helvetica, sans-serif; color:#0072AC; margin:0px 0px 4px 0px;
	}
h6
	{
	background:url(../images/bullet-h6.gif) no-repeat 0px 11px; padding:5px 0px 5px 20px; font:bold 12px/22px Verdana, Arial, Helvetica, sans-serif; color:#000;
	}

.blue_link{ }

.blue_link a{color:#339BCE; font:bold 12px/14px Verdana, Arial, Helvetica, sans-serif; padding:1px 2px; background:#E5F7FD;}

.what_do{ line-height:21px;}

.what_do p{ padding-bottom:15px;}
.what_do h3{ font-size:21px; margin-bottom:12px;}

h3 span{ display:block; font:bold 13px/25px Verdana, Arial, Helvetica, sans-serif; color:#686868; }

.category{ background:#EEEEEE; border:1px solid #DFF3FD; padding:13px 27px 20px; float:left; width:554px; margin:0px 0 8px 0;}

.category ul{ width:128px; float:left; margin-right:50px;}

.category .middle{ padding:0 50px 0 10px;}

.category .last{ border:none; margin:0;}

.category ul{ border-right:1px dotted #609DD7;}

.category ul li{ background:url(../images/dot.gif) no-repeat 0 50%; padding:0 0px 0 15px;}


.online span{ display:block;  background:url(../images/dot.gif) no-repeat 5px 50%; padding:0 0px 0 22px; font-size:11px; font-weight:bold; }

h4{ font:bold 14px/14px Verdana, Arial, Helvetica, sans-serif; color:#0072AC; margin:0 0 5px 0;}


/*********************** New css on 9-05-09 ***********************/


.login{ width:759px; margin:25px auto 0;}

.login .bodyleft_box_out2{ width:730px; margin:0 auto; float:none; padding:15px;}



.login .box_out_inner input{ width:320px; padding:7px 2px;}

.login .box_out_inner{ padding:25px 0 25px 10px;;}

.login .box_out_inner input.btn_submit{ width:79px; height:30px; margin:10px 0 0 208px; padding:0;}

.login .box_out_inner p{ display:block; padding-left:212px; font-size:11px;  clear:both;}

.login .box_out_inner label{ width:100%; padding-bottom:17px;}

.login .box_out_inner input.chk-box{ width:auto; float:left; margin:0; padding:0}


.login .box_out_inner span, .change_account span {
float:left;
padding:5px 19px 0 0;
text-align:right;
width:197px;
font-size:14px;
line-height:18px;
font-weight:bold;
}

.login .box_out_inner span.second{ font-size:11px; float:left; width:200px;  padding:0 0 0 10px; line-height:12px; *line-height:18px; text-align:left;}

.login .box_out_inner a{ text-decoration:underline;}
.login .box_out_inner a:hover{ text-decoration:none;}

.login .box_out_inner b, .change_account b{ font-weight:normal; color:#000; padding:6px 0 0 22px; float:left; width:auto;}


.login .box_out_inner label.last { padding:8px 0 0;

}

.change_account, .register{ margin:0 auto; width:920px; padding:25px 0 20px;}
.register{ border:15px solid #DFF3FD; width:759px; padding:0px 0 15px 0px; }

.change_account h2{ background:#DFF3FD; padding:8px 0 15px 20px; line-height:15px;}


.change_account label{ display:block; width:100%; float:left; margin:9px 0 10px 0;}

.change_account span{ width:220px; float:left; text-align:left; color:#000; font-weight:normal; padding:0 10px 0 0px; }

.change_account input, .change_account .select{ width:263px; float:left; margin-left:5px; background:none; padding:3px 2px; }

.change_account .select{ width:272px; padding:0 0px;}

.change_account input.txtfld1{ width:45px; }

.change_account input.txtfld2{ width:80px; }

.change_account .reg_inner{ width:100%; float:left;}

.change_account .reg_inner label{ width:auto; display:block; margin:0; padding: 9px 0 10px 0;}

.change_account .reg_inner label input{ float:none;}

.change_account .reg_inner span{ padding-top:5px;}





.change_account .chkout{ width:180px; height:46px;}

.change_account textarea {
font-size:11px;

padding:1px;
width:295px;
height:65px;
float:left;
margin-left:5px;
}

.change_account input.signup{ width:151px; height:30px;
margin-left:233px;
	
	}
	
.register form {
padding:15px 0 10px 60px;
}


.change_account2 span{ text-align:right;}

.change_account b{ padding:2px 0 0 22px;}

.change_account3 input{ width:293px;}

/***************** portfolio 6.06.09 **************/
.toppad{
    padding:15px 0 0 0;
	}
.portfolio{
    width:622px;
	position:relative;
	padding:0;
	margin:0 0 12px 0;
	float:left;
	}
.port{
    width:197px;
	background:#F0FAFE;
	border:#BBE6FC 1px solid;
	position:relative;
	padding:0 0 10px 0;
	margin:0 12px 0 0;
	float:left;
	}
.port img{
    border:#fff 6px solid;
	}
.port p{
    font:bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#0072AC;
	padding:0 0 0 8px;
	}

.port p a{
    font:bold 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#83AF00;
	text-decoration:underline;
	}
.port p a:hover{
    text-decoration:none;
	}
.port1{
    margin:0!important;
	}
.graybor{
    border-bottom:#E5E5E5 1px solid;
	}
ul.pagelink{
    float:right;
	margin:0 0 10px 0;
	padding:0;
	width:100px;
	}
ul.pagelink li{
    display:inline;
	margin:0;
	padding:0 0 0 8px;
	float:left;
	}
	
ul.pagelink img{ display:inline; margin:3px 0 0;}
ul.pagelink li a{
    font:bold 12px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#0072AC;
	text-decoration:none;
	}
ul.pagelink li a:hover, ul.pagelink li a.active {
	color:#74BEDC;
	text-decoration:none;
	}
.link{
    padding:7px 0 0 0;
	border-top:#E5E5E5 1px solid;
	}


/************ New Css on 10-06-09 ************/


.services{ border:8px solid #DFF3FD; width:890px; float:left;}

.web_design, .graphic_design, .emarket{ width:295px; float:left; padding:0 0 0 0;}

.services h2{ font-weight:bold; font-size:21px; color:#fff; padding:0 0 0 13px; line-height:42px; margin:0 0 12px 0;}

.web_design h2{ background:url(../images/web_bg.jpg) repeat-x 0 0;}
.graphic_design h2{ background:url(../images/graphic_bg.jpg) repeat-x 0 0;}
.emarket h2{ background:url(../images/emarkt_bg.jpg) repeat-x 0 0;}

.wh_bdr{ border-right:2px solid #fff!important; border-right:1px solid #fff;}

.grey_bdr{ border-right:2px solid #E7E7E7!important;  border-right:1px solid #E7E7E7;}

.services p{ padding:12px 14px 0 12px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  min-height:148px;
	height:100%!important; height:148px;}

.web_design p{ color:#0079B6; background:#EDF9FF;
	border-bottom:2px solid #DFF3FD;
	border-top:2px solid #DFF3FD; F1F8CF}
	
.graphic_design p{ color:#597028; background:#F1F8CF;
	border-bottom:2px solid #E5F0B0;
	border-top:2px solid #E5F0B0; }
	
.emarket p{ color:#B46702; background:#FFF8D8;
	border-bottom:2px solid #FFF0B6;
	border-top:2px solid #FFF0B6; }
	
.services ul { padding:12px 0 0 12px;}
	
.services ul li{ background:url(../images/blue_dot.gif) no-repeat 0 50%; padding:0 0 0 22px; width:85%;}

.services a{ background:url(../images/bttn.gif) no-repeat 0 0; 
	text-align:center;
	position:absolute;
	top:210px;
	left:23px;
	height:35px; 
	float:left; 
	color:#fff; 
	font-weight:bold; 
	width:220px; 
	padding:17px 0 0;}

.services a:hover{ background-position:0px -52px;}

.services .feature{ padding-bottom:32px; width:100%;
	position:relative;
	min-height:262px; height:100%!important; height:262px; }

.register p{ padding:10px;}

.register p span{ width:auto; display:inline; float:none; padding:1px; font-weight:bold; font-size:11px; }

.green{ background:#B7DE00;}


/*********** New Css on 11-06-09 **********/
.get_start{ width:880px;}

.get_start form{ padding-left:20px;}

.get_start input, .get_start textarea{ width:180px;}


.get_start textarea{ height:50px;}

.get_start label{ width:50%;}

.get_start label.right{ float:right;}

.get_start span{ width:150px;}

.get_start p{ border-bottom:2px solid #DFF3FD; border-top:2px solid #DFF3FD; width:98% ; float:left; padding:10px 0; margin:10px 0; }


/*************** New Css on 16-06-09 ***************/

.top_right p a.email{ background:none; font-size:11px; color:#D9D6D6; padding:0; margin:0;}


/******************************New style added on 19th June 2009 Starts from here *********************************/
#get-started h5
	{
	font:bold 13px/18px Verdana, Arial, Helvetica, sans-serif; color:#000; background-color:#EDF9FF; border-bottom:3px solid #DFF3FD; padding:8px; margin:0px 0px 10px 0px;
	}
#get-started h5 span
	{
	color:#0072AC;
	}
#get-started
	{
	margin-top:15px; border:6px solid #DFF3FD;
	}
#get-started h6
	{
	margin-left:10px;
	}
#get-started label
	{
	display:block; width:440px; margin-left:0px; margin:5px 0px 5px 0px;
	}
#get-started label span
	{
	float:left; display:block; width:100px; padding-top:5px; cursor:default;
	}
#get-started label input
	{
	padding:5px 0px 5px 5px; width:295px;
	}
.box-pad
	{
	padding-bottom:20px;
	}
.next
	{
	margin:15px 0px 15px 360px; width:110px;
	}
.next2
	{
	margin:0px 0px 0px 440px;
	}
#question textarea
	{
	margin-left:0px !important; width:398px; height:50px; font-family:Tahoma, Verdana, Arial, sans-serif; font-size:12px; margin-top:5px; font-family:Arial, Helvetica, sans-serif; float:left;
	}
#question label span
	{
	width:400px; display:block;
	} 
p.question
	{
	float:left; font-weight:bold; padding-left:33px; font-size:11px;
	}
p.question span
	{
	color:#0072AC; font-size:13px;
	}
.td-pad
	{
	padding-left:33px;
	}
	.green{ background:#B7DE00;}
	
	ul.nav li a.green{background:transparent url(../images/gogreen.gif) no-repeat scroll 0 0; color:#fff;}

ul.nav li a:hover.green{
	
	background:url(../images/nav_on.gif) no-repeat 1px 0;
	
}