/* CSS Document */

*{ 
  
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  text-align:justify;
  color:#333333;
  font-size:12px;
  line-height: 18px;
 
  
   }
   

/*p { 
  text-align:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#999999;
  }
  */
body {
  background-color:#0C0301;
  background-image: url(../images/main_bg.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0 0;
}


#wrapper {
   width: 930px;
   height: auto;
   text-align:left;
   padding-left: 43px;
    }
   
#header_area{
 width:930px;
 height: auto;
 float:left;
 }
 
.logo_area{
 width: 262px;
 height:110px;
 float:left;
 }
 
.menu_area{
 width: 588px;
 height: 43px;
 float: right;
 padding: 0 0 0 40px;
 clear:right;
 } 
 
 /*body_area*/
 
#main_body_area{
  width: 643px;
  height:auto;
  float: right;
  margin:19px 0 0 0;
  text-align:left;
  background-image:url(../images/main_body_bg.jpg);
  background-repeat:repeat-y;
  
 }
 
.heading1 {
display: block; /* Allows you to change the width and height of the image */
height: 71px;
width: 482px;
text-indent: -2000em; /* Hides the text in the h1 tag */
text-decoration: none; /* Hides the underline of the hyperlink */
z-index: 1000; /* IE Fix*/
margin-left: 20px;
background: url(../images/index_top_heading.jpg); background-repeat:no-repeat;
clear:left;   /* The pathway to the image*/
}

.heading2 {
display: block; /* Allows you to change the width and height of the image */
height: 28px;
width: 218px;
text-indent: -2000em; /* Hides the text in the h1 tag */
text-decoration: none; /* Hides the underline of the hyperlink */
z-index: 1000; /* IE Fix*/
margin: 25px 0 0 36px;
background-position:bottom;
background: url(../images/offer_heading.jpg); background-repeat:no-repeat;
clear:left;   /* The pathway to the image*/
}

.heading3 {
display: block; /* Allows you to change the width and height of the image */
height: 28px;
width: 129px;
text-indent: -2000em; /* Hides the text in the h1 tag */
text-decoration: none; /* Hides the underline of the hyperlink */
z-index: 1000; /* IE Fix*/
/*margin: 25px 0 0 35px;*/
margin: 0 0 10px 0;
background-position:bottom;
background: url(../images/specailization_heading.jpg); background-repeat:no-repeat;
clear:left;   /* The pathway to the image*/
}

.heading4 {
display: block; /* Allows you to change the width and height of the image */
height: 28px;
width: 164px;
text-indent: -2000em; /* Hides the text in the h1 tag */
text-decoration: none; /* Hides the underline of the hyperlink */
z-index: 1000; /* IE Fix*/
/*margin: 25px 0 0 35px;*/
margin: 0 0 10px 0;
background-position:bottom;
background: url(../images/latest_works.jpg); background-repeat:no-repeat;
clear:left;   /* The pathway to the image*/
}

.heading5 {
display: block; /* Allows you to change the width and height of the image */
height: 28px;
width: 304px;
text-indent: -2000em; /* Hides the text in the h1 tag */
text-decoration: none; /* Hides the underline of the hyperlink */
z-index: 1000; /* IE Fix*/
/*margin: 25px 0 0 35px;*/
margin: 0 0 10px 0;
background-position:bottom;
background: url(../images/recog_awards.jpg); background-repeat:no-repeat;
clear:left;   /* The pathway to the image*/
}

.heading6 {
display: block; /* Allows you to change the width and height of the image */
height: 24px;
width: 165px;
text-indent: -2000em; /* Hides the text in the h1 tag */
text-decoration: none; /* Hides the underline of the hyperlink */
z-index: 1000; /* IE Fix*/
/*margin: 25px 0 0 35px;*/
margin: 0 0 5px 0;
background-position:bottom;
background: url(../images/social_heading.jpg); background-repeat:no-repeat;
clear:left;   /* The pathway to the image*/
}

.body_text_area{
width: 643px;
height:auto;
float:left;
text-align:left;
/*margin: 10px 0 0 25px !important;
margin/**/:/**/ 10px 0 0 15px; */
 }
 
.home_highlighted_area{
width: 637px;
height: 135px;
float:left;
text-align: justify;
background-image:url(../images/home_highlighted_area_bg.jpg);
background-repeat:no-repeat;
margin-left:18px 0 0 3px !important;
margin/**/:/**/ 18px 0 20px 1px;
}

