/******* structure ********/

body{
/* background: url(../images/background.jpg); */
}

#container{
width: 824px;
height: 565px;
margin: 100px auto;
background: url(../images/back.jpg);
position: relative;
}

.form{
position: absolute;
left: 477px;
top: 68px;
width: 310px;
height: 100px;
}

p{
margin-bottom: 18px;
}



.info{
position: absolute;
top: 113px;
left: 32px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
width: 429px;
line-height: 18px;
}

b{
font-weight: bold;
}


.user{
position: relative;
top: 85px;
left: 32px;
}

.password{
position: relative;
top: 120px;
left: 32px;
}

h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #fff;
line-height: 25px;
}

.user .icon{
background: url(../images/icons.png);
width: 23px;
height: 25px;
float: left;
margin-right: 10px;
}

.password .icon{
background: url(../images/icons.png) 0 -30px;;
width: 23px;
height: 25px;
float: left;
margin-right: 10px;
}

input{
width: 252px;
height: 34px;
border: none;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-o-border-radius: 7px;
border-radius: 7px;
padding: 5px;
font-size: 18px;
margin-top: 10px;
border: solid 2px #fff;
transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}

input:hover{
border: solid 2px #e99c01;
transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}

.submit{
position: relative;
left: 200px;
top: 140px;
border: none;
width: 92px;
height: 43px;
background: url(../images/go.png);
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
text-transform: uppercase;
color: #323231;
transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
}

.submit:hover{
transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
border: none;
cursor: pointer;
color: #7c601c;
}