/* CSS Document */

* {
margin : 0;
padding : 0;
}

BODY {
background-color: #666666;
}


#grayline{
margin-top: 0;
position:absolute;
background: url("images/grey_title1.gif") no-repeat top left;
left:0px;
height:147px;
width:347px;
}


#blackbg{
margin-top: 0;
position:absolute;
background: url("images/black.gif") no-repeat top left;
left:347px;
height:147px;
width:448px;
}

#title {
margin-top: 0;
position:absolute;
background: url("images/multimedia.jpg") no-repeat top left;
left:345px;
height:70px;
width:455px;
background-color: #0e141f;
}

#whitepixel {
margin: 0 0 0 0;
height: 15px;
background-image: url("images/transparent11.gif");
padding: 0 0 0 0 ;
width:345px;
background-color: #999999;
}


#bluepixel {
margin-left: 345px;
height: 15px;
background-image: url("images/transparent11.gif");
width:455px;
background-color: #0e141f;
}


#darkblue {
margin-top: 0;
position:absolute;
left:345px;
height:70px;
width:455px;
background-color: #0e141f;
}


H1 {
font-family: Arial, Helvetica, sans-serif;
font-size:30px;
color:#663300;
position:absolute;
left:50px;
top:175px;
}

h6 {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
position:absolute;
left:430px;
top:190px;
}

#text {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.3em;
color:#333333;
width: 500px;
position:absolute;
left:50px;
top:230px;
}




a:link{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#663300;
text-decoration: none;
}



a:hover,  a:active{
color:#0e141f;
text-decoration: none;
}



a:visited {
color:#663300;
text-decoration: none;
}



#bluebg {
background-color: #999999;
margin-left: 0;
left:0px;
width: 345px;
height: 70px;
}

#orangebg {
background-color: #993300;
margin-left: 0;
margin-top: 0;
width: 800px;
height: 40px;
}


#images {
background-color: #cccccc;
margin-left: 0;
margin-top: 0;
width: 638px;
height: 530px;
}


#formtop {
padding-top: 300px;
}


#a_images {
background-color: #cccccc;
margin-left: 0;
margin-top: 0;
width: 638px;
height: 680px;
}


#e_images {
background-color: #cccccc;
margin-left: 0;
margin-top: 0;
width: 638px;
height: 820px;
}


#p_images {
background-color: #cccccc;
margin-left: 0;
margin-top: 0;
width: 638px;
height: 1100px;
}



#text_images {
background-color: #cccccc;
margin-left: 0;
margin-top: 0;
width: 638px;
height: 550px;
}


#resume_images {
background-color: #cccccc;
margin-left: 0;
margin-top: 0;
width: 638px;
height: 1750px;
}


#bluemenu {
margin-left: 638px;
margin-top: 0px;
width: 162px;
height: 530px;
background-color: #0e141f;
}




#a_bluemenu {
margin-left: 638px;
margin-top: 0px;
width: 162px;
height: 680px;
background-color: #0e141f;
}



#p_bluemenu {
margin-left: 638px;
margin-top: 0px;
width: 162px;
height: 1100px;
background-color: #0e141f;
}



#e_bluemenu {
margin-left: 638px;
margin-top: 0px;
width: 162px;
height: 820px;
background-color: #0e141f;
}



#text_bluemenu {
margin-left: 638px;
margin-top: 0px;
width: 162px;
height: 550px;
background-color: #0e141f;
}



#resume_bluemenu {
margin-left: 638px;
margin-top: 0px;
width: 162px;
height: 1750px;
background-color: #0e141f;
}



.signature {
float: top;             
margin-left: 300px; 

}


H5 {
text-valign: top;
padding-left: 490px;
padding-top: 0px;
padding-bottom: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#cccccc;
}



H2 {
font-family: Arial, Helvetica, sans-serif;
font-size:30px;
color:#663300;
font-weight:bold
}


H3 {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#333333;
width: 550px;
}



#thumbnails {
list-style:none;
width: 600px;
position:absolute;
left:50px;
top:230px;
}

#thumbnails li {
float:left;
margin-right: 20px;
margin-bottom: 20px;
}

#thumbnails img {
display:block;
border: none;
}