@charset "utf-8";
/* CSS Document */

 
body{margin:0px; padding:0 0 20px 0; background:url(../images/bg_main.jpg) top repeat-x #e0e0e0;}
img{border:0px;}
a:focus{outline:none;}

input,selct,textarea{font-family:tahoma; font-size:12px; color:#000;}


.input_01{background:url(../images/input_01.jpg) top left no-repeat; width:186px; height:27px; border:0px; padding:1px 3px;}
.input_02{background:url(../images/input_02.jpg) top left no-repeat; width:153px; height:18px; border:0px;}
.textarea_01{background:url(../images/textarea_01.jpg) top left no-repeat; width:192px; height:100px; border:0px; padding:6px 0 0 6px;}

/*------------------------------------------bg css---------------------------------------------------------*/


.logo{background:url(../images/logo.jpg) top left no-repeat; width:265px; height:90px; border:0px; display:block; margin:0 0 0 12px;}

.nav_bg{background:url(../images/nav_bg.jpg);}

.footer-bottom_bg{background:url(../images/footer-bottom_bg.jpg) no-repeat;}
.footer-mid_bg{background:url(../images/footer-mid_bg.jpg) top repeat-x #6e6e6e;}
.footer_border{background:url(../images/footer_border.jpg) top right no-repeat;}


.cont-right-col_bg1{background:url(../images/cont-right-col_bg1.jpg) left repeat-y;}
.cont-right-col_bg2{background:url(../images/cont-right-col_bg2.jpg) left top no-repeat;}
.cont-right-col_bg3{background:url(../images/cont-right-col_bg3.jpg) bottom left no-repeat;}

.cont-right-col_bg4{background:url(../images/cont-right-col_bg4.jpg) top  repeat-x #fff; border-bottom:1px dashed #cecece;}

.form_bg{background:url(../images/form_bg.jpg) top repeat-x #379fca;}

.website-design_bg{background:url(../images/website-design_bg.jpg) top left no-repeat;}

.ROI-Calculator_bg{background:url(../images/ROI-Calculator_bg.jpg) top left no-repeat;}
.ROI-Calculator_bg2{background:url(../images/ROI-Calculator_bg2.jpg) top left no-repeat;}

.our-process_bg1{background:url(../images/our-process_bg1.jpg) top center no-repeat; color:#000; font:bold 13px Arial, Helvetica, sans-serif;}

.ppc-services_bg{background:url(../images/ppc-services_bg.jpg) bottom left no-repeat;}

.computer_bg{background:url(../images/computer_img.jpg) top left no-repeat;}

.people-saying_midsadow{background:url(../images/people-saying_midsadow.jpg) left top no-repeat;}

.welcome_bg{background:url(../images/welcome_bg.jpg) top left no-repeat;}

.welcome_bg2{background:url(../images/welcome_bg2.jpg) top no-repeat;}

.marketplace-services_bg{background:url(../images/marketplace-services_bg.jpg) top left no-repeat;}

.slide-show_bg{background:url(../images/slide-show_bg.jpg) top repeat-x #0099cc;}

.right_shadow{background:url(../images/right-shadow.jpg) top right no-repeat;}


/*---------------------------------text css--------------------------*/



.nav ul,li{margin:0px; padding:0px;}
.nav li{list-style:none; float:left; display:inline; background:url(../images/nav_border.jpg) right no-repeat; padding:14px 17px 14px 18px; font-family:Trebuchet MS; font-size:13px; color:#fff; font-weight:bold; height:11px;}
.nav li a{color:#fff; text-decoration:none; }
.nav li a:hover{color:#fff; text-decoration:underline;}

.form_text{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#c7f2ff;}

.text_01{font-family:Trebuchet MS; font-size:25px; color:#008fcf; font-weight:bold; line-height:28px;}
.text_01 a{font-family:Trebuchet MS; font-size:25px; color:#008fcf; font-weight:bold; text-decoration:none;}
.text_01 a:hover{font-family:Trebuchet MS; font-size:25px; color:#008fcf; font-weight:bold; text-decoration:underline;}

.text_02{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#008fcf; font-weight:bold;}

.text_03{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5a5a5a; line-height:16px; text-align:justify;}
.text_03 a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3898c6; line-height:16px; text-decoration:underline;}
.text_03 a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3898c6; line-height:16px; text-decoration:none;}

.text_03 strong{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#008fcf; line-height:16px; text-align:justify;}


.text_03_new{font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#5a5a5a; text-align:justify;}
.text_03_new a{font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#3898c6; text-decoration:underline;}
.text_03_new a:hover{font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#3898c6; text-decoration:none;}

.text_03 strong{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#008fcf; line-height:16px; text-align:justify;}

.text_04{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5a5a5a;}

.text_05{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#157e00;}
.text_05 a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#157e00; text-decoration:underline;}
.text_05 a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#157e00; text-decoration:none;}

.text_06{font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#008fcf; font-weight:bold;}

.text_07{font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#5a5a5a;}
.text_07 a{font-size:22px; color:#5a5a5a; text-decoration:none;}
.text_07 a:hover{font-size:22px; color:#5a5a5a; text-decoration:underline;}

.text_08{font-family:Trebuchet MS; font-size:17px; color:#000; font-weight:bold;}

.text_09{font-family:Trebuchet MS; font-size:17px; color:#0093c4; font-weight:bold;}

.text_10{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}

.text_11{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff;}
.text_12{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000;}

.text_13{font-family:Trebuchet MS; font-size:20px; color:#008fcf;}

.text_14{font-family:Trebuchet MS; font-size:20px; color:#5a5a5a; font-weight:bold;}

.text_14{font-family:Trebuchet MS; font-size:22px; color:#fff; font-weight:bold;}

.text_15{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#525252;}

.text_16{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#101010; line-height:16px;}

.text_17{font-family:Trebuchet MS; font-size:25px; color:#5a5a5a;}

.text_18{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#5a5a5a;}

.text_19{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#008fcf;}

.text_20{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff; font-weight:bold;}

.text_21{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; font-weight:bold;}

.text_22{font-family:Trebuchet MS; font-size:16px; color:#0099cc; font-weight:bold;}
.text_22 a{font-family:Trebuchet MS; font-size:16px; color:#0099cc; text-decoration:none;}
.text_22 a:hover{font-family:Trebuchet MS; font-size:16px; color:#0099cc; text-decoration:underline;}


.text_23{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3f3f3f;}



.ctrack ul{margin:0px; padding:0px;}
.ctrack li{list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5a5a5a; background:url(../images/bulit_img3.jpg) 0 16px no-repeat; padding:16px 0 4px 25px;}
.ctrack li a{color:#5a5a5a; text-decoration:none;}
.ctrack li a:hover{color:#5a5a5a; text-decoration:underline;}




.ctrack2 ul{margin:0px; padding:0px;}
.ctrack2 li{font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#5a5a5a; padding:16px 0 4px 6px; margin:0 0 0 14px;}
.ctrack2 li a{color:#5a5a5a; text-decoration:none;}
.ctrack2 li a:hover{color:#5a5a5a; text-decoration:underline;}






.result ul,li{margin:0px; padding:0px}
.result li{list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5a5a5a; font-weight:bold; background:url(../images/bulit_img1.jpg) 0 10px no-repeat; padding:10px 0 0 20px;}
.result li a{color:#5a5a5a; text-decoration:none;}
.result li a:hover{color:#5a5a5a; text-decoration:none; text-decoration:underline;}

.footer_text_01{font-family:Trebuchet MS; font-size:15px; color:#88deff;}

.footer_text_02 ul,li{margin:0px; padding:0px; line-height:12px;}
.footer_text_02 li{list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; background:url(../images/errow.gif) 0 15px no-repeat; padding:10px 0 0 15px;}
.footer_text_02 li a{color:#fff; text-decoration:none;}
.footer_text_02 li a:hover{color:#fff; text-decoration:underline;}
.footer_text_03{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; line-height:16px;}

.footer_text_03 a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#33ccff; line-height:16px; text-decoration:underline;}
.footer_text_03 a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#33ccff; line-height:16px; text-decoration:none;}




/*-------------- popup css ---------------*/




.popuph {
	background-color: #cccccc;
	border: 1px solid #333333;
	text-align: right;
	position: relative;
	height: 15px;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	overflow: visible;
}
.popupc {
	background-color: #ffffff;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
	border-bottom: 1px solid #333333;
	width: 100%;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	overflow: visible;
}
.popupf {
	width: 100%;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 40px;
	overflow: visible;
}
.popup_bg {
	background-color: #f4f4f4;
	padding: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.popup_body {
	background-color: #ffffff;
	margin: 0px;
	padding: 2px 4px 2px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;
	font-weight: normal;
}
.popup_caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 2px;
	color:#666666;
	font-weight: normal;
}




/*----------------- rollover effect ----------*/

.gallerycontainer{
 
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 0px solid white;
 }

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0px solid blue;
 
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
visibility: hidden;
 }

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
  
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
z-index: 50;
left:230px;
     }



/*----------- webmaster services page ---------*/


.webmaster_services ul{margin:0px; padding:0px;}
.webmaster_services li{list-style:none; font:12px Arial, Helvetica, sans-serif; color:#5a5a5a; background:url(../images/check-icon.jpg) 0 2px no-repeat; padding:0 0 12px 30px;}

.webmaster_services a{color:#5a5a5a; text-decoration:none;}
.webmaster_services a:hover{color:#5a5a5a; text-decoration:underline;}


.white_text{color:#fff; font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;}

.blue_head{font-family:Trebuchet MS; font-size:18px; color:#008fcf;}
.blue_head a{font-family:Trebuchet MS; font-size:18px; color:#000; text-decoration:underline;}
.blue_head a:hover{font-family:Trebuchet MS; font-size:18px; color:#008fcf; text-decoration:none;}

.box_head{font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#008fcf;}
.box_head em{font:italic 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#21a6e1;}


.box_bg{background:url(../images/box_bg.jpg) bottom repeat-x #fff; border-right:1px solid #ebebeb; border-left:1px solid #ebebeb;}

.blue_bg{background:url(../images/blue_bg.jpg) bottom repeat-x #b3d0ff;}
.text_001{font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;}



/*------------- new css (date: 18 march 2011)------------------*/

.home_banner{
	background:url(../images/banner_bg2.jpg) top no-repeat;
	width:971px;
	height:279px;
	overflow:hidden;
 }

.home_head{
	font:50px/46px "Myriad Pro";
	color:#ffffff;
	padding:0 0 0 10px;
	text-align:left;
	margin:0px;
	padding:25px 0 0 10px;
}

.homepage_text{
	font:20px "Myriad Pro";
	color:#ffffff;
	padding:14px 0 0 15px;
	margin:0px;
	text-align:left;
}


/*------------- new css homepage popup (date: 22 march 2011)------------------*/

.popup-formbg { background:url(../images/bg-form-popup.jpg) top center}
.input_bg-popup { background: url(../images/input_bg-popup.jpg); height:29px; width:271px}
.input_bg-popup input{ background:none; font:12px Arial, Helvetica, sans-serif; color:#000; width:240px; margin:6px 0 0 6px; border:0px}

.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background-color:#003d71;
border-bottom:1px solid #034781;
padding:4px;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: #000;
width: 10px;
left: 0;
top: 0;
z-index: 15;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
border:0px;
}




.top_phone{
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#0a77bc;
	padding:14px 0 0 0;
}



.newsletter_box{width:684px; background:url(../images/newsletter_bg.jpg) top no-repeat; height:87px;}

.newsletter_input{width:204px; border:1px solid #0236ca; padding:3px 1px; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666;}

.black_text{font:11px Arial, Helvetica, sans-serif; color:#666666; line-height:16px; padding: 10px 20px 0 10px;}
.black_text span{font:12px Arial, Helvetica, sans-serif; color:#373636; font-weight:bold; line-height:16px;}


.text_01 h1{margin:0px; padding:0px;}
.text_01 h1{font-family:Trebuchet MS; font-size:25px; color:#008fcf; font-weight:bold; line-height:28px;}
.text_01 h1 a{font-family:Trebuchet MS; font-size:25px; color:#008fcf; font-weight:bold; text-decoration:none;}
.text_01 h1 a:hover{font-family:Trebuchet MS; font-size:25px; color:#008fcf; font-weight:bold; text-decoration:underline;}