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


html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
  	background: #fff; 
	font-family: Georgia,"Times New Roman",Times,arial,helvetica,sans-serif;;
	font-size:10px;
	color: #282828;
	text-align:center;
}

p {
	font-family: Georgia,"Times New Roman",Times,arial,helvetica,sans-serif;;
	font-size: 10px;
	margin-top: 7px;
	margin-bottom: 7px;	
	display: inline;
	line-height: 12pt;
}

a  {color:#282828; text-decoration:none;}
a:hover {color:#f00085;text-decoration:none;}

a.anchordates  {color:#787878; text-decoration:none;}
a.anchordates:hover {color:#f00085;text-decoration:none;}

a.next  {color:#fff; text-decoration:none;}
a.next:hover {color:#f00085;text-decoration:none;}

h1 {color: #787878; font-size:10px; display: inline; font-weight:normal; line-height: 12pt;}

.grey {color: #787878;}

#container {
position: relative;
margin: 0 auto;
width: 977px;
height:auto !important;
min-height:100%; 
text-align:left;
}

#header {
width:977px;
height:147px;
background-image: url(/images/v005/general/header_02.jpg);
background-repeat: no-repeat;
z-index:1;
}

#titleImg {
position:absolute;
left:66px;
top:31px;
width:332px;
height:37px;
z-index:2;
}

#nav {position:absolute; top: 42px; left:574px; z-index:5; width: 415px; height:58px; }

#overnav {position:absolute; top: 42px; left:575px; z-index:6; width:187px; height:50px;}

#overnav2 {position:absolute; top: 42px; left:764px; z-index:6; width:125px; height:50px;}

#main {
position:relative;
min-height:100%;
z-index: 4;
}

#topBGimg {
position:absolute; 
width:931px; 
height:177px; 
margin-top:-48px;
margin-left: 46px; 
z-index:1;

}

#bottomBGimg {
position:absolute; 
width:931px; 
height:268px;
top:129px;
left: 46px; 
z-index:1;

}

#lastBGimg {
position:absolute; 
width:931px; 
height:84px;
top:397px;
left: 46px; 
z-index:1;

}

#leftDate {position:absolute; top:23px; width:230px; margin-left:10px; color:#282828;}

#imgName {position:absolute; width: 216px; padding:20px 0px 20px 20px; margin-top: 50px; color:#fff;}

#sideNav {position:absolute; width:196px; margin-left:46px; margin-top: 52px;padding:10px 0px 0px 20px; z-index:3; line-height:2.5;}

#sideNavOff {position:absolute; width:196px; margin-left:46px; margin-top: 52px;padding:10px 0px 0px 20px; z-index:3; line-height:2.5;}

#leftPanel {position:absolute; width:196px; margin-top:61px; left:66px; }

#projectTitle {position:absolute;width: 190px; padding:17px 0px 15px 20px; top: 5px; margin-left:46px; color:#fff;background-color:#282828;height:15px;}

#projectLink {position:absolute;width: 190px; padding:17px 0px 15px 20px; margin:0px;  z-index: 5; left: 448px; color:#fff;background-color:#fe0099;height:15px;}

#projectLinkLow {position:absolute;width: 190px; padding:17px 0px 15px 20px; margin:0px; z-index: 5; left: 448px; color:#fff;background-color:#fe0099;height:15px;}

#projectLinkLower {position:absolute;width: 190px; padding:17px 0px 15px 20px; margin:0px; z-index: 5; left: 448px; color:#fff;background-color:#fe0099;height:15px;}

.imgBoxTop {position:relative; top: 5px; width:658px; float:right; clear:both; }
.imgBox {position:relative; top: 5px; width:658px;  margin-top:40px;  float:right; clear:both; }
.caption {position:relative; width:190px;  height:20px; padding:18px 0px 13px 20px;float:right; color:#fff;background-color:#282828;}

.nextProj {position:relative; width:190px; top:47px; height:20px; padding:18px 0px 13px 20px;float:right; color:#fff;background-color:#e2e2e2; clear:both;}

.brand {line-height:13pt;}

.view {margin-top:8px;}

/*--------SHOW HIDE DIVS---------*/
#selectedWorksDiv {
position:absolute; 
background-color:#fff; 
width:659px; 
height:380px; 
z-index:10; 
top: 5px; 
margin-left:318px;
clear:both;
}

#archiveDiv {
position:absolute; 
background-color:#fff; 
width:659px; 
height:380px; 
z-index:10; 
top: 5px; 
margin-left:318px;
clear:both;
}

.topic { float: left; margin-left: 260px; margin-top:17px;}

.titleBlock {
position: relative;
background-color:#282828; 
width:296px;  
height:17px;  
padding:17px 0px 13px 20px;
color:#fff; 
float:right;
}

.dates {color: #787878; clear:both; float: left; margin-left: 260px;  margin-top:7px; line-height:2;}

.projects {color:#282828; margin-top: 53px; margin-left:364px; line-height:2;}

.eightproj {position: absolute; color:#282828; margin-top: 54px; margin-left:364px;line-height:2;  }

.sevenproj {position: absolute; color:#282828; margin-top: 54px; margin-left:364px; line-height:2;}

.sixproj {position: absolute; color:#282828; margin-top: 54px; margin-left:364px;line-height:2;}

.fiveproj {position: absolute; color:#282828; margin-top: 54px; margin-left:364px; line-height:2;}

.fourproj {position: absolute; color:#282828; margin-top: 54px; margin-left:364px; line-height:2;}

.earlierproj {position: absolute; color:#282828; margin-top: 54px; margin-left:364px; line-height:2;}

/*---------RESUME----------*/

.resumeTitleBlock {
position: relative;
background-color:#282828; 
width:397px; 
height:17px;  
padding:17px 0px 13px 20px;
color:#fff; 
float:right;
top:5px;
}

/*#middlePanel {position:absolute; width:120px; margin-top:64px; margin-left:424px;border:1px solid black; }

#rightPanel {position:absolute; width:397px; margin-top:17px; margin-left:580px;border:1px solid black; }*/

#resLeftPanel {position:absolute; width:196px; margin-top:64px; left:66px; }

#resMidPanel {position:absolute; width:150px; margin-top:64px; left:318px; }

#resumeWrapper {position:absolute; margin-top:64px;width:505px; margin-left:480px; }

#overview {float:left; width:100px;}

#resumeContent {width: 397px; float:left;}

#sites {float:left; width:100px;padding-top:20px;}

#links {width: 397px; float:left;padding-top:20px;}


/*---------FOOTER----------*/
#footer {
position:relative;
width:977px;
height:144px;
clear:both;
background-image: url(/images/v005/general/footer.jpg);
background-repeat: no-repeat;

}

#bottomTitleImg {
position:relative;
left:65px;
top:83px;
width:332px;
height:37px;
z-index:2;
}

#logo {
position:relative;
float:right;
top:15px;
width:90px;
height:81px;
clear:both;
}


#changer_web, #changer_web a{display:block; float:left; background:url(/images/v005/general/change_web.jpg) top left no-repeat; height:186px; width:658px; }

#changer_web a{display:block;}

#changer_web a:hover{background-position:bottom left;}

#archiveOn, #selectedWorksOn, #resumeOn {margin-top:40px;visibility: hidden;}

#archiveOn {margin-left:21px;}
#selectedWorksOn {margin-left:5px;}
#resumeOn{ margin-left:21px; width:66px; height:3px; }