/* All Rights Reserved - EmersonFarias.com@2010 */
/*BASIC CSS*/
body, td, th {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	background-color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #0C9;
}
a:active {
	text-decoration: none;
	color: #000;
}
/*BODY CSS*/
/*boxes*/
.global {
	margin-top: 200px;
	margin-left: 50px;
}
.box1 {
	width: 355px;
	padding-right: 20px;
}
.box2 {
	width: 185px;
	padding: 10px 0px 10px 0px;
	border-left: thin solid #d8d8d8;
}
.box3 {
	width: 200px;
	padding: 10px 0px 10px 0px;
	border-left: thin solid #d8d8d8;
	display: none;
}
.box4 {
	padding: 50px 0px 0px 10px;
	margin: 20px 0px 0px 0px;
	display: none;
}
.txt1 {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #000;
	text-decoration: none;
	letter-spacing: 0.1em;
	padding: 2px 50px 2px 10px;
}
.txt1:hover {
	color: #FFF;
	background-color: #333;
	cursor: pointer;
}
.txt2 {
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 400;
	color: #ADA8A8;
	text-decoration: none;
	letter-spacing: 0.1em;
	padding: 2px 50px 2px 10px;
}
.txt2:hover {
	color: #000;
	background-color: #d8d8d8;
}
/*CONTACT CSS*/
#contact_form_holder {
	font-family: 'Arial'; /* this is a nice font-family, at least i think, if you don't like it change it :) */
	width:400px; /* setting a fixed width of the contact form holder will make things easier later (like aligning and such) */
	color: #fff;
}
#contact_form_holder input, #contact_form_holder textarea {
	width:100%; /* make all the inputs and the textarea same size (100% of the div they are into) */
	font-family: inherit; /* we must set this, so it inherits the font-family */
	padding:5px; /* and make a custom padding, you can set whatever you like */
}
#contact_form_holder textarea {
	height:100px; /* i never liked small textareas, so make it 100px in height */
}
#send_message {
	width:200px !important; /* the width of the submit button  */
	border:1px solid #1E1E1E; /* remove the default border and put a normal black one */
	cursor:pointer;
	cursor:hand;
}
#cf_submit_p {
	text-align:rightright;
} /* show the submit button aligned with the right side */
/* styling */  
  
.error {
	display: none; /* hide the errors */
	/* add some styling */  
    padding:5px;
	color: #D8000C;
	font-size:11px;
	background-color: #FFBABA;
}
.success {
	display: none; /* hide the sucess div */
	/* add some styling */  
    padding:5px;
	color: #044406;
	font-size:11px;
	background-color: #B7FBB9;
}
#contact_logo {
	vertical-align: middle;
}
.error img {
	vertical-align:top;
}
.cform {
	padding: 10px 0px;
	border-top:#1e1e1e thin dotted;
}
.cform1 {
	padding: 50px 40px 50px 20px;
}
.cformtit {
	font-size: 18px;
	color: #000;
	letter-spacing: 0.1em;
	padding-bottom: 10px;
}
.cformfield {
	font-size: 12px;
	color: #333;
	letter-spacing: 0.1em;
	padding: 10px 0px;
}
.cformfields {
	background-color: #fff;
	height: 9px;
	border: 1px solid #d8d8d8;
	margin-bottom: 10px;
	font-size: 11px;
	color: #666;
}
.cformfields2 {
	background-color: #fff;
	border: 1px solid #d8d8d8;
	margin-bottom: 10px;
	font-size: 11px;
	color: #666;
}
.cformbt {
	color: #FFF;
	background-color: #333;
	border: thin solid #fff;
	letter-spacing: 0.1em;
	font-size: 11px;
}
.cformtxt {
	font-size: 12px;
	color: #999;
	letter-spacing: 0.1em;
	word-spacing: 0.2em;
}