/* CSS Document */

body, input, form,p{
margin: 0;
padding: 0;
}

body{
background: #000 url(images/back-body.png) repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
color: #FFF;
}

#container{
width: 90%;
height: 375px;
padding: 30px 0px 8px 0px;
margin: 0 6% 0 5%;
}

#logo-samba{
width: 70px;
height: 26px;
margin: 14px 15px 25px 0;
float: right;
display: block;
background: url(images/logo-samba.png) top right no-repeat;
}

.componentheading{
text-align: center;
font-size: 1.2em;
padding-bottom: 4px;
font-weight: bold;
clear: right;
}

div.componentheading h2{
text-align: center;
font-size: 1.21em;
padding-bottom: 10px; 
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

input{
font-family: Georgia, "Times New Roman", Times, serif;
width: 99%;
height: 15px;
margin: 7px 0 10px 0;
padding: 2px 0;
font-size: 100%;
border: 1px solid #666;
}

input:hover{
border: 1px solid #0099CC;
}

textarea{
width: 98%;
margin: 7px 0 10px 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
border: 1px solid #666;
}

textarea:hover{
border: 1px solid #0099CC;
}

.button{
width: 96px;
height: 26px;
display: block;
border: none;
margin-top: 3px;
background: url(images/button.png) top no-repeat;
}

.button:hover{
background: url(images/button.png) bottom no-repeat;
}

.button2{
color: #0099CC;
text-decoration: underline;
float: right;
margin: -20px 4px 0 0;
border: none;
}

.button2:hover{
color: #00B4FE;
text-decoration: none;
margin-top: -20px;
}