.highlighted_text_area{
 width: 594px;
 height:auto;
 float:left;
 text-align:justify;
 line-height:20px;
 padding: 8px 10px 0 26px;
 } 

.normal_text_area{
 width: 570px;
 height:auto;
 float:left;
 clear:left;
 padding: 0 20px 0 40px;
}


.my_socialarea{
 width: 570px;
 height:auto;
 float:right;
 clear:left;
 }
 
.twitter_area{
 width: 532px;
 height: 115px;
 float:right;
 clear:right;
 margin: 10px 25px 0 0 !important;
 margin/**/:/**/ 10px 10px 0 0;
 background-image:url(../images/tweeter_bg.jpg);
 background-repeat:no-repeat;
 }
 
.tweets{
 width: 400px;
 height:auto;
 float:right;
 margin: 30px 32px 0  40px!important;
 margin/**/:/**/ 30px 10px 0  0;
 }

.social_networking{
 width: 220px;
 float: right;
 height:auto;
 padding: 5px 20px 0 80px;
 text-align:left;
 } 
 
 
.facebook_icon a {
 width: 43px;
 height: 41px;
 float:left;
 background-image:url(../images/facebook_on.jpg);
 background-repeat:no-repeat;
 }
 
.facebook_icon a:hover {
 width: 43px;
 height: 41px;
 float:left;
 background-image:url(../images/facebook_over.jpg);
 background-repeat:no-repeat;
 }
 
.linkdin_icon a {
 width: 43px;
 height: 41px;
 float:left;
 background-image:url(../images/linked_on.jpg);
 background-repeat:no-repeat;
 }
 
.linkdin_icon a:hover {
 width: 43px;
 height: 41px;
 float:left;
 background-image:url(../images/linked_over.jpg);
 background-repeat:no-repeat;
 }
 

.flickr_icon a {
 width: 43px;
 height: 41px;
 float:left;
 background-image:url(../images/flickr_on.jpg);
 background-repeat:no-repeat;
 }
 
.flickr_icon a:hover {
 width: 43px;
 height: 41px;
 float:left;
 background-image: url(../images/flickr_over.jpg);
 background-repeat:no-repeat;
 }

 
  
#main_footer_area{
width: 579px;
height:auto;
float:left;
background-color:#ECE9D8;
margin:10px 0 0 1px;
padding: 30px 0 0 60px;
border-top: 1px solid  #C4B586;


 }
 
 
#latest_works{
 width: 530px;
 height:auto;
 float:left;
 padding-left: 40px;
 text-align:left;
 } 
 
 
 .footer_links_area{
  width: 150px;
  height: 150px;
  float:left;
  margin: 1px 3px 3px 11px !important;
  margin/**/:/**/ 1px 3px 3px 12px;
  border-right: 1px solid  #CCCCCC;
} 

.footer_smalltext {font-size: 11px;
color: #0C0301;

}



.footer_title{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color: #996600;
 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: #0C0301;
 line-height: 22px;
 text-decoration:none;
/*  border-bottom: 1px solid  #CCCCCC;*/
 }
 
 
 .footer_link a{
 list-style-type:none;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 font-style:normal;
 color: #0C0301;
 line-height: 14px;
 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: #CC9900;
 line-height: 14px;
 text-align:left;
 }
 
 
 #menu ul 

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

#menu ul li 
{ 
	float: left;
	padding:2px 3px 0 0;
	list-style:none; 
	
	
		
}

#menu li span 
{ 
	display: none;
	list-style:none; 
	
}


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

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

#btn_home li#btn_home a, li#btn_home a:active 
{ 
	background: url(../images/buttons/home_over.jpg) no-repeat;
}


li#btn_about a 
{ 
	width: 145px;
	height: 41px;
	display: block;
	background: url(../images/buttons/aboutme_normal.jpg)  no-repeat;
}

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

#btn_about li#btn_about a, li#btn_about a:active 
{ 
	background: url(../images/buttons/aboutme_over.jpg) no-repeat;
}
   
   
li#btn_portfolio a 
{ 
	width: 150px;
	height: 41px;
	display: block;
	background: url(../images/buttons/portfolio_normal.jpg)  no-repeat;
}

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

#btn_portfolio  li#btn_portfolio  a, li#btn_portfolio  a:active 
{ 
	background: url(../images/buttons/portfolio_over.jpg) no-repeat;
} 


