/* CSS Document */

*{ 
  
  margin: 0px;
  padding: 0px;
   }
   

/*p { 
  text-align:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#999999;
  }
  */
body {
  background-color: #D3D3D3;
  text-align: center;
  background-image: url(../images/bg_in.jpg);
  background-repeat: repeat-x;
}


#wrapper {
   width: 940px;
   height: auto;
   text-align:left;
   margin:0 auto;
   }
   
.header_area{
 width:940px;
 height: auto;
 float:left;
 background-image:url(../images/main_banner.jpg);
 background-position:top;
 background-repeat:no-repeat;
 
 }
 
 .header_area_inner{
 width:940px;
 height: 447px;
 float:left;
 background-image:url(../images/main_banner_inner.jpg);
 background-position:top;
 background-repeat:no-repeat;
 
 }
 
 
#body_area{
  width:940px;
  height: auto; 
  float:left;
  }
  
.body_top{
 width:912px;
 height: 282px;
 background-image:url(../images/body_bg.jpg);
/* border-bottom: 1px solid  #999999;*/
 background-repeat:no-repeat;
 background-position: left;
 float:left;
 margin-left: 14px !important;
 margin-left/**/: /**/7px;
 } 
 
 #body_area_inner{
  width:940px;
  height: auto; 
  float:left;
  padding-top: 30px;
  }
.body_top{
 width:912px;
 height: 282px;
 background-image:url(../images/body_bg.jpg);
/* border-bottom: 1px solid  #999999;*/
 background-repeat:no-repeat;
 background-position: left;
 float:left;
 margin-left: 14px !important;
 margin-left/**/: /**/7px;
 } 
 
h1{
 font-family: arial, Verdana, Tahoma, "Trebuchet MS";
 color:#FFFFFF;
 font-size: 30px;
 text-align:left;
 padding-bottom: 10px;
 }
 
h2{
 font-family: arial, Verdana, Tahoma, "Trebuchet MS";
 color: #666666;
 font-size: 19px;
 text-align:left;

 }
  
 
 
.top_text_area{
  width: 818px;
  height:auto;
  float:left;
  padding: 15px 0 10px 45px !important;
  padding/**/:/**/ 15px 0 10px 40px !important;
  font-family:  Georgia, "Times New Roman", Times, Serif;
  font-size:13px;
  color:#FFFFFF;
  text-align:justify;
  line-height: 20px;
  
  
}


#mywebarea{
 width: 800px;
 height:auto;
 line-height:normal;
 float:left;
 text-align:left;
/* padding: 95px 0 0 110px;*/
 margin: 15px 0 0 110px !important;
 margin/**/:/**/ 15px 0 0 55px; 
  }
  





#myweb ul 
{ 
	list-style: none;
	margin: 0px;
	padding: 0px;
}



#myweb ul li 
{ 
	float: left;
	
	
}

#myweb li span 
{ 
	display: none;
	
}


li_new
   { 
	width: auto;
	height: auto;
	display: inline;
	margin: 0px 5px 0 25px;   
	list-style: none;
}

#body_mid_contents{
  width:926px;
  height:auto;
  float:left; 
  padding: 0 0 0 14px;
 }

.heading_img{
 width:auto;
 height: auto;
 float:left;
 text-align:left;
 padding-bottom: 8px;
 clear:left;
 }
 
 .body_bottom_top{
  width: 912px;
  height: auto;
  float:left;
 /* background-color:#364C56;*/
  padding-bottom: 5px !important;
  padding-bottom/**/:/**/ 15px !important;
  }
  
.body_bottom_bottom{
  width: 940px;
  height:auto;
  float:left;
  padding: 20px 0 0 0;
  /* background-color:#364C56;
/*  border-left : 1px solid    #005BA8;
  border-right: 1px solid   #005BA8;*/

  } 
  
 
#link_area_top {
 width: 280px;
 height:75px;
 float:left;
 padding: 175px 130px 0 15px;
}

#menu_area{
 width: 785px;
 height:auto;
 float:left;
 padding: 150px 130px 0 15px !important;
 padding/**/:/**/ 150px 130px 0 15px;
 }
 
 
#menu 
{ 
	width: 785px;
	height: 35px;
	float:left;
	
}

#menu ul 
{ 
	list-style: none;
	margin: 0px;
	padding: 0px;
}




#menu ul li 
{ 
	float: left;
}

#menu li span 
{ 
	display: none;
}


