@charset "utf-8";

/* CSS Document */

/* =Styling all elements

========================================================================================================*/

* {margin: 0; padding: 0;}

a {	outline: none;	border: none;text-decoration: none;}

img {border: none;}

input {vertical-align: middle;}

.floatleft {float: left !important;}

.floatright {float: right !important;}

abbr {cursor: help;}

acronym {cursor: help;}

/* ----------- Applying clearfix fix for some browsers to use in appropriate places --------- */

.clearfix:after {content: " ";display: block;height:100%;	clear: both;visibility: hidden;}

.clearfix {	display: inline-block;}

/* Hide from IE Mac \*/

.clearfix {	display: block;}

/* End hide from IE Mac */

/*==============================================================================================*/

.clear{

	clear:both;
}

/*------------------------- Body ----------------------------------*/

body{

	background:#ffffff url(../images/bg.jpg) left top repeat-x;

	font-family:tahoma,Verdana, Arial, Helvetica, sans-serif ;

	font-size:11px;

	color:#747474;

}

h1,h2,h3 {

	font-weight:normal;

}
h4{
	font-size:18px;
	font-weight:bold;
	color:#027400;
	padding-bottom:15px;
}

/*------------------------- Main Wrapper ---------------------------*/

#main_wrapper{

}

/*--------------------------- Wrapper ------------------------------*/

#wrapper{

	background:url(../images/header_bg.jpg) left top repeat-x;

	width:878px;

	margin:0 auto;

	/*padding-left:8px;

	padding-right:9px;*/

}

/*------------------------ Top Section ---------------------------------*/

#top_section{

	width:861px;

	position:relative;
	padding-left:8px;

	padding-right:9px;

}

#top_search_bx{

	width:845px;

	background-color:#eeeeee;

	height:45px;

	border-bottom:1px #e1e1e1 solid;

	float:left;

	padding-left:8px;

	padding-top:2px;

}

#top_search_bx span{

	width:800px;

	line-height:40px;

	margin-left:5px;

	margin-right:10px;

	

}

#top_search_bx p a{

	line-height:35px;
}

.top_search_bx_txt{

	position:absolute;

	top:15px;

	color:#028e00;

	font-size:12px;

}

/*

#top_search_bx a{

	color:#028e00;

	font-size:12px;

}*/

/*------------------------ Top Section ---------------------------------*/

#search_bx{

	position:absolute;

	right:12px;

	top:15px;

}

#search_bx label{

	float:left;

	padding-right:8px;

}

/*#search_bx {

	height:24px;

	border:1px #cfcfcf solid;

	width:105px;

	margin-left:5px;

}*/
.input_img{
	
	margin-left:5px;

}

.input_bx_search{
	height:24px;
	border:1px #cfcfcf solid;
	width:105px;
	margin-left:5px;
}

input[type="password"] {
	width:122px;

	border:1px #cfcfcf solid;

	height:24px;

	line-height:24px;

	color:#9e9e9e;

	float:left;

	margin-right:8px;
}
input[type="password"] {
	width:122px;

	border:1px #cfcfcf solid;

	height:24px;

	line-height:24px;

	color:#9e9e9e;

	float:left;

	margin-right:8px;
}

/*---------------------------- Header ---------------------------------*/

#header{

	clear:both;

	height:115px;

	position:relative;

	padding-top:8px;

}

#header h1 a{

	position:absolute;

	top:23px;

	left:16px;

	background:url(../images/logo.jpg) left top no-repeat;

	width:319px;

	height:97px;

	display:block;

	text-indent:-2000em;

}



/*------------------------ Login Area ---------------------------------*/

#login_area{

	position:absolute;

	top:8px;

	right:9px;

	background:url(../images/login_bx_img.jpg) left top no-repeat;

	height:113px;

	width:496px;

}

#top_area{

	padding-top:0px;

	padding-left:78px;

}

#top_area p{

	float:left;

	width:208px;

}

.contact_txt{

	color:#595959;

	font-size:14px;

}

.phone_txt{

	color:#4b6268;

	font-size:14px;

}

/*------------------------ Login Box ---------------------------------*/

#login_bx{

	padding-left:19px;

	margin-top:10px;

}

#login_bx h1{

	color:#595959;

	font-size:18px;

	padding-left:85px;

	float:left;

	padding-right:86px;

}

#login_bx h2{

	color:#666666;

	font-size:16px;

	padding-right:30px;

}

/*------------------------ Text Boxes ---------------------------------*/

#text_bx{

	clear:both;

	float:left;

	margin-top:13px;

	padding-right:33px;

}

/*#text_bx input{

	width:122px;

	border:1px #cfcfcf solid;

	height:24px;

	line-height:24px;

	color:#9e9e9e;

	float:left;

	margin-right:8px;

}*/

.input_bx_login{

	width:122px;

	border:1px #cfcfcf solid;

	height:24px;

	line-height:24px;

	color:#9e9e9e;

	float:left;

	margin-right:8px;

}

.signup_padd{

	padding-top:16px;

}

/*------------------------ Check Box Area ---------------------------------*/

