body {

background-color:#333333;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
heght: 400px;

}

img {

border: 0;

}



p.header {

color: #0A3DA6;
font-size: 30px;
font-family: Impact;
text-align: left;
font-style: bold;
margin-top:0;
padding-left: 3px;

}


p.who {

color: #333333;

font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
margin-top:0;
padding-left: 3px;
}

/* Top of the page */


div.top {

background-color: #333333;
text-align: center;
}

img.top {

align: center;

}

a.top {

display: inherit;
background: url(images/logo.jpg);
background-repeat: no-repeat;
width: 500px;
height: 132px;

}


/* Logo on Beta Page */

a.logo {

display: block;
background:url(images/logo-soon.jpg);
background-repeat: no-repeat;
width: 390px;
height: 84px;
}

a.logo:hover {
background:url(images/logo-soon-2.jpg);
}

div.logo{

width: 100%;
height: 50%;


}


/* Main Index Page */


div.main{

background-color: #FFFFFF;
width: 800px;
height: 480px;
margin-left:auto;
margin-right:auto;

}


/* Left Side */

div.left{

background-color: #FFFFFF;
width:400px;
float:left;
height: 100%;

}


div.resume{

background-color: #FFFFFF;
width: 800px;
height: 20px;
margin-left:auto;
margin-right:auto;
text-align: right;

}

a.resume{

color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
}

a.resume:hover{

color: #0A3DA6;

}


div.contact{

font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-size: 12px;

}


/* Right Side */

div.right{

background-color: #FFFFFF;
width:400px;
float:right;
height: 100%;
}

a.right{


color: #333333;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
margin-top:0;
padding-left: 3px;

}

a.right:hover{

color: #0a3da6;m

}


/* Footer of All Pages */

div.footer{


height: 10px;
background-color: #333333;
text-align: center;
width: 100%;
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}