body {font: 1.0em verdana, arial, sans-serif;
line-height:.975em;
background-color:#333333;
text-align:center; /*this makes the centering work on old browsers that dont understand automargins*/
behavior:url(css/csshover.htc);} /* so internet explorer can respond to hovers */


* {padding:0; margin:0;}

h2 {font-size:.9em;} 

ul{
margin:0;
padding: 0 0 0 0;
}

li{
margin:0;
padding:0;
list-style-type:square;
}

span {font-style:italic;}

div#mainwrap {width:850px;
margin-left:auto;
margin-right:auto;
text-align:left;/*prevents the entire layout from inheriting the text-align:center fix on the body tag above*/
}

/*nav menu starts here */
div#header {
height:15px;
padding:10px 0 7px 0;
width:850px;
background-color:#333333;
font-size:.9em;
letter-spacing:.025em;
 }
 
 div#header ul
 {margin: 0 0 0 -4px;/* indents ul from edge of container */
} 

div#header li {
float:left; /*causes the list to align horizontally instead of stack*/
list-style-type:none; /*removes the bulllets off list items*/
background-color:#333333;/*sets background of the menu itmes*/
border-left:1px solid #DEA810; /*creates dividing lines between the li elements */
}

div#header li:first-child {
border-left:1px solid #333333;/*the first vertical line on the menu*/
}

div#header a {
display:block; /*list items in drop down highlight and wrapped items indent correctly*/
padding:0 6px 0 6px; /*creates space each side of the mennu items text */
text-decoration:none; /*removes the link underlining*/
color:#CCCCCC; /*sets the type color*/
}

body#contact a#ncontact,
body#firm a#nfirm,
body#people a#npeople,
body#thankyou a#nthankyou,
body#publications a#npublications,
body#projectselected a#nprojects
{
color: #DEA810;
}
/* nav menu ends here */
 
 
 /*projectnav menu starts here */
div#projectnav {
width:100%; 	/* makes the div full width */ 
padding:2px 0 0 0;
font-size:.9em;
letter-spacing:.025em;
background-color:#f2f2f2; 
float:left;
 }
 
div#projectnav ul
{margin: 0 0 0 2px;/* indents ul from edge of container */
}

 div#projectnav li {
position:relative;/*positioning context for the absolutely positioned drop-down*/
float:left; /*causes the list to align horizontally instead of stack*/
list-style-type:none; /*removes the bulllets off list items*/
 z-index:1000;
}

div#projectnav li:hover { 
background-color:#DEA810; /*sets the background of the menu items */
}

 
 div#projectnav a {
 display:block;/*list items in drop down highlight and wrapped items indent correctly*/
padding:0 6px 0 0; /*creates space each side of the mennu items text */
text-decoration:none; /*removes the link underlining*/
color:#373737; /*sets the type color*/
}

div#projectnav a:hover { /* dropdown selection hilite */ 
color:#DEA810;
background-color:#9F7C13;
} 

div#projectnav a:hover.plist {
color:#373737;
background-color:#f2f2f2;
} 

 /*projectnav menu ends here */
 
 /* the drop-down starts here */
 
 #sdrop, #cdrop {
 background-color:#DEA810;
/*
	background-image: url('slash.png');
	background-repeat: repeat;
*/
	}
 
 div#projectnav ul:hover  {
  /*/background-color:#DEA810;*/
 }
 
 
 
div#projectnav ul li ul {
     position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:16em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-2px; /*aligns the drop exactly under the menu */
	 z-index:1000;/*pulls focus to list*/
	 font-size:.9em;
	 /*background-color:#DEA810;*/
	}
	
div#projectnav ul li ul.competition {
width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
}
	
div#projectnav ul li ul li {
	width:99%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #DEA810; /*  three sides of each drop-down item */
	border-bottom:1px solid #DEA810;
	border-right:1px solid #DEA810;
	border-top:1px solid #DEA810;
	/*background-color:#DEA810;/*sets background of the menu itmes*/
	}
	
div#projectnav ul li ul li:first-child {
	border-top:1px solid #DEA810; /*the top edge of the dropdown */
	}
	
	div#projectnav ul li ul li a {
	color:#FFFFFF; /*sets the type color*/
	}
	
	div#projectnav ul li ul li a:hover {
	color:#DEA810; /*#666666; /*sets the type color*/
	}
	
	