li#btn_contact a 
{ 
	width: 160px;
	height: 41px;
	display: block;
	background: url(../images/buttons/contactme_normal.jpg)  no-repeat;
}

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

#btn_contact  li#btn_contact  a, li#btn_contact  a:active 
{ 
	background: url(../images/buttons/contactme_over.jpg) no-repeat;
}   
   
.footer_textarea {
  width: 637px;
  height:auto;
  float:left;
  clear:left;
  padding:0 0 10px 0;
  text-align: left;
  background-image:url(../images/main_footer_bg.jpg);
  background-repeat:no-repeat;
  background-position: left;
  color:#FFFFFF;
  padding: 6px 0 5px 5px; 
 
 } 
 
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color: #0C0301;
text-align:left;  
}


.photo_area{
width: 258px;
height: 359px;
float:left;
clear:right;
padding: 0 20px 0 0;
}


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

}


.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: #E5E3CA;
background-image: url(../images/form_bg.jpg);
background-repeat:repeat-y;
border:1px solid #E0D7B8; 
border-bottom-color: #999999;
padding:1px;
width: 300px;
height: 22px;

}


.captcha_textarea{
background: #E5E3CA;
background-image: url(../images/form_bg.jpg);
background-repeat:repeat-y;
border:1px solid #E0D7B8; 
border-bottom-color: #999999;
padding:1px;
width: 150px;
height: 22px;

}

.feedback_textarea{
background-image: url(../images/form_bg.jpg);
background-repeat:repeat-y;
border:1px solid #E0D7B8; 
border-bottom-color: #999999;
padding:1px;
width: 300px;
height: 50px;

}
textarea{
height:22px;
}
.submit{
width:50px;
height:25px;
background: #333333;
border:1px solid #333333; 
float:left;
color:#fff;
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;

}

.form_container_main{
 width:500px;
 height:auto;
 float:left;
 
 }

.right_form{
 width: 100px;
 height:auto;
 float:left;
 clear:right;
 padding: 0 0 8px 0;
 }
 
 
.left_form{
 width: 100px;
 height:auto;
 float:left;
 clear:left;
 text-align:center;
 padding: 0 0 8px 0;
}

.submit_area{
 width: auto;
 height:auto;
 float:left;
 padding:5px 0 0 100px;
 }
 
 .body_link a{
   font-family: Arial, Helvetica, sans-serif ;
   font-size:13px;
   text-decoration:none;
   color: #0F0402;
   text-decoration:underline;
   }
  
.body_link  a:link{
   font-family: Arial, Helvetica, sans-serif ;
   font-size:13px;
   text-decoration:none;
   color: #0F0402;
   text-decoration: none;
   }
   
.body_link  a:visited{
   font-family: Arial, Helvetica, sans-serif ;
   font-size:13px;
   text-decoration:none;
   color: #0F0402;
   
   }
   
.body_link  a:active{
   font-family: Arial, Helvetica, sans-serif ;
  font-size:13px;
   text-decoration:underline;
   color: #0F0402;
   }    
   
.body_link a:hover{
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
  color: #FFFFFF;
  background-color: #0F0402;
   } 
   
.about_heading1 {
display: block; /* Allows you to change the width and height of the image */
height: 71px;
width: 507px;
text-indent: -2000em; /* Hides the text in the h1 tag */
text-decoration: none; /* Hides the underline of the hyperlink */
z-index: 1000; /* IE Fix*/
margin-left: 20px;
background: url(../images/about_h1.jpg); background-repeat:no-repeat;
clear:left;   /* The pathway to the image*/
}   

.portfolio_heading {
display: block; /* Allows you to change the width and height of the image */
height: 71px;
width: 574px;
text-indent: -2000em; /* Hides the text in the h1 tag */
text-decoration: none; /* Hides the underline of the hyperlink */
z-index: 1000; /* IE Fix*/
margin-left: 20px;
background: url(../images/portfolio_heading.jpg); background-repeat:no-repeat;
clear:left;   /* The pathway to the image*/
} 

.contact_heading {
display: block; /* Allows you to change the width and height of the image */
height: 71px;
width: 574px;
text-indent: -2000em; /* Hides the text in the h1 tag */
text-decoration: none; /* Hides the underline of the hyperlink */
z-index: 1000; /* IE Fix*/
margin-left: 20px;
background: url(../images/contact_head.jpg); background-repeat:no-repeat;
clear:left;   /* The pathway to the image*/
}