#check_bx_area{

	clear:both;

	padding-left:4px;

	margin-top:8px;

	height:13px;

}

#check_bx_area input{

	float:left;

	margin-right:5px;

}

#check_bx_area a{

	line-height:16px;

	padding-right:20px;

	padding-left:5px;

	color:#afb0b0;

}

#check_bx_area a:hover{

	color:#5d5d5d;

}

/*---------------------------- Web Header -----------------------------------*/

#web_header{

	float:left;

	position:relative;

	background:url(../images/web_header.png) left top no-repeat;

	height:236px;

	width:419px;

	padding-right:11px;

	padding-top:10px;

}

/*---------------------------- Web Content -----------------------------------*/

#web_content{

	position:absolute;

	top:10px;

	right:11px;

	text-align:right;

	color:#FFFFFF;

	width:177px;

}

#web_content h1{

	font-size:24px;

	font-weight:bold;

}

#web_content h2{

	font-size:22px;

}

#web_content p{

	font-size:14px;

	padding:5px 0;

}

.text24{

	font-size:24px;

}

.yellow_txt{

	font-size:14px;

	color:#ffef5f;

	font-weight:bold;

}

/*------------------------ Tele Marketing header -----------------------------*/

#tele-sales_header{

	float:right;

	position:relative;

	background:url(../images/tele-sales_header.png) left top no-repeat;

	height:246px;

	width:417px;

	padding-right:14px;

}

#tele-sales_content{

	position:absolute;

	top:10px;

	right:11px;

	text-align:right;

	color:#FFFFFF;

	width:200px;

}

#tele-sales_content h1{

	font-size:24px;

	font-weight:bold;

}

#tele-sales_content h2{

	font-size:26px;

}

#tele-sales_content p{

	font-size:18px;

	padding:5px 0;

}

.btn_padd{

	margin-top:0px;

}

/*------------------------Center Content Boxes ---------------------------------*/

.content_box{

	float:left;

	background:url(../images/webmaster_img.jpg) left top no-repeat;

	width:166px;

	height:190px;

	text-align:center;

	margin-right:7px;

	margin-top:7px;

}

.content_box h1{

	padding-top:12px;

	color:#027400;

	font-size:16px;

	font-weight:bold;

}

.content_box h2{

	color:#027400;

	font-size:15px;

}

.content_box p{

	padding-top:7px;

}

.content_bx_btn{

	padding-top:7px;

}

.content_bx_btn a{

	width:146px;

	height:41px;

	text-indent:-2000em;

	display:block;

	margin-left:12px;

}

.content_bx_btn a:hover, .active_btn {

	background-position: left bottom ! important;

}

/*------------------ Navigation Buttons ------------------*/

#mainta_plan_btn a{

	background:url(../images/mainta_plan_btn.jpg) left top no-repeat;

}

#hosting_plans_btn a{

	background:url(../images/hosting_plans_btn.jpg) left top no-repeat;

}

#reg_domain_btn a{

	background:url(../images/reg_domain_btn.jpg) left top no-repeat;

}

#seo_btn a{

	background:url(../images/seo_btn.jpg) left top no-repeat;

}

#help_btn a{

	background:url(../images/help_btn.jpg) left top no-repeat;

}

/*----------------------------------------------------------------------------*/

/*------------------- Internal Page CSS Start Here ---------------------------*/



/*--------------------- Internal Navigation ----------------------------------*/

#int_top_nav{
	
	margin:10px 13px 12px 8px;
	
	background: url(../images/top_nav_bg.gif) repeat-x left top;
	
	
}
#int_top_nav ul{
	
	float:left;
	padding-top:5px;
}

#int_top_nav li{

	list-style:none;

	display:inline;

	height:35px;
	

}

#int_top_nav li a{

	float:left;	

	height:35px;

	text-indent:-2000em;
	margin-right:3px;	

}

#int_top_nav li a:hover, .active_btn {
	background-position: left bottom ! important;

}

/*------------------- Internal Navigation Buttons ----------------------------*/
#webdesign_btn a{

	background:url(../images/webdesign_btn.gif) left top no-repeat;

	width:163px;

}
#flashdesign_btn a{

	background:url(../images/flashdesign_btn.gif) left top no-repeat;

	width:162px;

}
#logodesign_btn a{

	background:url(../images/logodesign_btn.gif) left top no-repeat;

	width:138px;

}
#business_card_btn a{

	background:url(../images/business_card_btn.gif) left top no-repeat;

	width:183px;

}
#ad_design_btn a{

	background:url(../images/ad_design_btn.gif) left top no-repeat;

	width:162px;

}



#portfolio_btn a{

	background:url(../images/portfolio_btn.jpg) left top no-repeat;

	width:82px;

}

#services_btn a{

	background:url(../images/services_btn.jpg) left top no-repeat;

	width:85px;

}

#clients_btn a{

	background:url(../images/clients_btn.jpg) left top no-repeat;

	width:195px;

}

#get_started_btn a{

	background:url(../images/get_started_btn.jpg) left top no-repeat;

	width:210px;

}

#about_btn a{

	background:url(../images/about_btn.jpg) left top no-repeat;

	width:82px;

}

