@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0;}
html,body,#outermost {height: 100%; width: 100%;  margin: 0;  padding: 0;}
body {background-image: url(../images/siteAssets/bg_page.gif);background-repeat: repeat;background-color: #fff;font-size:11px;line-height:18px;font-family:Verdana,Arial,Helvetica,san-serif;color:#666666;}
p {margin:0;padding:0 0 10px 0;}
img {margin:0;padding:0;}

/*abs centering stuff*/
#outer {height:543px;  width: 804px;}
.valignmid1 {position: relative;  margin: 0 auto;text-align:center;}
.valignmid1 {display: table; vertical-align: middle;}
.valignmid2 {width: 100%;  display: table-cell;  vertical-align: middle;}
.valignmid3 { position: relative; text-align:left;}

/*page structures*/
#page{height:500px;  width: 957px;}
#nav{width:957px;height:34px;text-align:right;}
#nav ul, #nav li {display:inline;margin:0;padding:0;list-style:none;}
#contentWrap{width:955px;padding:0;margin:0;border:solid 1px #cccccc;}
#homeLeft {display:none;}
#contentLeft{width:315px;height:421px;float:left; background-image:url(../images/siteAssets/bg_left.gif); background-repeat:no-repeat; background-color:#fff; border-right:solid 1px #e1e1e1; margin-right:1px;padding-left:40px;}
#contentLeft table td{width:285px;height:371px;padding-left:3px;}
#contentLeft #projectContent {margin-left:5px;width:285px;}
#contentRight{width:598px;height:421px;float:left;display:inline;background-color:#efeeee;overflow:hidden;}
#foot{width:955px;padding:5px 0 0 0;text-align:right;color:#333333;font-size:9px;line-height:12px;}
#foot .selected {color:#666666;}
#preloadDiv{display:none;}

/*homepage*/
#body_home #contentLeft {display:none;}
#body_home #homeLeft {display:inline;width:181px;height:421px;overflow:hidden;float:left;margin:0;padding:0; }
#body_home #contentRight{display:inline;width:774px;height:421px;float:left;margin:0;padding:0;text-align:right;}

/*gallery pages*/
#thumbSliderStage{border-top:solid 1px #e3e3e3;padding-top:8px;margin-top:5px;height:80px;}
#projectTitle{display:inline;position:relative;z-index:10;}
#gallery{margin-top:-416px;margin-left:6px;position:absolute;z-index:5;}
#contentLeft b{margin-top:5px;display:inline-block;}
#picDetails{height:82px;overflow:hidden;margin-bottom:10px;}
.onTop{position:relative;z-index:10;}

/*subNav*/
#subNav {width:300px;height:40px;color:#666666;font-size:9px;line-height:24px;text-align:right;position:relative;z-index:10;}
#subNav a:link,#subNav a:active,#subNav a:visited{color:#666666;text-decoration:none;} #subNav a:hover{color:#cc6600;text-decoration:none;}
#subNav .inactive {color:#cccccc;}

/*profile page*/
.body_tabs #subNav {height:5px;}
.profileTabs {margin:0;padding:0;height:28px;position:relative;z-index:11;margin-bottom:-1px;position:relative;}
.profileTabs ul, .profileTabs li {margin:0;padding:0;display:inline;list-style:none;height:28px;line-height:15px;}
.profileBox {width:285px;height:310px; overflow:hidden; background-image:url(../images/siteAssets/bg_profileStage.png); background-repeat:no-repeat;margin:0;padding:15px 0px 15px 15px;}
.profileBoxContent {width:270px;height:310px;overflow-y:none;padding-right:5px;} /*i really want overflow-y:auto; but need to set that inline cus flash is finicky*/
.profileBoxContent #thumbSliderStage{border-top:0;padding-top:0px;margin-top:0px;}
.recognitionPics #gallery{margin-left:19px;}
#article{padding:10px;}
#contentLeft .profileBoxContent b{margin-top:0px;display:inline-block;}
.profileBoxContent #thumbSliderStage {width:265px; height:160px;}
.recCaption{display:block; margin-top:5px;font-size:10px;line-height:14px;}


/*sitemap*/
.sitemap{font-size:10px;line-height:13px;margin:0 0 5px 5px;}
.sitemap ul {margin:0;padding:0;list-style:none;}
.sitemap li {margin-left:15px;padding:0;line-height:12px;}

/* text */
.body_class{}
.orangeText{color:#cc6600;}
.smaller{font-size:9px;}
.darker{color:#333333;}
.smalltext{font-size:10px;}

/*links*/
a:link,a:visited,a:active{color:#cc6600;text-decoration:underline;} 
a:hover{color:#533c19;text-decoration:underline;} 
#foot a:link, #foot a:active, #foot a:visited {color:#333333;text-decoration:none;}
#foot a:hover{text-decoration:none;color:#666666;} 

/* fixes*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: .1%;}