/* make the drop-down display as the menu is rolled over */
div#projectnav ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#projectnav ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* THE HACK SHACK*/
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#projectnav ul {
	float:left; /* makes the ul wrap the li's */
	/*border-left:1px solid #FFF; adds the rightmost menu vertical line to the ul */
	margin-left:0px; /* IE doubles the given value above - why? - i rmoved the 15px value*/
	}
* html a {display:block;} /* makes IE5 & 5.5 accept the padding on the link */
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html div#projectnav ul li ul {
	/*border-top:1px solid #069;*/
	border-left:0px; /* stops the drop inheriting the ul border */
    margin-left:2px;
	}
/* end of hack shack */
/* END OF LIST-BASED MENU */

div#column {
width:850px;
height:610px;
background-color:#FFF;
float:left;
}

div#homelogo {
width:270px;
margin: 130px 0 0 20px;
float:left;
}


div#homeimage {
width:524px;
margin:130px 0 0 0px;
float:right;
}


div#contenttop {
margin:110px 0px 0px 5px;
}

div#contentwrap {
border-top:1px dotted gray;
border-bottom:1px dotted gray;
height:255px;
}

div#contentwrap ul {
padding:0 0 0 2.5em;/*margin IE*/
}

div#contentwrap2 {
border-top:1px dotted gray;
border-bottom:1px dotted gray;
height:475px;/*firm*/
}

div#contentwrap2 ul {
padding:0 0 0 2.5em;/*margin IE*/
}


div#contentwrap3 {
border-top:1px dotted gray;/* publications, firm, project list*/
}

div#contentwrap3 ul {
padding:0 0 0 2.5em;/*margin IE*/
}


div#contentwrap4 {
position:relative;
border-top:1px dotted gray;
border-bottom:1px dotted gray;
height:255px;
z-index:0;/*pulls focus to list*/
}


div#selectedphoto {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:left;
}

div#selectedphoto img {
border:none;
}

.selectedtext {
    position:absolute;
	height:208px;
	width:300px;
	font-size:.8em;
	background-color: #f2f2f2;
	left: 540px;
	top: 42px;
}

.selectedtext {
line-height:1.0em;
font-size:0.8em;
padding: 5px 5px 0px 5px;
}

.selectedtext li {
font-weight:800;
list-style-type:none; /*removes the bulllets off list items*/
color:#DEA810;
font-size:.75em;
}

.selectedtext li.dta {
font-weight:300;
padding: 0 0 0 5px;
color:#000000;
font-size:.75em;
}

div#selectedlogo {
	position:absolute;
	width:95px;
	left: 741px;
	top: 1px;
}

div#selectedlogo img {
border:none;
}

div#info {
position:absolute;
left: 821px;
top: 226px;
}


div#thanksphoto {
width:328px;
margin:0px 0px 0px 0px;
float:left;
}


div#text {
width:335px;
margin:0px 0px 0px 40px;
float:left;
font-size:.8em;
}


div#text.thankyou p {
padding-top:8em;
}

div#text.people p {
padding-top:4em;
}

div#text.contact ul {
padding-top:6em;
line-height:1.50em;
}

div#text.contact li {
list-style-type:none;
}

div#text.contact ul span {
font-weight:800;
}

div#text.publications ul {
padding-top:.50em;
font-size:1.0em;
}

div#text.publications ul span {
font-size:.9em;
}

div#text.firm p{
padding-top:.50em;
}


div#logo {
width:95px;
margin:0px 0px 0px 40px;
float:left;
}

div#logo img {
border:none;
}

div#contentbottom {
clear:both;
height:187px;
}

div#title {
font-size:.9em;
width:600px;
margin:3px 0px 0px 3px;
font-weight:800;
}

div#thumbnails {
background-image:url(../images_pres/bg2.gif);
background-repeat: repeat-y;
padding: 15px 0px 15px 0px;
background-color:#FFF;
float:right;
margin:0px 0px 0px 0px;
}

div#thumbnails2 {
background-image:url(../images_pres/bg2.gif);
background-repeat: repeat-y;
padding: 15px 0px 15px 0px;
background-color:#FFF;
float:right;
margin:-18px 0px 0px 0px;
}

div#thumbnails2 img {
padding:0px 3px 0px 3px;
cursor: crosshair;
}

div#bottomline {
border-bottom:1px dotted gray;
clear:both;
}

.associate {
font-size:.75em;
}