#campaign_btn a{

	background:url(../images/campaign_btn.jpg) left top no-repeat;

	width:163px;

}



/*-------------------------- Container ---------------------------------------*/

#container{

	width:878px;

	margin:0 auto;

}

/*-------------------------- Internal Content --------------------------------*/

#int_content{

	background:url(../images/int_content_bg.jpg) left top repeat-y;

	width:861px;

	padding-left:12px;

	padding-top:11px;

	padding-bottom:5px;

}

#int_top_links{

	padding-left:41px;

}

#int_top_links a{

	font-size:13px;

	color:#014500;

	padding:0 4px;

}

#int_top_links a:hover{

	color:#000000;

}

/*-------------------------- Internal Content Boxes --------------------------------*/

.int_cont_area{

	float:left;

	width:404px;

	padding-top:19px;

	padding-left:10px;

	padding-bottom:5px;

}

.int_cont_box{

	background-color:#f9f9f9;

	border-left:1px #cecece solid;

	border-right:1px #cecece solid;

	padding:10px 19px ;

}

.int_cont_box p{

	color:#808080;

	line-height:16px;

	text-align:justify;

	padding-top:10px;

}

.int_cont_box ul{

	float:left;

	padding-left:20px;

	width:150px;

}

.int_cont_box li{

	list-style-image:url(../images/arrow1.jpg);

	color:#225d21;

	font-weight:bold;

	padding-left:2px;

	line-height:18px;

}

/*------------------------- Internal Content Box Title ------------------------------*/

.int_title{

	background:url(../images/int_title_bg.jpg) left top repeat-x;

}

.int_title span{

	float:left;

	padding-left:5px;

	line-height:30px;

	font-size:13px;

	font-weight:bold;

	color:#4a4a4a;

}

.green_txt{

	color:#225d21;

}

.padd_25{

	padding-top:25px;

}

.icbox_width{

	width:818px;

	padding-top:10px;

}

/*------------------------------- Image Border -----------------------------------*/

.image_border{

	border:2px #c6c6c6 solid;

	background-color:#FFFFFF;

	padding:5px;

	margin-bottom:10px;

}

.tip_img{

	width:170px;

	float:left;

	padding-bottom:15px;

}

.txt_txt{

	padding-left:170px;

}

.black_txt{

	color:#000000;

	font-weight:bold;

}

.rt_border{

	border-right:1px #cecece solid;

	margin-top:8px;

}

.tmark_txt{

	float:left;

	width:440px;

	padding-right:20px;

}
/*------------------------------ Web Design Box ----------------------------*/
.web_section{
	width:878px;
	background:url(../images/web_cont_bg.gif) repeat-y left top;
}

.web_box{
	background:url(../images/web_bx_bg.gif) repeat-x left top;
}
.web_content{
	float:left;
	padding-left:25px;
	padding-top:33px;
}

.web_content li{
	float:left;
	list-style:none;
	padding-right:25px;
}
/*------------------------------ AD Design Box ----------------------------*/
.ad_section{
	width:878px;
	background:url(../images/web_cont_bg.gif) repeat-y left top;
}

.ad_box{
	background:url(../images/ad_design_bg.gif) repeat-x left top;
}
.ad_content{
	float:left;
	padding-left:25px;
	padding-top:33px;
}
.ad_temp{
	width:800px;
	text-align:center;
}
/*------------------------------ Business Cards Design Box ----------------------------*/
.bizcard_section{
	width:878px;
	background:url(../images/web_cont_bg.gif) repeat-y left top;
}

.bizcard_box{
	background:url(../images/bizcard_bg.gif) repeat-x left top;
}
.bizcard_content{
	float:left;
	padding-left:25px;
	padding-top:33px;
}
.bizcard_content h5{
	font-size:12px;
	font-weight:bold;
	color:#8e8e8e;
	padding-bottom:10px;
}
.bizcard_content ul{
	clear:both;
	padding-bottom:20px;
}

.bizcard_content li{
	float:left;
	list-style:none;
	padding-right:20px;
}
.yellow_strip{
	clear:both;
	background-color:#ffe467;
	height:20px;
}
/*------------------------ Bottom Link Area ---------------------------------*/

#bottom_link_area{

	clear:both;

	height:78px;

	padding-top:4px;
	width:861px;
	margin:0 auto;

}

/*--------------------------- Bottom Links ---------------------------------*/

#bottom_link{

	float:left;

	background:url(../images/bot_link-bg.jpg) left top repeat-x;

	height:78px;

	line-height:15px;

	width:851px;

}

#bottom_link p{

	width:700px;

	font-size:11px;

	color:#747474;

	text-align:center;

	padding-top:22px;

	padding-left:80px;

}

#bottom_link a{

	color:#747474;

	padding:0 5px;

}

#bottom_link a:hover{

	color:#000000;

}

/*------------------------ Footer ---------------------------------*/

#footer{

	margin-top:3px;

	background-color:#e5e5e5;

	height:64px;

	line-height:60px;

	color:#828282;

	text-align:center;

}

#footer a{

	color:#828282;

}

#footer a:hover{

	color:#1b1b1b;

}