li#btn_home a 
{ 
	width: 92px;
	height: 35px;
	display: block;
	background: url('../images/home_btn_on.jpg') no-repeat;
}

li#btn_home, li#btn_home a:hover 
{ 
	background: url('../images/home_btn_on.jpg') no-repeat;
}

body#home li#btn_home a, li#btn_home a:active 
{ 
	background: url('../images/home_btn_over.jpg') no-repeat;
}

li#btn_about a 
{ 
	width: 162px;
	height: 35px;
	display: block;
	text-align:left;
	
	background: url('../images/about_me_btn_on.jpg') no-repeat;
}

li#btn_about, li#btn_about a:hover 
{ 
	background: url('../images/about_me_btn_on.jpg') no-repeat;
}

body#about li#btn_about a, li#btn_about a:active 
{ 
	background: url('../images/about_me_btn_over.jpg') no-repeat;
}

li#btn_portfolio a 
{ 
	width: 169px;
	height: 35px;
	display: block;
	background: url('../images/portfolio_btn_on.jpg') no-repeat;
}

li#btn_portfolio, li#btn_portfolio a:hover 
{ 
	background: url('../images/portfolio_btn_on.jpg') no-repeat;
}

body#portfolio li#btn_portfolio a, li#btn_portfolio a:active 
{ 
	background: url('../images/portfolio_btn_over.jpg') no-repeat;
}

li#btn_contact a 
{ 
	width: 196px;
	height: 35px;
	display: block;
	background: url('../images/contact_on_bt.jpg') no-repeat;
}

li#btn_contact, li#btn_contact a:hover 
{ 
	background: url('../images/contact_on_bt.jpg') no-repeat;
}

body#contact li#btn_contact a, li#btn_contact a:active 
{ 
	background: url('../images/contact_over_btn.jpg') no-repeat;
}


#bottom_myresume_area{
  width: 300px;
  height:auto;
  float:left;
  text-align:left;
  background-repeat:repeat-y;
  background-position:left;
  margin: 0 0 0 33px !important;
  margin/**/:/**/ 0 0 0 15px;
/* border-right: 1px solid  #999999;*/
  /*  border-top: 1px solid  #999999;
*/
}


#bottom_testimonial_area{
  width: 360px;
  height:auto;
  float:left;
  background-image:url(../images/myresume_bg_line.jpg);
  background-repeat:repeat-y;
  background-position:left;
  margin: 0 0 0 33px !important;
  margin/**/:/**/ 0 0 0 15px;
}


.h1_img_heading{
 width:360px;
 height: auto;
 float:left;
 clear:left;
 padding-top: 8px;
}

.h1_img_heading2{
 width:580px;
 height: auto;
 float:left;
 clear:left;

}

.sliding_area{
 width:580px;
 height: auto;
 float:left;
 clear:left;
 text-align:justify;
 padding-top: 10px;
 font-family: Arial, Helvetica, sans-serif ;
 font-size:12px;
 color: #666666;
 line-height: 18px;
 
 

}


.port_h1_img_heading2{
 width:870px;
 height: auto;
 float:left;
 clear:left;

}


.portfolio_sliding_area{
 width:870px;
 height: auto;
 float:left;
 clear:left;
 text-align:justify;
 padding-top: 10px;
 font-family: Arial, Helvetica, sans-serif ;
 font-size:12px;
 color: #666666;
}


.chat_area{
 width:490px;
 height: auto;
 float:left;
 clear:left;
 padding-left: 30px;

}


.h1_img_heading3{
 width:360px;
 height: auto;
 float:left;
 clear:left;

}

.my_skills{
 width:360px;
 height: auto;
 float:left;
 clear:left;

}

.normal_body_font{
  font-family: Arial, Helvetica, sans-serif ;
  font-size:12px;
  color: #666666;
  text-align:left;
  line-height: 22px;
  
}

#about_area{
 width: 580px;
 height:auto;
 float:right;
 padding: 0 10px 0 10px !important;
 padding/**/:/**/0 10px 0 10px;

}


#portfolio_area{
 width: 850px;
 height:auto;
 float:right;
 padding: 0 50px 0 10px !important;
 padding/**/:/**/0 30px 0 10px;

}

.mywork_section{
 width: 870px;
 height: auto;
 float:left;
 text-align:left;
}


.mywork_first_col_section{
 width: 150px;
 height: auto;
 float:left;
 text-align:left;
}

