*
{
    padding: 0;
    margin: 0;
}

body
{
    background-color: #404040;
}
#container
{
    width: 990px;
    background-image: url(container.png);
    background-repeat: repeat-y;
    margin-left: auto;
    margin-right: auto;
}


.eyegrab
{
    width: 950px;
    height: 370px;
    padding: 10px 0 10px 0;
}

#content
{
    width: 950px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(13,13,13);
    color: White;
    font-family: Verdana, Arial;
    font-size: 12px;
    line-height: 150%;
    text-align: justify;
}
#content img
{
    border: 0;
}



.emphasis
{
    font-style: italic;
}
#footer
{
    background-color: #000000;
    width: 950px;
    height: 160px;
    font-family: Verdana, Arial;
    font-size: 10px;
    padding-top: 20px;
    line-height: 150%;
    text-align: left;
    color: #FFFFFF;
    clear:both;
    color:rgb(150,150,150);
}
#footerleft
{
    float: left;
    width: 600px;
    padding-left: 40px;
}

#footerright
{
    float: left;
    width: 270px;
    text-align: right;
}

#footer a
{
    text-decoration: none;
    color: #FFFFFF;
}

#footer img
{
    border: 0;
}
#footerImage
{
    clear: both;
    text-align: center;
    padding-top: 10px;
}

.columns
{
    width: 950px;
    color: White;
    font-family: Verdana, Arial;
    font-size: 12px;
    line-height: 150%;
    text-align: justify;
}
.row
{
    clear: both;
}
.column
{
    width: 270px;
    float: left;
    margin: 0 23px 20px 23px; /*border: dotted 1px white;*/
}
#intro
{
    font-family: Verdana, Arial;
    font-size: 16px;
    line-height: 180%;
    text-align: center;
    padding: 20px 0 20px 0;
}
#nudge
{
    padding: 5px 0 10px 0;
}
#projects img
{
    border: 0;
}

#contactform
{
    width: 530px;
    font-size: 12px;
    font-family: Verdana, Arial;
    color: #FFFFFF;
    background-color: rgb(13,13,13);
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    line-height: 150%;
    padding-top: 10px;
}
#contactform p
{
    padding-top: 5px;
}

#box
{
    float: left;
    width: 100%;
    background-image:url(mailbg.png);
    background-position: right top;
    background-repeat:no-repeat;
}

form
{
    margin: 1.5em 0;
    padding: 0;
    width: 50%;
    float: left;
}
fieldset
{
    margin: 0;
    padding: 0;
    border: none;
}
legend
{
    padding-bottom: 0.5em;
    font-size: 1.4em;
    margin-left: 30%;
    color: #FFCC00;
}

form div
{
    padding: 1em 0;
    /*border-top: 1px solid #212024;*/
}
label
{
    float: left;
    width: 30%;
    line-height: 200%;
    padding-right: 1em;
    text-align: right;
}
input, textarea
{
    width: 60%;
   border: 1px solid #212024;
    padding: 3px;
    font-size: 1em;
    background: #212024;
    color: #B3BEAD;
}
textarea
{
    overflow: auto;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    width: 60%;
    border: 1px solid #212024;
    padding: 3px;
}
.button input
{
    border: none;
    margin-left: 31%;
    font-size: 1.2em;
    color: #FFCC00;
    background: none;
    padding: 0 4px;
    cursor: pointer;
    width: auto;
}

.hoverfocus
{
    border: 1px solid #FFCC00;
}

#error, #response
{
    float: left;
    width: 40%;
    padding: 3em;
    font-family:Verdana, Arial;
    font-size:14px;
    color:#FFFFFF;
    text-align:left;
}
#error p, #response p
{padding-top:10px;}

#response ul
{
    border-top: 1px solid #212024;
    margin-top: 5px;
    padding-top: 5px;
}

#error li, #response li
{
    margin: 0 0 5px 0;
    padding: 0 0 5px 15px;
    background: url(bullet.gif) no-repeat 0 4px;
    border-bottom: 1px solid #212024;
}

#working
{
    float: left;
    padding: 3em;
    background: url(loader.gif) no-repeat left center;
}
.greybar 
{
    color:rgb(100,100,100);}