@import 'css3.css';

* {
	margin:0; padding:0;
}

body {
 position:relative;
 height:100%;
background: #f2f2f2 url('../img/repgray2.png') 0 0 repeat-x; 
 font-family:"TitilliumMaps", Tahoma, Arial, sans-serif;
}

img {
	border:0;
}

#container {
	width:960px;
	margin:0 auto;
}

#container .logo {
	width:363px;
	margin:0px auto 0;
}

#container #box {
 clear:both;
 float:none;
 width:430px;
 padding: 20px;
 margin:100px auto 0;
 border: 1px solid #ddd;
  background: #fff url('../img/input.png') 0 0 repeat-x;
  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
   box-shadow: 5px 5px 0px #ccc;
  -moz-box-shadow: 1px 1px 20px #ccc;
  -webkit-box-shadow: 1px 1px 20px #ccc;

}
p.main {
	margin-bottom: 20px;
}
p.main label {
clear: both;
 padding:10px 0;

 font-size:20px;
 color:#000;
 width: 200px;
}

#box p {
 clear:both;
 float:none;
 width:100%;
}

p.main INPUT {
 background:url('../img/input.png') 0 0 repeat-x;
 border:1px solid #d3d3d3;
 color:#444;
 font-size: 17px;
 padding:10px 5px;
 width:400px;
 display: block;
 outline: none;
}

p.main INPUT:focus {
	border:1px solid #999;
}

span {
 font-size:13px;
 color:#666;
}

.space {
 padding-top:15px;
}

span input {
 margin-left:125px;
 margin-right:5px;
 border:1px solid #111;
 background:#444;
 color:#fff;
}
input.button, a.button {
	background: url(../img/button-bg.png) left top repeat-x;
	border:1px solid #063f67;
	height: 30px;
	padding: 0 10px;
	color:#fff!important;
	margin-top: 5px;
}

input::-moz-focus-inner { border:  none; }

input.button:hover, a.button:hover, .meta a:hover {
	background-position: 0 -30px;
	cursor: pointer;
}