.mywork_sec_col_section{
 width: 700px;
 height: auto;
 float:left;
 text-align:left;
 padding-left: 20px;
}

.samples_web{
 width: 665px;
 height:auto;
 float:left;
 clear:left;
 text-align:left; 
 }

.samples_web_right{
 width: 182px;
 height:auto;
 float:left;
 clear:right; 

}

.h1_img_heading_contact{
 width:425px;
 height: auto;
 float:left;
 padding: 0 0 0 15px;
}


.home_portfolio{
 width:510px;
 height: auto;
 float:right;

}


.contact_area{
  width: 700px;
  height:auto;
  float:left;
  text-align:left;
}


.form_area{
 width:425px;
 height: auto;
 float:left;
 padding: 0 0 0 15px;

}

#bottom_area_footer{
 width: 830px;
 height:auto;
 float:left;
 padding: 20px 0 20px 110px !important;
 padding/**/:/**/ 20px 0 20px 100px;
 background-color:#364C56;
 margin-top: 20px !important;
 margin-top/**/:/**/ 20px;
}


#footer_section {
   width: 940px;
   height: auto;
   margin:0 auto;
   text-align:left;
   display:inline;
   float:left;
  font-family: Arial, Helvetica, sans-serif ;
  font-size:12px;
  color: #000000;
  text-align:left;
   padding: 8px 0 8px 0;
   }
   
/*#footer_section{
 width: 940px;
 height: 17px;
/* padding: 7px 0 0 10px !important;
*/
/* text-align:left;
 background-image:url(../images/footer.jpg);
 margin-bottom:0;
 background-repeat:no-repeat;
 color:#FFFFFF;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:12px;*/
   
/* background-color:#364C56;
 margin: 6px 0 0 0;*/
 
/*}*/

.resume_text_area{
 width:290px;
 height: auto;
 float:left;
 text-align:right;

 padding-right:10px;
 padding-top:10px;
}

.white_text {
   text-align: justify;
   font-family: Arial, Helvetica, sans-serif;
   font-size:13px;
   color: #333333;
   line-height:22px;
   
}


.contatos{
width:407px;
float:left;
padding:20px 0 20px 13px;
}
.form{
width:370px;
float:left;
padding:10px 0 10px 20px;
}
fieldset{
border:none;
}
.form_esq, .form_dir, .form_dir p, .form_dir h5{
float:left;
}
.form_esq{
width:175px;
}
.form_dir{
width:155px;
padding-left:20px;
}
label, input, textarea{
width:152px;
float:left;
}
label{
margin-top:10px;
}
.input_textarea{
background: #D7D7D7;
border:1px solid #D3D3D3; 
border-bottom-color: #999999;
padding:1px;
width: auto;
height: auto;

}

.feedback_textarea{
background: #D3D3D3;
border:1px solid #D3D3D3; 
border-top-color: #999999;
border-bottom-color: #999999;
border-left-color: #999999;
border-right-color: #999999;
padding:1px;
width: auto;
height: auto;
}


textarea{
height:22px;
}
.submit{
width:50px;
height:25px;
background:#D3D3D3;
float:left;
color: #666666;
border:1px solid #D3D3D3; 
border-top-color: #999999;
border-bottom-color: #999999;
border-left-color: #999999;
border-right-color: #999999;

cursor:pointer;
margin:20px 19px 0 0;
}
.form_dir h5{
width:100%;
padding-left:10px;
margin-top:10px;
}
.form_dir p{
padding:0;
}

#right_area { 
   width: 125px;
   height: auto;
   float: left;
   padding: 20px 10px 0 5px;
   border-right:thin;
  
  }
  
.outer_text_space{
 width: 425px;
 height:auto;
 float:left;
 text-align:left;
 
} 


.outer_submit_space{
 width: 385px;
 height:auto;
 float:left;
 text-align:left;
 padding-right: 40px;
 
} 

.text_feild_space{
 width: 30px;
 height:auto;
 float:left;
 text-align:left;

}

.footer_links_area{
  width: 220px;
  height: auto;
  float:left;
  margin: 1px 3px 3px 11px !important;
  margin/**/:/**/ 1px 3px 3px 12px;
 border-right: 1px solid  #CCCCCC;
} 




.footer_title{
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 font-weight:bold;
 color: #FFFFFF;
 text-align:left; 
 }

.footer_link ul{
  float:left;
  }

