/* CSS Document */
body,html {margin:0px auto; width:720px; height:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; background:#bcbcbc; color:black;}
html {overflow-y:auto; overflow-x:hidden;}
img {border:none;}
a:hover img {opacity:.80; filter:alpha(opacity=80); filter:"alpha(opacity=80)";}
table, th, td {border:none; border-collapse:collapse; text-align:left; vertical-align:top; font-variant:normal; font-weight:normal;}

#logo{position:relative; width:auto; height:auto; top:30px; overflow:visible; z-index:1;}
#mainimage {position:relative; margin:0px auto; height:500px; width:720px; top:75px;}
#slideshow {position:relative; height:425px;}
#slideshow IMG {position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow IMG.active {z-index:10; opacity:1.0;}
#slideshow IMG.last-active {z-index:9;}

#project {position:relative; margin:0px auto; min-height:480px; width:700px; top:75px; background:white; padding:10px; text-align:left; height:auto;}
#pro {position:relative; margin:0px auto; top:75px; text-align:left; height:500px; overflow:hidden; background:white;}
#protype {height:28px; width:700px; padding:10px 10px 0px 10px; overflow:hidden;}
#projnav {padding:0px 4px 0px 8px; border-right:1px solid; border-color:#A3A328;}
#projlast {padding:0px 6px 0px 6px; border:none;}
#probar {height:8px; width:100%; background:#bcbcbc;}
#proselect {position:relative; left:15px; width:700px; height:300px; top:75px; text-align:left; overflow:hidden; font-size:11px; line-height:14px;}
#probox{width:160px; height:145px; float:left; margin:0px 15px 10px 0px; overflow:hidden; display:block;}
#probox img{height:115px; width:auto; overflow:hidden; clear:both;}


#intro {width:700px; padding:10px; display:block;}
#base{position:relative; top:80px; font-size:10px; color:#FFF; text-align:right; width:50%; float:right;}
#info{position:relative; top:80px; font-size:10px; color:#FFF; text-align:left; width:50%; float:left;}
#pagenav{position:absolute; bottom:10px; font-size:12px; color:#ddd; text-align:center; z-index:1000; clear:both; width:100%;}


#address{width:300px;display:block;float:left; padding-right:50px; height:480px;} /*Text Box*/
#leftpane{width:340px;display:block;float:left; padding-right:10px;} /*Text Box*/

#portrait{float:right; padding-left:10px; padding-bottom:10px; height:480px;} /*Project Thumbnail, Project Selection*/
#portraitsmall{float:right; padding-left:10px; padding-bottom:10px;} /*Project Thumbnail, Project Selection*/
#projectpic{width:300px; display:block; float:left; padding:5px; padding-right:40px;} /*Project Page Left Side Image*/
#events{width:450px; float:right; margin-left:100px;} /*News Text*/

a {text-decoration:none; color:#A3A328;}
a:focus {outline-style:none;}
ul,li {padding:0px;margin:0px;list-style:none;}
#title{font-weight:bold; color:#555;}
#nk{font-family:Century Gothic; font-weight:bolder; text-transform:uppercase; color:#A3A328;}
#photo{text-align:right; color:#bcbcbc; font-style:italic;} /*Photo Credits*/

#ser {list-style-type:upper-latin !important; display:block;margin-left:10px;}
#subser {list-style-type:circle !important; display:block;margin-left:20px;width:95%;}
#submenu{height:auto;width:auto; background-color:#fff;float:right; font-size:12px; padding:0px 0px 0px 80px;}

div#menuwrap {position:relative; top:30px; left:359px; font-size:11px; line-height:15px; color:#FFF; font-weight:bold; text-align:left; z-index:2;}
div#menuwrap div#menu {position:relative;}
div#menuwrap div#menu a {position:relative; padding:4px 4px 6px 6px; display:block; border:1px solid #FFF;}
div#menuwrap div#menuitems {position:relative; width:700px;}
div#menuwrap div#menuitems a {position:absolute; padding:4px 4px 6px 6px; display:block; color:#FFF; border:1px solid #FFF;}
div#menuwrap div#menuitems a:hover {color:#555; background:url(img/fff.gif) repeat;}
div#menuwrap div#menuitems a.selected {color:#555; background:url(img/fff.gif) repeat;}
div#menuwrap div#menuitems a#services {top:81px;left:120px; width:109px;height:16px;}
div#menuwrap div#menuitems a#profile {top:0px;left:0px; width:109px;height:43px;}
div#menuwrap div#menuitems a#people {top:0px;left:240px; width:109px;height:16px;}
div#menuwrap div#menuitems a#sd {top:27px;left:120px; width:229px;height:16px;}
div#menuwrap div#menuitems a#projects {top:54px;left:0px; width:229px;height:16px;}
div#menuwrap div#menuitems a#history {top:0px;left:120px; width:109px;height:16px;}
div#menuwrap div#menuitems a#news {top:81px;left:0px; width:109px;height:16px;} 
div#menuwrap div#menuitems a#contact {top:54px;left:240px; width:109px;height:43px;}

@media screen {body>div#menuwrap {position:relative;} }

div#preload {display:none;}

#scroll {height:400px; width:300px; overflow:scroll; overflow-y:scroll; overflow-x:hidden; padding-right:10px; left:0;}

#lightbox{position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox img{width:auto; height:auto;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink, #nextLink{width:49%; height:100%; background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display:block;}
#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(lightbox/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(lightbox/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100% ;}
#imageData{padding:0 10px; color:#666;}
#imageData #imageDetails{width:70%; float:left; text-align:left;} 
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block; clear:left; padding-bottom:1.0em;}   
#imageData #bottomNavClose{width:66px; float:right; padding-bottom:0.7em; outline:none;}   
#overlay{position:absolute; top:0; left:0; z-index:90; width:100%;}

input {border:1px solid grey; width:71%;}
textarea {border:1px solid grey; width:70%; font-family:Arial, Helvetica, sans-serif; height:125px; width:69.5%; max-height:125px; max-width:245px;}