/* Hello CSS */

#contact{
    width:410px;
}

#contact form {
    clear:both;
	margin: 0 0 0 120px;
}

#contact p{
    width:100%;
    float:left;
    clear:both;
    position:relative;
    padding:6px 0px;
}

#contact label {
	color: #c4bab4;
	font-size: 12px;
	margin: 0 0 2px 0;
	display: block;
}

#contact .highlight {
	color:#eee; 
}

#contact input[type="text"] {
	height: 18px;
}

#contact input[type="text"],
#contact textarea{
    font-size: 12px;
    width:280px;
    color:#444;
}

#contact textarea{
    overflow-x:hidden;
}

#contact input[type="text"]:focus,
#contact textarea:focus{
  outline-width:0;
}

#contact input[type="button"]{
    background: url(../images/hello/send.gif);
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
    width:81px;
    height:30px;
    cursor:pointer;
    border:none;
    cursor:pointer;
    margin: 0;
	float: left;
}

#contact input[type="button"]:hover{
    color:#fff;
}

#contact .detail{
    font-size:12px;
    float:right;
    color:#f0f0f0;
}

#contact .error{
    background:transparent url(../images/hello/error.gif) no-repeat top left;
    width:203px;
    height:50px;
    position:absolute;
    top:2px;
    left:166px;
    font-size:11px;
    color:#fff;
}

#contact .error span{
	float: right;margin: 4px 110px 0 0;
}

#contact .loader{
    background:transparent url(../images/hello/ajax-loader.gif) no-repeat top left;
    width:14px;
    height:14px;
    float:left;
    margin:8px 0 0 15px;
}

#contact .success{
	font-size: 12px;
    height:30px;
	float:right;
	margin:7px 0px 0px 0px;
}