html, body
{
height: 100%;
}

html
{
background-image: -moz-linear-gradient( center bottom, #232323, #343434);
background-image: -webkit-gradient( linear, left bottom, left top, from(#232323), to(#343434) );
}

body
{
height: 100%;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #000000;
width: 100%;
text-align: center;
margin: 1px auto;
display: table;
}

p, h1, form, input, button, textarea 
{
font-family: sans-serif;
border: 0;
margin: 0;
padding: 0;
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0.3)));

}

#logo {
display: inline-block;
min-width: 480px;
height: 128px;
margin: 0 auto;
background-image: url( 'logo_128x128.png' );
background-repeat: no-repeat;
padding-top: 40px;

}

.spacer 
{
height: 16px;
clear: both;
}

#pagewrap 
{
min-height: 100%;
width: 800px;
margin: auto;
}

#content 
{
text-align: center;
overflow: auto;
padding-bottom: 48px;
color: #cdcdcd;
font-size: 24px;
padding-top: 100px;
padding-left: 100px; 
text-shadow: 1px 1px 0px #121212;
}

#footer 
{
font-size: 12px;
color: #000000;
position: relative;
height: 48px;
padding-top: 6px;
margin: -48px 16px 0px;
clear: both;
color: #F6F5F4;
background-color: #F6F5F4;
-moz-box-shadow: 1px 1px 0.2em #000000;
-webkit-box-shadow: 1px 1px 0.2em #000000;
box-shadow: 1px 1px 0.2em #000000;
background-image: -moz-linear-gradient( center bottom, #DFDFDF, #BFBFBF);
background-image: -webkit-gradient( linear, left bottom, left top, from(#BFBFBF), to(#DFDFDF) );
}

#contact
{
width: 800px;
margin: auto;
}

form 
{
padding: 14px;
margin: 0 auto;
}

label 
{
display: block;
font-weight: bold;
text-align: right;
width: 250px;
float: left 
}

fieldset 
{
font-family: Verdana, Helvetica, Sans-Serif;
border: 1px solid #A3A3A3;
background-color: #F6F5F4;
padding: 20px;
-moz-box-shadow: 1px 1px 0.2em #000000;
-webkit-box-shadow: 1px 1px 0.2em #000000;
box-shadow: 1px 1px 0.2em #000000;
}

input 
{
float: left;
margin-left: 20px;
width: 400px;
color: #ededed;
font-size: 14px;
border: 1px solid #232323;
padding: 6px;
-moz-border-radius: 4px;
-webkit-border: 4px;
border-radius: 4px;
background-image: -moz-linear-gradient( center bottom, #121212, #232323);
background-image: -webkit-gradient( linear, center bottom, center top, to(#121212), from(#232323) );
}

input[type=text]:focus 
{
border: 1px solid #939393;
background-color: #232323;
background-image: -moz-linear-gradient( center bottom, #121212, #232323);
background-image: -webkit-gradient( linear, center bottom, center top, to(#121212), from(#232323) );
}

input[type=radio] 
{
float: left;
margin-left: 20px;
border: none;
width: 20px;
}

select 
{
float: left;
margin-left: 20px;
width: 412px;
padding: 6px;
border: 1px solid #9C9C9C;
background-color: #EDEDFF;
background-image: -moz-linear-gradient( center bottom, #DFDFDF, #BFBFBF);
background-image: -webkit-gradient( linear, left bottom, left top, from(#BFBFBF), to(#DFDFDF) );
}

textarea 
{
float: left;
margin-left: 20px;
font-size: 14px;
width: 400px;
padding: 6px;
height: 150px;
-moz-border-radius: 4px;
-webkit-border: 4px;
border-radius: 4px;
border: 1px solid #9C9C9C;
resize: none;
}

textarea:focus 
{
border: 1px solid #939393;
background-image: -moz-linear-gradient( center bottom, #EDEDFF, #FDFDFF);
background-image: -webkit-gradient( linear, left bottom, left top, to(#FDFDFF), from(#EDEDFF) );
}

hr 
{
color: #343434;
}

.txt-small 
{
display: block;
font-size: 11px;
font-weight: normal;
text-align: right;
width: 250px;
}

.txt-medium 
{
display: block;
font-size: 14px;
font-weight: normal;
text-align: left;
width: 150px;
}

.button 
{
clear: both;
float: left;
width: 140px;
margin: 10px auto 10px 270px;
text-align: center;
background-color: #F6F5F4;
}

.button:hover, input[type=button]:focus 
{
color: #FCFCFC;
border: 1px solid #A3A3A3;
background-color: #C6C5C4;
}

#services
{
border-top: 1px solid #343434;
color: #343434;
width: 800px;
margin: auto;
margin-top: 50px;
padding: 50px;
}

#services ul
{
color: #898989;
font-size: 14px;
list-style: none;
}

#services ul li
{
display: inline;
padding: 20px;
}

#services ul li a
{
color: #898989;
text-decoration: none;
}

#services ul li a:hover
{
color: #ededff;
}