/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/*
END OF RESET
*/

body, html{
	height:100%;
}

body{
	background: #523c2f;
	color:#543c30;
	font-family:Arial, Helvetica, sans-serif;
	
}
.vertical_center{
	
	height:50%;
	margin-bottom:-154px;
}

#container{

	height:308px;
	width:312px;
	position:relative;
	margin: 0px auto;
}

#logo{
	display:block;
	margin: 0px auto;
}

#main{
	background: #fff;
	padding: 7px;
	margin-top: 15px;
	height: 166px;
	position: relative;

}

h1{
	font-size:14px;
	text-align:center;
	margin-top:22px;
	font-weight:normal;
}
#main p{
	font-size:12px;
	margin:0px 8px;
	display:none;
}
#contact{
	margin: auto;
	width: 208px;
	margin-top:44px;
	padding:0px;
	line-height:normal;
}
#contact label{
	font-size: 12px;
	line-height:26px;;
}

#contact #nameinput{
	margin-left:50px;
	width:100px;

}
#contact #contactinput{
	margin-left:15px;
	width:100px;

}

#go_button{

	width: 35px;
	height: 28px;
	background: url(../images/go_button.gif) no-repeat;
	border: 0px;
	position:absolute;
	right: -27px;
	bottom:48px;
	cursor:pointer;
}
#success{

	width:188px;
	margin:40px auto 0px auto;
	height:50px;
	background: url(../images/message.png) no-repeat;
	padding:6px;
	font-size:12px;
	text-align:center;
	display:none;
}
#footer{
	font-size:12px;
	color:#150e0b;
	text-align:center;
}
#footer a{
	color:#150e0b;
	text-decoration:none;
}
#footer a:hover{
	
	color:#9de6f7;
}

/*UI CSS HERE*/

.ui_input input:focus,.ui_input_hover input:focus{outline:none;}

.ui_input{
	display: inline-block;	
	height:20px;
	background:url(../images/input.gif) repeat-x 0px -40px;
	position:relative;
	padding: 0px 7px;
	padding-top:0px;
	vertical-align:middle;
	line-height: 0px;
}

.ui_input input{
	border: 0px;
	line-height: 14px;
	font-size:12px;

}

.ui_input .ui_input_right{
	background:url(../images/input.gif) no-repeat 0px -20px;
	height:20px;
	width:7px;
	position:absolute;
	right:0px;
	top:0px;
}

.ui_input .ui_input_left{
	background:url(../images/input.gif) no-repeat 0px 0px;
	height:20px;
	width:7px;
	position:absolute;
	left:0px;
	top:0px;
}


.ui_input_hover{
	background-position: 0px -100px;
}

.ui_input_hover .ui_input_right{
	background-position: 0px -80px;
}

.ui_input_hover .ui_input_left{
	background-position: 0px -60px;
}