@charset "utf-8";
/* CSS Document */

h4
{
	font: normal 26px/44px "Trebuchet MS", Arial;	
	color:#d9c898;
	height:30px;
	margin-top:10px;
}

#hireme_area
{
	width:680px;
	height:570px;
	padding: 0px 0px 20px 15px;
	float:left;
}

.checkboxtitle
{
	width:650px;
	height:15px;
	float:left;
	margin:10px 0px 5px 0px;
	font: normal 13px/12px "Trebuchet MS",Arial,Tahoma;
	color:#bbb;
}

.checkbox
{
	width:170px;
	height:20px;
	margin:10px 30px 10px 0px;
	float:left;
	font: normal 13px/12px "Trebuchet MS",Arial,Tahoma;
	color:#bbb;
}


.formarea
{
	width:450px;
	height:auto;
}

input.textfield#name
{
	margin:0px 0px 15px 0px;
	padding:0px 2px 0px 52px;
	height:25px;
	width:148px;
	border:solid 2px #666;
	background-color:#333;
	float:left;
	font: normal 13px/22px "Trebuchet MS",Arial,Tahoma;
	color:#bbb;
	background:transparent url(images/field_name.gif) no-repeat ;
}

input.textfield#mail
{
	margin:0px 0px 15px 0px;
	padding:0px 2px 0px 52px;
	height:25px;
	width:148px;
	border:solid 2px #666;
	background-color:#333;
	float:left;
	font: normal 13px/22px "Trebuchet MS",Arial,Tahoma;
	color:#bbb;
	background:transparent url(images/field_email.gif) no-repeat ;
}

textarea.formfield#message
{
	margin:0px 0px 15px 0px;
	padding:5px 10px 5px 10px;
	height:60px;
	width:405px;
	border:solid 2px #666;
	background-color:#333;
	float:left;
	font: normal 13px/20px "Trebuchet MS",Arial,Tahoma;
	color:#bbb;
	background:#333;
}

input.textfield#phone
{
	margin:0px 0px 15px 0px;
	padding:0px 2px 0px 53px;
	height:25px;
	width:147px;
	border:solid 2px #666;
	background-color:#333;
	float:left;
	font: normal 13px/22px "Trebuchet MS",Arial,Tahoma;
	color:#bbb;
	background:transparent url(images/field_phone.gif) no-repeat ;
}

input.textfield#website
{
	margin:0px 0px 15px 0px;
	padding:0px 2px 0px 42px;
	height:25px;
	width:158px;
	border:solid 2px #666;
	background-color:#333;
	float:left;
	font: normal 13px/22px "Trebuchet MS",Arial,Tahoma;
	color:#bbb;
	background:transparent url(images/field_web.gif) no-repeat ;
}

input.textfield#norobot
{
	margin:0px 0px 15px 0px;
	padding:0px 2px 0px 42px;
	height:25px;
	width:158px;
	border:solid 2px #666;
	background-color:#333;
	float:left;
	font: normal 13px/22px "Trebuchet MS",Arial,Tahoma;
	color:#bbb;
	background:transparent url(images/field_web.gif) no-repeat ;
}

textarea.hireme
{
	width:620px;
	height:120px;
	margin:10px 20px 15px 0px;
	padding:5px 10px 5px 10px;
	border:solid 2px #666;
	background-color:#333;
	float:left;
	font: normal 13px/20px "Trebuchet MS",Arial,Tahoma;
	color:#bbb;
}

textarea.hireme:focus
{
	width:620px;
	height:120px;
	margin:10px 20px 15px 0px;
	padding:5px 10px 5px 10px;
	border:solid 2px #666;
	background-color:#333;
	float:left;
	font: normal 13px/20px "Trebuchet MS",Arial,Tahoma;
	color:#bbb;
}


input.textfield#company
{
	margin:0px 0px 15px 0px;
	padding:0px 2px 0px 71px;
	height:25px;
	width:129px;
	border:solid 2px #666;
	background-color:#333;
	float:left;
	font: normal 13px/22px "Trebuchet MS",Arial,Tahoma;
	color:#bbb;
	background:transparent url(images/field_company.gif) no-repeat;
}

select.listtext#budget
{
	height:29px;
	width:206px;
	margin:0px 15px 15px 0px;
	padding:0px 0px 0px 0px;
	border:solid 2px #666;
	background-color:#333;
	float:left;
	font: normal 13px/24px "Trebuchet MS",Arial,Tahoma;
	color:#b9b9b9;
}

select.listtext#budget:focus
{
	height:29px;
	width:206px;
	margin:0px 15px 15px 0px;
	padding:0px 0px 0px 0px;
	border:solid 2px #666;
	background-color:#333;
	float:left;
	font: normal 13px/24px "Trebuchet MS",Arial,Tahoma;
	color:#bbb;
}




form label, form label.required { display:block;font-family:Verdana; font-size:12px ;color:#bbb;}
form input.textfield:focus, textarea:focus, select.listtext:focus {-moz-box-shadow:#c5503b 0px 0px 4px;box-shadow:0 0 4px #c5503b;-webkit-box-shadow:0 0 4px #c5503b;background:#333; }
form label.error {position:absolute;left:-9999px;}


/***My Budget Validation **********************************. */



.selectRequiredMsg, .selectInvalidMsg {
	display: none;
}


.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
	display: inline;
	color: #c5503b;
	border: 1px solid #c5503b;
}


.selectValidState select, select.selectValidState {
	-moz-box-shadow:#c5503b 0px 0px 4px;box-shadow:0 0 4px #c5503b;-webkit-box-shadow:0 0 4px #c5503b;background:#333;
}


select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {
	-moz-box-shadow:#c5503b 0px 0px 4px;box-shadow:0 0 4px #c5503b;-webkit-box-shadow:0 0 4px #c5503b;background:#333;
}


.selectFocusState select, select.selectFocusState {
	background:#333;
}


 

/**Contact me Thank You Message**********************************. */


.contact_sent
{
	width:300px;
	height:60px;
	font:normal 26px/20px "Trebuchet MS", Arial, Myriad, "Myriad Pro";
	color:#bbb;
	float:left;
	margin-left:15px;
	margin-top:-10px;
}



.extender
{
	clear:both;
}

/**Contact me Form  **********************************. */

#contact_form
{
	margin:0;
}

#contact_form ol
{
	float:left;
	list-style:none;
	margin:0 15px 0px 0px;
	padding:0;
	width:207px;
	
}


 
/**Contact me Thank You Message**********************************. */

.hireme_Sent
{
	margin-top:-45px;
	width:680px;
	height:70px;
	padding: 0px 0px 20px 15px;
}

.hireme_sent_p
{
	width:650px;
	height:15px;
	float:left;
	margin:10px 0px 5px 15px;
	font: normal 13px/12px "Trebuchet MS",Arial,Tahoma;
	color:#bbb;
	margin-top:-20px;
}
 
 /**Hire me form**********************************. */
 
#hire_me
{
	margin:0;
}

#hire_me ol
{
	float:left;
	list-style:none;
	margin:0 15px 0px 0px;
	padding:0;
	width:205px;
}

#norobot ol
{
	float:left;
	list-style:none;
	margin:0 15px 0px 0px;
	padding:0;
	width:505px;
}