/* CSS Document */

body{
	background:#ffffff;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#4B4A4A;
	margin:0; padding:0;}

div, form, label, input, span, img, ul, li, p, a{
	margin:0; padding:0;}
	
ul{list-style:none;}

.spacer{font-size:0; line-height:0; clear:both;}


/* ----------------------------- main start ----------------------- */
#main{width:1024px; height:auto; margin:0 auto; padding:0; background:#FFFFFF;}


/* ----------------------------- TopPanel start ----------------------- */
#topPanel{width:224px; height:24px; margin:0; padding:8px 0 0 800px; background:#7B7B7B;}

/* ----------------------------- Header start ----------------------- */
#headerMain{width:1024px; height:270px; margin:0; padding:7px 0 0 0; float:left; background:url(../images/banner_bg.jpg) repeat-x top;}

#headerLeft{width:285px; height:240px; margin:0; padding:30px 0 0 15px; float:left; background:url(../images/bannerLogo_bg.jpg) repeat-x;}
#headerMiddle{width:408px; height:270px; margin:0; padding:0 5px 0 5px; float:left; background:#232323; border-left:1px; border-right:1px; border-top:0; border-bottom:0; border-color:#4D4D4D; border-style:solid;}
#headerRight{width:304px; height:270px; margin:0; padding:0 0 0 0; float:left; background:url(../images/bannerLogo_bg.jpg) repeat-x;}
h1{width:274px; height:auto; margin:0; padding:10px 15px 0 15px; font:normal 24px "Trebuchet MS"; color:#FFFFFF;}


#headerRight p{width:274px; height:auto; margin:0; padding:10px 15px 0 15px; font:normal 14px Verdana, Arial, Helvetica, sans-serif; color:#A8A8A8;}
#headerRight .hrm{width:259px; height:auto; margin:0; padding:10px 15px 0 30px; background:url(../images/hrm_bg.jpg) no-repeat 15px 15px;}
#headerRight .hrm a{font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:underline;}
#headerRight .hrm a:hover{font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;}


#bodyDevider{width:1024px; height:17px; margin:0; padding:0; float:left; background:url(../images/body_devider.jpg) repeat-x top;}


/* ----------------------------- Body start ----------------------- */
#bodyMain{width:1024px; height:auto; margin:0; padding:0; float:left;}

#bodyLeft{width:295px; height:auto; margin:0; padding:0 0 0 10px; float:left;}
#menu{width:295px; height:auto; margin:0; padding:0; float:left;}
#menu ul li{width:295px; height:41px; margin:0; padding:0; float:left; background:url(../images/menuDevider.jpg) no-repeat left bottom;}
#menu ul li a{width:240px; height:auto; margin:7px 0 0 0; padding:0 0 0 15px; float:left; background:url(../images/menuArrow_green.jpg) no-repeat 225px 5px; font:normal 20px "Trebuchet MS"; color:#272725; text-decoration:none; display:block;}
#menu ul li a:hover, #menu ul li a.active{background:url(../images/menuArrow_orrange.jpg) no-repeat 235px 5px; color:#F58320;}

#contactForm{width:281px; height:auto; margin:30px 0 0 0; padding:10px 7px 10px 7px; float:left; background:#F3F9EF;}
#contactForm #quickContact{width:232px; height:35px; margin:0; padding:5px 0 0 49px; float:left; font:normal 20px "Trebuchet MS"; color:#EB6F16; background:url(../images/QC_pic.jpg) no-repeat;}
h2{width:281px; height:auto; margin:0; padding:0; font:normal 14px "Trebuchet MS"; color:#000000;}
#contactForm .inputtext{width:277px; height:20px; margin:0 0 5px 0; padding:4px 2px 2px 2px; font:normal 14px "Trebuchet MS"; color:#000000; background:url(../images/textFill.jpg) no-repeat; border:0;}
#contactForm .textarea{width:277px; height:90px; margin:0 0 5px 0; padding:4px 2px 2px 2px; font:normal 14px "Trebuchet MS"; color:#000000; background:url(../images/textArea.jpg) no-repeat; border:0;}
#contactFormButton{width:96px; height:27px; margin:0; padding:5px 0 0 0; float:left;}
#contactForm p{color:#000000; font-size:12px; margin:0px; padding:0px; padding-bottom:5px}



#bodyMiddle{
	width:410px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}
#inner{width:699px; padding:10px; float:left;; color:#666666;; line-height:18px; padding-top:0px}
h6{font:normal 30px "Trebuchet MS"; color:#353535; margin:0px; padding:0px; margin-bottom:10px}
#inner p{margin-top:10px; margin-bottom:10px}
#bodyMiddle #welcome{width:390px; height:auto; margin:0; padding:5px 10px 10px 10px; float:left; background:#F5F5EB;}
h3{ height:auto; margin:0; padding:0; font:normal 30px "Trebuchet MS"; color:#353535;}
h3.welcome_sub{width:390px; height:auto; margin:0; padding:5px 0 0 0; float:left; font:normal 18px Verdana, Arial, Helvetica, sans-serif; color:#706F6F;}
#bodyMiddle #welcome p{width:390px; height:auto; margin:0; padding:10px 0 0 0; float:left; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#4B4A4A; line-height:18px;}
#welcome #welcome_readMore{width:350px; height:auto; margin:0; padding:10px 10px 0 15px; float:left; background:url(../images/orangeArrow.jpg) no-repeat 0 14px;}
#welcome #welcome_readMore a{font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:underline;}
#welcome #welcome_readMore a:hover{text-decoration:none;}


#bodyMiddle #featuredServices{width:390px; height:auto; margin:0; padding:10px 10px 10px 10px; float:left;}
#featuredServices_text{width:390px; height:auto; margin:0; padding:0; float:left; font:normal 20px "Trebuchet MS"; color:#5B7426;}

#featuredServices .internetMarketing{width:390px; height:auto; margin:0; padding:15px 0 5px 0; float:left;}
.internetMarketing_textMain{width:390px; height:auto; margin:0; padding:0; float:left; font:bold 16px "Trebuchet MS"; color:#000000;}
.internetMarketing .internetMarketing_pic_text{width:390px; height:auto; margin:0; padding:5px 0 0 0; float:left;}
.internetMarketing .internetMarketing_pic{width:135px; height:auto; margin:0; padding:0; float:left;}
.internetMarketing .internetMarketing_text{width:248px; height:auto; margin:0; padding:0 0 0 7px; float:left;}
h4{width:248px; height:auto; margin:0; padding:0; float:left; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#E86814;}
h4.f{width:248px; height:auto; margin:0; padding:6px 0 0 0; float:left; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#717171; line-height:18px;}
.internetMarketing_text_readMore{width:233px; height:auto; margin:0; padding:6px 0 0 15px; float:left; background:url(../images/orangeArrow.jpg) no-repeat 0 10px;}
.internetMarketing_text_readMore a{font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#010101; text-decoration:underline;}
.internetMarketing_text_readMore a:hover{text-decoration:none;}


#bodyRight{
	width:279px;
	height:auto;
	margin:0;
	padding:0 10px 0 20px;
	float:left;
}
#bodyRight #specialOffer{width:279px; height:159px; margin:0; padding:0; float:left;}

#bodyRight #ourClient{width:259px; height:auto; margin:15px 0 0 0; padding:0 10px 0 10px; float:left; background:#F3F9EF;}
#ourClient_textMain{width:211px; height:26px; margin:7px 0 0 0; padding:0 0 15px 48px; float:left; font:normal 20px "Trebuchet MS"; color:#5B7426; background:url(../images/our_Cliente.jpg) no-repeat;}

.testimonial_box_text_pic{width:259px; height:auto; margin:0; padding:0 0 10px 0; float:left;}
.testimonial_box_pic{width:79px; height:auto; margin:0; padding:0; float:left;}
.testimonial_box_text{width:175px; height:auto; margin:0; padding:0 0 0 5px; float:left; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#5A5A5A;}
.testimonial_box_text span{font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#5A5A5A;}
.testimonial_box_text a{font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:underline;}
.testimonial_box_text a:hover{text-decoration:none;}



#ourClient_viewMore{width:211px; height:auto; margin:15px 0 0 0; padding:0 0 25px 0; float:left;}
#ourClient_viewMore a{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#5A5A5A; text-decoration:underline;}
#ourClient_viewMore a:hover{text-decoration:none;}



#bodyRight #tabPanel{width:257px; height:260px; margin:15px 0 0 0; padding:10px; float:left; border:1px; border-color:#D3D3D3; border-style:solid;}
#bodyRight #tabPanel a{font:normal 10px "Trebuchet MS"; color:#B8B7B7; text-decoration:none;}
#bodyRight #tabPanel a span{font:normal 20px "Trebuchet MS"; color:#757575; text-decoration:none;}
#bodyRight #tabPanel a.big{font:normal 34px "Trebuchet MS"; color:#282828; text-decoration:none;}
#bodyRight #tabPanel a.midium{font:normal 14px "Trebuchet MS"; color:#282828; text-decoration:none;}



/* ----------------------------- Footer start ----------------------- */
#footerMain{
	width:1024px;
	height:auto;
	margin:40px 0 0 0;
	padding:20px 0 5px 0;
	float:left;
	background:url(../images/footerBg.jpg) repeat-x top #7B7B7B;
}

#footerMain #footerMenu{width:auto; height:auto; margin:0; padding:0 45px 0 10px; float:left; font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#FEFFFF; line-height:26px;}
#footerMenu a{font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#CFCECE; line-height:18px; text-decoration:none;}
#footerMenu a:hover, #footerMenu a.active{color:#000000; text-decoration:underline;}


#footerMain #footerAddMain{width:350px; height:auto; margin:0; padding:0; float:left; text-align:right;}
#footerAdd{width:350px; height:auto; margin:0; padding:0; float:left;}
#footerAdd_text{width:350px; height:auto; margin:0; padding:60px 0 0 0; float:left; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#CFCECE;}