/********************** Eric Meyer reset v1.0 | 20080212 BEGIN *********************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/********************** Eric Meyer reset v1.0 | 20080212 END *********************************/


body {
text-align: center;
}

/*
Remove dotted border around active and focus links.
Needs a:focus to work on FF.
Works in IE8, but not in IE7
outline: 0; covered in reset css above
*/
a:active, a:focus {
outline: none;
border: none;
}

div#wrapper {
position: relative;
font-size: 10px;
font-family: Verdana, sans-serif;
line-height: 16px;
color: #242424;
padding-bottom: 100px;

margin-top: 62px;
margin-left: auto;
margin-right: auto;
width: 860px;
text-align: left;
}


div#header{
width: 822px;
float: left;
margin-left: 30px;
margin-bottom: 0px;
}

div#logo{
float:left;
margin-bottom: 0px;
width: 99px;
}


div#nav{
float: left;
margin-left: 20px;
border: 1px red;
/*background-color: green;*/
}


div#home-pic {
/* IE8 seems to require padding, not margin - (In IE8, the margin top will be the space between it and the last non-floated element)*/
padding-top: 23px;
padding-left: 6px;
}

/* */
/****************************************************************/

ul#navlist .menu-on{
color: #cbbb64;
}

ul#navlist{
float: left;
padding: 0;
margin: 4px 0 0 0;
list-style-type: none;
}

ul#navlist li {
float: left;
display: inline;
font-family: Verdana, sans-serif;
line-height: 16px;
color: #242424;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 0;
}

ul#navlist li a{
float: left;
color: #242424;
text-decoration: none;
}

ul#navlist li a:hover{
color: #cbbb64;
}

div#email{
/* this is relative to div wrapper */
position: absolute;
left: 420px;
margin: 4px 0 0 0;
}

.clearboth{
clear: both;
}

div.separator{
width: 100%;
border-bottom: solid 1px;
border-color: #dedede;
}

/* */
/****************************************************************/

#workthumbs {
float: left;

margin: 18px 0 0 6px;
width: 120px;
}

/* selects all divs with pag in the name: pag1, pag2, pag3 etc */
div[id*=pag] {
}

/* selects only the li within ul within pag divs within workthumbs, so not div thumbnail-container-1, div thumbnail-container-2 etc */
#workthumbs > div[id*=pag] >  ul > li{
float: left;
font-size: 11px;
font-family: Verdana, sans-serif;
color: #242424;
display: inline;
list-style-type: none;
margin: 0 6px 0 7px;
}

#workthumbs ul li a{
text-decoration: none;
display: block;
}

#workthumbs ul li a:hover{
color: #cbbb64;
}

ul.thumbnail li{
list-style-type: none;
clear: both;
}

#workthumbs img{
padding: 10px 0 10px 0;
}

#workthumbs .pagination-menu-on{
color: #cbbb64;
}

#workthumbs a:link { color: #242424; text-decoration: none }
#workthumbs a:visited { color: #242424; text-decoration: none }
#workthumbs a:hover { color: #cbbb64; text-decoration: none }

/* opacity change in rollover of work thumbs */
#workthumbs a:hover img{
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

  /* IE 5-7 */
  filter: alpha(opacity=65);

  /* Netscape */
  -moz-opacity: 0.65;

  /* Safari 1.x */
  -khtml-opacity: 0.65;

  /* Good browsers */
  opacity: 0.65;
}

/******************************************/

div#work{
padding: 23px 0 0 157px;
}


#work-pic{
margin: 0 0 5px 0;
}


#work-caption{
margin: 10px 0 0 -1px;
}

/* */
/****************************************************************/

div#pressreleases {
float: left;
margin: 18px 0 0 10px;
width: 120px;

}

div#pressreleases ul li {
padding: 5px 0 15px 0;
}

div#pressreleases .menu-on{
color: #cbbb64;
}

div#pressreleases a:link { color: #242424; text-decoration: none }
div#pressreleases a:visited { color: #242424; text-decoration: none }
div#pressreleases a:hover { color: #cbbb64; text-decoration: none }

div#pressarticle {
width: 450px;
padding: 18px 0 0 157px;
}

div#pressarticle p {
padding: 5px 0 5px 0;
}

div#biography {
width: 450px;
padding: 18px 0 0 157px;
}

div#biography p {
padding: 5px 0 5px 0;
}

table#biog-table {
width: 100%;
margin-top: 30px;
margin-left: -4px;
border-spacing: 3px;
}

table#biog-table td {
padding: 3px;
text-align:left;
}

table#biog-table .table-left-col {
width: 75px;
}

table#biog-table .table-align-top {
vertical-align: top;
}


table#biog-table tr.table-pad td{
padding-bottom: 40px;
}