body {
background-color: #17151a;
margin: 0;
padding: 0;
font-size: 11px;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
}

#header, #content, #footer {
width: 982px;
margin: 0px;
padding: 0px;
}

#logo {
float:left;
margin:0;
padding: 65px 0px 0px 0px;
}

#email {
float:left;
margin:0;
padding: 20px 0px 0px 0px;
}

#webmaster {
float:right;
margin:0;
padding: 20px 0px 0px 0px;
}

#menu {
float:right;
margin:0;
padding: 65px 0px 0px 0px;
}


#content_top {
margin:0;
padding: 0;
}

#aboutme, #contact {
height: 237px;
text-align: left;
padding: 25px 37px;
margin: 0px;
}

#showreel {
height: 287px;
text-align: left;
padding: 0px 37px;
margin: 0px;
background-color: #9dd533;
}

#aboutme {
background-color: #f35541;
}

#contact {
background-color: #3380f2;
}

.clear {
clear: both;
}

.left {
float: left;
padding: 0px;
margin: 0px;
}


.left_index {
float: left;
padding: 0px 37px 0px 0px;
width: 689px;
margin: 0px;
}

.left_showreel {
float: left;
padding: 25px 0px;
width: 264px;
margin: 0px;
}


.left_contact {
float: left;
padding: 0px 30px 0px 0px;
width: 586px;
margin: 0px;
}

.center_showreel {
float: left;
padding: 14px 0px;
width: 380px;
margin: 0px;
text-align: center;
}

.center_contact {
float: left;
padding: 218px 0px 0px 0px;
width: 80px;
margin: 0px;
text-align: center;
}

.right_index {
float: right;
width: 182px;
margin: 0px;
padding: 0px;
text-align: right;
}

.right_contact {
float: right;
width: 182px;
margin: 0px;
padding: 0px 0px 0px 30px;
text-align: right;
}

.right_showreel{
float: right;
width: 230px;
margin: 0px;
padding: 25px 0px;
text-align: left;
}


input {
border: 0px solid #FFFFFF;
font-size: 11px;
color: #3380f2;
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
padding: 0px;
margin: 0px;
width: 220px;
}

textarea {
border: 0px solid #FFFFFF;
font-size: 11px;
color: #3380f2;
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
padding: 0px;
margin: 0px;
scrollbar-width:5px;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #3380f2;
scrollbar-base-color: #3380f2;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #3380f2;
scrollbar-shadow-color: #3380f2;
scrollbar-track-color: #FFFFFF;
width: 580px;
height: 139px;
}

.button{
border: 1px solid #FFFFFF;
color: #FFFFFF;
background-color: #5b99f4;
width: 50px;
height: 18px;
font-weight: bold;
margin: 0px;
padding: 0px;
}

a, a:visited {
font-size: 11px;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}

a:hover{
text-decoration: underline;
}

ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}

li {
padding: 0px 0px 7px 0px;
margin: 0px;
}

img {
padding: 0px;
margin: 0px;
}

.valign {
vertical-align: text-bottom;
}

.error {
color: #8c000d;
margin-left: 10px;
display:none;
}