@charset "UTF-8";
/* CSS Document */

*  {
	margin:0;
	padding:0;
	}
	
p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}

.floatleft {float: left;}
.floatright {float: right;}
.clear {clear: both;}


html { overflow: -moz-scrollbars-vertical; }

body {background:url(images/bg.jpg) repeat;}

body a {border:none;}

#menu {display:block;
    position:fixed;
    bottom:0;
    right:0;
    width:547px; height:800px;    
	background:url(images/menu.jpg);
	}
	

	
.arrowlistmenu{
margin-top:550px;
margin-left:390px;
width: 130px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: #f0d2b4;
background: url(images/buttonbg.png) repeat-x center left;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor:crosshair;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #000000;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
font-stretch: narrower;
text-transform:lowercase;
font-family:Arial, sans-serif;
cursor:crosshair;
}

.arrowlistmenu ul li a:visited{
color: #000000;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color:#CCCCCC;
}

#thumbnails{
position: absolute;
top: 100px;
left: 100px;
width: 600px;
}

#resume{
position: absolute;
top: 50px;
left: 50px;
width: 602px;

}

#text{
font: 11.5px Arial;
padding: 4px 0px 0px 40px;
width: 530px;
}

#resume h1{
color:#000000;
font: bold 12px Arial;
letter-spacing:.02em;
padding: 0px 0px 0px 40px;
}

#resume ul{
color:#000000;
font: 11.5px Arial;
padding: 4px 0px 0px 40px;
width: 500px;
list-style: none;
}

#resumebar{
width:600px;
height:35px;
background:url(images/resumebar.png) no-repeat;
color:#CCCCCC;
text-transform: uppercase;
font: bold 15px Arial;
padding: 10px 0px 0px 40px;
margin: 15px 0px 0px 0px;
}

#email{
background:url(images/email.png) left no-repeat;
width:400px;
height:72px;
color:#000000;
letter-spacing:.02em;
padding: 40px 0px 0px 80px;
margin: 0px 0px 0px 35px;
text-transform: uppercase;
}

#email a{
color:#000000;
font: bold 22px Arial;
letter-spacing:.04em;
text-decoration:none;
}

#email a:hover{
color:#CCCCCC;
}

#phone{
background:url(images/phone.png) left no-repeat;
width:400px;
height:72px;
color:#000000;
font: bold 22px Arial;
letter-spacing:.05em;
padding: 40px 0px 0px 80px;
margin: 0px 0px 0px 35px;
text-transform: uppercase;

}

#globe{
background:url(images/globe.png) left no-repeat;
width:400px;
height:72px;
color:#000000;
font: bold 22px Arial;
letter-spacing:.03em;
padding: 40px 0px 0px 80px;
margin: 0px 0px 0px 35px;
text-transform:uppercase;
}

#comingsoon{
color:#000000;
font: bold 22px Arial;
letter-spacing:.03em;
text-transform:uppercase;
}