.footer_link li{
 list-style-type:none;
 text-align:left;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-style:normal;
 color: #FFFFFF;
 line-height: 22px;
/*  border-bottom: 1px solid  #CCCCCC;*/
 }
 
 
 .footer_link a{
 list-style-type:none;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-style:normal;
 color: #FFFFFF;
 line-height: 14px;
 text-align:left;

 }
 
  .footer_link a:hover{
 list-style-type:none;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-style:normal;
 color: #FFFFFF;
 line-height: 14px;
  text-align:left;

 }
 
 
 
.body_bullet_area{
   width: 700px;
   height:auto;
   float:left;
   clear:left;
   } 

.bullet ul {
list-style-type: none;
}	

.bullet ul li {
background-image: url(../images/arrow.jpg);
background-repeat: no-repeat;
background-position:-2px 5px;
padding-left:18px; 
padding-bottom:5px;
}

#footer_inner_ad_part{
 width: 938px;
 height: autopx;
 float:left;
 padding: 40px 0 0 30px !important;
 padding/**/:/**/ 40px 0 0 25px;
 text-align:center;
}

#footer_inner_copyright_area{
 width: 938px;
 height: autopx;
 float:left;
 padding: 40px 0 0 30px !important;
 padding/**/:/**/ 40px 0 0 25px;
 text-align: left;
 font-family:Arial, Helvetica, sans-serif;
 color:#666666;
 font-size:11px;
}
 
.secondry_menu_area{
 width: 256px;
 height: auto;
 float:left; 
}

#link_left{
 width: 123px;
 height: 25px;
 float:left;
}

#link_right{
 width: 123px;
 height:25px;
 float: left;
 margin-left: 5px;
}



.footer_link li{
 list-style-type:none;
 text-align:left;
 

 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 font-style:normal;
 color: #FFFFFF;
 line-height: 20px;
 text-decoration:none;

 }
 
 
 .footer_link a{
 list-style-type:none;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 font-style:normal;
 color: #FFFFFF;
 line-height: 20px;
 text-align:left;
  text-decoration:none;
 }
 
.footer_link a:hover{
 list-style-type:none;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 font-style:normal;
 color: #FFFFFF;
 line-height: 20px;
  text-align:left;
 } 
 
.my_expertise_area{
 width:360px;
 height: auto;
 float:left;
 clear:left;
 padding-top: 8px;
}


.catgry ul  
{ 
	float: right;
}
 
.catgry  li 
{
    list-style-type:none;
 	margin-top: 0px;
	padding: 10px 0 2px 20px;
	border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #D2D7DB;
	background-image:url(images/list_arrow.gif);
	background-repeat: no-repeat;
	background-position: 17px 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	color:#333333;


	
}


.catgry a{
   font-family: Arial, Helvetica, sans-serif;
   font-size:11px;
   text-decoration:none;
   color: #000000;
   }
  
.catgry a:link{
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
   text-decoration:none;
   color: #003366 ;
   }
   
.catgry a:visited{
   font-family: Arial, Helvetica, sans-serif;
   font-size:11px;
    text-decoration:none;
   color: #000000;
   }
   
.catgry a:active{
   font-family: Arial, Helvetica, sans-serif;
   font-size:11px;
   text-decoration:underline;
   color: #993300;
   }    
   
.catgry a:hover{
   font-family: Arial, Helvetica, sans-serif;
   font-size:11px;
   color: #003366 ;
   text-decoration:underline;
   }
	
#expertise_area{
   width: 360px;
   height:auto;
   float:left;

 }
 
 
 
#form_area {
 width: 600px;
 height: auto;
 float:left;
 clear:left;
 text-align:left;
 } 
 
.form_container_main {
  width: 600px;
  height: auto;
  float:left;
  clear:left;
  padding-bottom: 15px;
  }
   
.left_form{
 width:180px;
 height:auto;
 float:left;
 text-align:right;
 }
 
#button_area {
 width: 300px;
 height:auto;
 float:right;
 text-align:right;
 padding-right:100px;
 }
 
.left_button{
  width: 40px;
  height:auto;
  float:left;
  clear:left;
 padding-left: 25px;
 padding-right: 10px;
  }
  
.right_button{
  width:170px;
  height:auto;
  float:right;
  clear:right;
  } 
  
/*.right_button{
  width:50px;
  height:auto;
  float:right;
  clear:right;
  margin-right: 10px
  }*/ 
.right_form{
 width:410px;
 height:auto;
 float:right;
 }
  
.right_form_inside{
 width:125px;
 height:auto;
 float:right;
 text-align:left;
 }