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;}
#pdf {color: #A66; }

/*General*/
html {overflow-x:hidden;}
body {margin:0px; padding:0px; background:#2a2828; color:#f2f0f0; font:normal normal normal 11px 13px "Lucida Grande",sans-serif; text-align:left;}
a:link, a:visited, a:active {color:#817f7f; text-decoration:none;}
a:hover {color:#f2f0f0; text-decoration:none;}

#container {width:100%; height:100%;}
#middle {position:relative; height:590px; margin:0px; padding:0px; background:url(/img/background.gif) repeat-x; z-index:10;}
#content {position:relative; margin:auto; width:780px; height:600px; padding:0px; font-size:11px; line-height:13px; font-family:Lucida Grande,sans-serif; font-weight:normal; text-align:left; overflow: hidden; z-index:10;}
.logo {position:absolute; Top:0px; left:0px; z-index:100;}
.logo-title {position:absolute; Top:565px; left:0px; z-index:100;}

/*Fonts*/
h1 {font-size:13px; font-weight:normal; padding:0 0 10px 0;}
h2 {font-size:11px; font-weight:normal; color:#f2f0f0;}
h3 {font-size:13px; font-weight:normal; padding:0px;}
p {padding: 0 0 8px 0;}
br {height:10px; padding:0px; margin:0px; border:none;}

/*Menu*/
#menu {position:absolute; Top:0px; right:0px; z-index:20;}
#menu li {display:inline; padding:0 0px 0 8px; font-size:13px;}
#menu li a {color:#A19F9F;} /* #817f7f; */
#menu li a:hover, #menu li.selected, #menu li a.parent {color:#f2f0f0;}

/*Sub Menu*/
#sub-menu {position:absolute; Top:54px; right:0px; z-index:20}
#sub-menu li {display:inline; padding:0 0px 0 8px; font-size:11px;}
#sub-menu li a {color:#A19F9F;} /* #595757; */
#sub-menu li a:hover, #sub-menu li.selected, #sub-menu li a.current, #sub-menu li a.parent {color:#f2f0f0;}

/*Side Sub Menu*/
#side-menu li {display:block; line-height:13px; margin:0 0 2px 0;}
#side-menu li a {color:#817f7f;}
#side-menu li a:hover, #side-menu li.selected {color:#f2f0f0;}

/*Side Sub Menu Layout*/
.side-menu-container {position:absolute; Top:100px; left:0px; width:183px; height:430px; background:url(/img/info-background.png) no-repeat; overflow:hidden; z-index:20;}
.side-menu-content {position:absolute; top:15px; left:15px; width:153px; height:400px; overflow:hidden; z-index:30;}
.side-menu-copy {position:absolute; Top:100px; left:199px; width:597px; height:430px; overflow:auto; z-index:30;}
.side-menu-copy img {float:left; margin:0 16px 16px 0; border:0px;}
.side-menu-bio-copy {position:absolute; Top:299px; left:199px; width:581px; height:231px; overflow:auto; z-index:40;}
.side-menu-copy p {position:absolute; top:184px; right:16px;}

/*Portfolio Pages*/
.slider {position:absolute; top:100px; left:0px; width:555px; height:430px; background:url(/img/slider-background.png)no-repeat; z-index:30;}
.portfolio-grid {position:absolute; top:104px; left:0px; z-index:40;}
/* .portfolio-grid {position:absolute; top:20px; left:14px; z-index:40;} */
.portfolio-title {position:absolute; bottom:7px; left:15px; z-index:40;}
.portfolio-small-copy {position:absolute; top:100px; left:545px; width:235px; height:430px; overflow:auto; z-index:30;}

/*Project Pages*/
.project-title {position:absolute; top:86px; right:0px; width:260px; text-align:right; z-index:30;}
#proj {position:absolute; top:104px; left:520px; width:260px; height:430px; background:url(/img/info-background.png) no-repeat; overflow:hidden; z-index:30;}
.project-copy {position:absolute; Top:40px; right:15px; width:230px; height:400px; overflow:auto; z-index:40;}

/*Pages*/
.slideshow {position:absolute; top:104px; left:0px; z-index:20;}
.medium-copy {position:absolute; Top:100px; left:445px; width:335px; height:430px; overflow:auto; z-index:20;}
.small-copy {position:absolute; top:100px; left:570px; width:210px; height:430px; overflow:auto; z-index:30;}
.employment-copy {position:absolute; left:199px; top:100px; width:576px; height:430px; overflow:auto; z-index:40;}

/*Accolades Pages*/
.large-slideshow {position:absolute; top:100px; left:0px; width:796px; z-index:20;}
.large-slideshow img {float:left; margin:0 16px 16px 0;}
.large-copy {position:absolute; top:299px; left:0px; width:780px; height:231px; overflow:auto; z-index:30;}
.large-column-one {float:left; width:382px; margin:0 16px 0 0;}
.large-column-two {float:left; width:382px;}
.accolades p {margin:8px 0 0 0; padding:0px}

/*Community Page*/
.community-copy {position:absolute; top:100px; left:270px; width:510px; height:430px; overflow:auto; z-index:20;}
.community-one {float:left; width:247px; margin:0 15px 0 0;}
.community-one p {padding:0 0 4px 0;}
.community-two {float:left; width:248px;}
.community-two p {padding:0 0 4px 0;}

/*Contact*/
.contact-copy {position:absolute; top:45px; left:754px; width:191px; height:470px; overflow:auto; z-index:20;}
.footer {position:absolute; top:562px; right:0px; font-size:10px; color:#454343; z-index:20;}
.footer a {color:#454343;}
.footer a:hover {color:#f2f0f0;}

.directions p {padding:0 0 4px 0;}