/* 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: 185px;

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 0 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 8px 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:18px 0 0 3px !important;

margin/**/:/**/ 18px 0 0 1px;

}



.highlighted_text_area{

 width: 594px;

 height:auto;

 float:left;

 text-align:justify;

 line-height:20px;

 padding: 6px 10px 0 26px;

 } 



.normal_text_area{

 width: 570px;

 height:auto;

 float:left;

 clear:left;

 padding: 0 20px 0 40px;

}

.portfolio_text_area{

 width: 570px;

 height:auto;

 float:left;

 clear:left;

 padding: 0 20px 0 10px;

}




.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  div
    {	
    position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #0F0402;
	height: auto;
	width: auto;
	border:1px solid; 
    border-bottom-color: #999999;
	}

li#btn_about  div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 10px 10px;
		width:  120px;
		height:13px;
		white-space: nowrap;
		text-align: center;
		text-decoration: none;
		background: #0F0402;
		color: #FFFFFF;
		font: 12px arial;
		background-image:url(../images/drop_dwn_bg.jpg);
		background-repeat:repeat-x;
		font-weight:bold;
		}

li#btn_about div a:hover
	{	background: #0F0402;
		color: #E9CE4D;
		width:  120px;
		height:13px;
		background-image:url(../images/drop_dwn_bg.jpg);
		background-repeat:repeat-x;
		font-weight:bold;
		}



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_services  div
    {	
    position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #0F0402;
	height: auto;
	width: auto;
	border:1px solid; 
    border-bottom-color: #999999;
	}

li#btn_services  div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 10px 10px;
		width:  120px;
		height:13px;
		white-space: nowrap;
		text-align: center;
		text-decoration: none;
		background: #0F0402;
		color: #FFFFFF;
		font: 12px arial;
		background-image:url(../images/drop_dwn_bg.jpg);
		background-repeat:repeat-x;
		font-weight:bold;
		}

li#btn_services div a:hover
	{	background: #0F0402;
		color: #E9CE4D;
		width:  120px;
		height:13px;
		background-image:url(../images/drop_dwn_bg.jpg);
		background-repeat:repeat-x;
		font-weight:bold;
		}


li#btn_services a 

{ 

	width: 150px;

	height: 41px;

	display: block;

	background: url(../images/buttons/portfolio_normal.jpg)  no-repeat;

}



li#btn_services , li#btn_services  a:hover 

{ 

	background:  url(../images/buttons/portfolio_over.jpg) no-repeat;

}



#btn_services  li#btn_services  a, li#btn_services  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;

line-height: 25px;

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;
   
   padding: 3px;

   }

   

.body_link  a:visited{

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

   font-size:13px;

   text-decoration:none;

   color: #0F0402;

   padding: 3px;
   

   }

   

.body_link  a:active{

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

  font-size:13px;

   text-decoration:underline;

   color: #0F0402;
   
   padding: 3px;

   }    

   

.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*/

}   




.services_heading {

display: block; /* Allows you to change the width and height of the image */

height: 31px;

width: 406px;

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/services_h1.png)  ; 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*/

} 


.portfolio_showcase_area{
 width:570px;
 height:auto;
 float:left;
 margin:10px 0 50px 0;
 }
 
.inner_area{
 width:570px;
 height:auto;
 float:left;
 margin:10px 0 10px 0;
 } 
 
.portfolio_inner_left{
 width: 321px;
 height: 222px;
 float:left;
 border: solid 1px #0C0301; 
 
 }
 
.porfolio_inner_right{
 width: 230px;
 float:right;
 height:252px;

}