/******** Site objects ********/
* {
  margin: 0px;
  padding: 0px;
  }
body {
  font-size: 63%;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  line-height: 14px;
  text-align: center;
  }
body#home, body#portfolio, body#profile, body#news {
  background: url('../images/bg_fade_bk-gy.jpg') repeat-x #646869;
  }
body#contact {
  background-color: #000000;
  }
a {
  text-decoration: none;
  }
ul {
  list-style-type: none;
  }
a img {
  border: none;
  }


/******** Background Elements ********/
.room {
  position: relative;
  top: 0px;
  left: 0px;
  width: 830px;
  margin-left: auto;
  margin-right: auto;
  }
.panel {
  position: relative;
  width: 774px;
  margin-left: auto;
  margin-right: auto;
  }
#home .panel, #portfolio .panel {
  top: 5px;
  height: 440px;
  background-color: #ffffff;
  }
#contact .panel {
  top: 20px;
  height: 423px;
  background: url('../images/bg_contact.jpg') 150px 0px no-repeat #000000;
  border-top: solid 1px #666666;
  border-bottom: solid 1px #666666;
  }
#profile .panel {
  top: 20px;
  height: 423px;
  background: url('../images/bg_profile.jpg') 0px 0px no-repeat #3f4142;
  border-top: solid 1px #666666;
  border-bottom: solid 1px #666666;
  }
#news .panel {
  top: 20px;
  padding-bottom: 50px;
  background: url('../images/bg_news_column.jpg') 0px 0px repeat-y #ffffff;
  border-top: solid 1px #666666;
  border-bottom: solid 1px #666666;
  }
#bgNewsPhoto {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 326px;
  height: 582px;
  background: url('../images/bg_news.jpg') 0px 0px no-repeat #ffffff;
  }
#nudger {
  float: left;
  height: 582px;
  }
img.reflection {
  position: absolute;
  margin-left: auto;
  margin-right: auto;              
  }
#reflectionMain {
  top: 440px;
  left: 0px;
  width: 774px;
  height: 113px;
  }
#reflectionProfileImg {
  top: 424px !important;
  top: 422px;
  left: 0px;
  width: 333px;
  height: 152px;
  }
#reflectionProfile {
  top: 424px !important;
  top: 422px;
  left: 333px;
  width: 441px;
  height: 152px;
  }
#reflectionNews {
  position: relative;
  top: 19px;
  left: 0px;
  width: 774px;
  height: 113px;
  margin-left: auto;
  margin-right: auto;
  }
.clear {
  clear: both;
  }
.divider {
  border-top: solid 1px #666666;
  padding: 1em 0 0 0;
  }


/******** Titles ********/
.title {
  position: absolute;
  z-index: 1;
  border: none;
  }
#titleHome, #titlePortfolio {
  top: 309px;
  left: 20px;
  }
#titleContact, #titleNews {
  top: 293px;
  left: 18px;
  }
#titleProfile {
  top: 293px;
  left: 19px;
  }
	
	
/******** Navigation: Home Images ********/
#navContainerHomePhotos {
  position: absolute;
  top: 16px;
  left: 337px;
  }
#navContainerHomePhotos li {
  float: left;
  margin-right: 6px;
  }
#navContainerHomePhotos img {
  border: none;
  }
#navContainerHomePhotos img.homePhoto {
  position: absolute;
  border: none;
  width: 0px;
  height: 0px;
  top: 0px;
  overflow: hidden;
  }
#navContainerHomePhotos a:hover img.homePhoto, #navContainerHomePhotos a:hover li.sfhover {
  border: none;
  width: 22px;
  height: 401px;
  top: 0px;
  z-index: 100;
  }
#photoDp {
  left: 76px;
  }
#photoHps {
  left: 180px;
  }
#photoHpl {
  left: 284px;
  }


/******** Navigation: SITE ********/
.navSite {
  position: absolute;
  text-transform: uppercase;
  }
.navSite li {
  text-align: left;
	}
.navSite a, .navSite a:visited {
  top: 0px;
  line-height: 20px;
  padding-left: 14px;
  padding-right: 10px;
  font-family: "News Gothic Std", "Arial Narrow", Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  letter-spacing: 2px;
  white-space: nowrap;
  }
#news .navSite .linkNews a,
#portfolio .navSite .linkPortfolio a,
#profile .navSite .linkProfile a,
#contact .navSite .linkContact a {
  font-size: 1.5em;
  background: url('../images/nav_arrow_right-red.png') 0px 50% no-repeat !important;
  background: url('../images/nav_arrow_right-red.gif') 0px 50% no-repeat;
  cursor: default;
  }
.navSite a:hover, .navSite a:active {
  font-size: 1.5em;
  margin-right: 0px;
  }
/******** Page specific ********/
#navSiteHome {
  top: 310px;
  left: 648px;
  }
#navSiteHome a {
  color: #7f7f7f;
  }
#navSiteContact {
  top: 20px;
  left: 11px;
  }
#navSiteContact a {
  color: #a3a3a3;
  }
#navSitePortfolio {
  top: 440px;
  left: 148px;
  background: url('../images/nav_line.jpg') 0 0 no-repeat;
  padding-top: 6px;
  }
#navSitePortfolio a {
  color: #ffffff;
  }
#navSiteProfile {
  top: 20px;
  left: 11px;
  }
#navSiteProfile a {
  color: #666666;
  }
#navSiteNews {
  top: 20px;
  left: 11px;
  }
#navSiteNews a {
  color: #9c9c9c;
  }


/******** Navigation: PORTFOLIO ********/
#navContainerPage {
  position: absolute;
  top: 440px;
  left: 333px;
  height: 100px;
  background: url('../images/nav_line.jpg') 0 0 no-repeat;
  }
.navPortfolioPages {
  position: absolute;
  top: 58px;
  left: 0px;
  text-transform: uppercase;
  }
.navPortfolioPages li {
  text-align: left;
  }
.navPortfolioPages a, .navPortfolioPages a:visited {
  top: 0px;
  line-height: 120%;
  padding-left: 14px;
  color: #999999;
  font-family: "News Gothic Std", "Arial Narrow", Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  letter-spacing: 2px;
  text-align: left;
  white-space: nowrap;
  }
#pageLEDP .linkLEDP a,
#pageLESL1 .linkLESL1 a,
#pageLESL2 .linkLESL2 a,
#pageHPSLP .linkHPSLP a,
#pageHPLP .linkHPLP a {
  color: #e5e5e5;
  background: url('../images/nav_arrow_right-red.png') 0px 50% no-repeat !important;
  background: url('../images/nav_arrow_right-red.gif') 0px 50% no-repeat;
  cursor: default;
  }
.navPortfolioPages a:hover, .navPortfolioPages a:active {
  color: #e5e5e5;
  }

/******** Legal ********/
.legal {
  position: relative;
  text-align: left;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-size: .9em;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #999999;
  white-space: nowrap;
  }
#legalPortfolio {
  top: 150px;
  padding-left: 14px;
  }

/******** THUMBNAILS ********/
#navContainerTn {
  position: absolute;
  top: 10px;
  left: 64px;
  width: 370px;
  height: 40px;
  }
#navContainerTn li {
  float: left;
  display:inline;
  }
#navContainerTn img.tnLg {
  position: absolute;
  border: none;
  width: 0px;
  height: 0px;
  top: 0px;
  left: 0px;
  overflow: hidden;
  }
#navContainerTn img.tnSm {
  border: none;
  margin: 0px;
  height: 17px;
  width: 17px;
  }
#navContainerTn tnNumber {
  position: relative;
  width: 17px;
  text-align: center;
  }
#navContainerTn span.tnNumber {
  margin-top: 5px !important;
  margin-top: 1px;
  margin-right: 1px !important;
  margin-right: 0px;
  font-size: 1.1em;
  display: block;
  }
#navContainerTn a {
  background: url('../images/bg_fade_tn_wht-gray.jpg') repeat top;
  color: #b3b3b3;
  font-size: 1.1em;
  height: 40px;
  width: 17px;
  display: block;
  margin: 0px 4px 0px 0px;
  }
#navContainerTn a:hover, #navContainerTn a:hover li.sfhover {
  background: url('../images/bg_fade_tn_wht-dkgray.jpg') repeat top;
  color: #ffffff;
  }
#navContainerTn a.tnSelected {
  background: url('../images/bg_fade_tn_wht-blk.jpg') repeat top;
  color: #ffffff;
  }
#navContainerTn a:hover img.tnLg, #navContainerTn a:hover li.sfhover {
  position: absolute;
  border: none;
  width: 40px;
  height: 40px;
  top: 0px;
  left: -50px;
  z-index: 100;
  }
#navContainerTn a.tnSelected img.tnLg {
  position: absolute;
  border: none;
  width: 40px;
  height: 40px;
  top: 0px;
  left: -50px;
  }
	

/******** Navigation: DETAIL ********/
#navContainerDetail {
  position: absolute;
  top: 406px;
  left: 347px;
  text-align: left;
  }
#navContainerImageTitle {
  position: relative;
  top: 0px;
  left: 0px;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  color: #666666;
  font-size: .9em;
  text-transform: uppercase;
  letter-spacing: 2px;
  white-space: nowrap;
  }
#navLinksViewDetail {
  font-family: Arial, Helvetica, Geneva, sans-serif;
  font-style: italic;
  color: #731201;
  white-space: nowrap;
  }

/******** PHOTOS ********/
.portfolioPhotoContainerOuter {
  position: absolute;
  display: table;
  left: 337px;
  height: 386px;
  #width: 430px;
  top: 16px;
  text-align: left;
  }
.portfolioPhotoContainerInner {
  #position: absolute;
  top: 50%;
  display: table-cell;
  vertical-align: middle;
  }
.portfolioPhotoIeFix {
  #position: relative;
  top: -50%;
  }
.portfolioPhoto {
  #position: relative;
  float: left;
  background: url('../images/dropshadow.png') no-repeat bottom right;
  }
.portfolioPhoto img {
  position: relative;
  top: -5px !important;
  top: -2px;
  right: 4px;
  bottom: 5px !important;
  bottom: 2px;
  left: -4px;
  background-color: #ffffff;
  }
.portfolioDetailContainerOuter {
  position: absolute;
  top: 36px;
  left: 150px;
  height: 260px;
  #width: 630px;
  text-align: left;
  display: table;
  }
.portfolioDetailContainerInner {
  #position: absolute;
  top: 50%;
  display: table-cell;
  vertical-align: middle;
  }

  
/********* CONTACTS *********/
#containerContactInfo {
  position: absolute;
  top: 20px;
  right: 0px;
  }
#containerContactInfo li {
  float: none;
  margin-bottom: 1.8em;
  text-align: right;
  white-space: nowrap;
  }
#containerContactInfo a {
  display: block;
  padding: 8px 20px 8px 40px;
  }
#containerContactInfo a:hover {
  background: url('../images/bar-red.gif') repeat-y top left;
  color: #ffffff;
  background-color: #333333;
  border: solid 1px #666666;
  padding: 7px 19px 7px 39px;
  }
#containerContactInfo a:hover .contactUrl {
  color: #e7e7e7;
  }
.contactName {
  font-size: 1.2em;
  letter-spacing: 1px;
  line-height: 1.1em;
  color: #e7e7e7;
  display: block;
  }
.contactUrl {
  font-size: 1.1em;
  letter-spacing: 1px;
  color: #b3b3b3;
  margin-bottom: 1.1em;
  display: block;
  }
.contactAddress {
  font-size: 1.1em;
  letter-spacing: 1px;
  color: #b3b3b3;
  display: block;
  }
#emailContainer {
  position: absolute;
  bottom: 20px;
  left: 26px;
  text-align: left;
  font-size: 1.1em;
  letter-spacing: 1px;
  color: #999999;
  }
#emailContainer a {
  color: #999999;
  }
#emailContainer a:hover {
  color: #e7e7e7;
  }


/********* PROFILE *********/
#containerProfileText {
  position: absolute;
  top: 18px;
  left: 355px;
  width: 381px;
  font-size: 1.1em;
  text-align: justify;
  }
#containerProfileText p {
  clear: left;
  color: #e5e5e5;
  margin: 0 0 10px 0;
  line-height: 16px;
  }
#profilePortrait {
  float: right;
  margin: 0 0 1em 1.5em;
  }
p.profileTextQuote {
  text-indent: -.4em !important;
  text-indent: 0mm;
  }
p.profileTextInfo {
  font-style: italic;
  }
p.profileTextInfo a {
  color: #e5e5e5;
  font-weight: bold;
  font-style: normal;
  }
  

/******** NEWS ********/
#containerNews {
  position: relative;
  float: left;
  padding: 0 0 1em 0;
  top: 9px;
  left: 360px;
  width: 370px;
  }
#containerNews p {
  text-align: left;
  line-height: 18px;
  }
#containerNews p a, #containerNews p a:visited {
  color: #870000;
  }
#containerNews p a:hover, #containerNews p a:active {
  text-decoration: underline;
  }
.newsHeader {
  margin-top: 11px;
  }
.newsFooter {
  clear: both;
  border-top: solid 1px #a1a5a6;
  margin: 12px 0;
  }
.date {
  border-bottom: solid 1px #a1a5a6;
  margin: 0 0 11px 0;
  color: #808080;
  }
.newsItem {
  clear: both;
  left: 0px;
  padding: 1em 0px 3em 0px;
  text-align: left;
  }
.newsItem h1 {
  font-size: 1.6em;
  margin-bottom: 8px;
  color: #958a3a;
  }
.newsItem h1 a {
  color: #958a3a;
  }
.newsItem h1 a:visited {
  color: #835813;
  }
.newsItem h1 a:hover, .newsItem h1 a:active {
  color: #996213;
  }
.newsItem p {
  font-family: Georgia, "Times New Roman", Times, Serif;
  font-size: 1.2em;
  text-align: justify;
  }
.newsImage {
  margin: 24px 0;
  padding-bottom: 3em;
  }
.newsImage li {
  clear: both;
  }
.newsImage img {
  float: left;
  border: solid 1px #a1a5a6;
  padding: 4px;
  margin: 0 6px 12px 0;
  }
.newsImage a:hover img, .newsImage a:active img {
  border: solid 1px #870000;
  }
.newsImage p {
  font-family: Arial, Helvetica, Geneva, sans-serif;
  color: #666666;
  font-size: 1.1em;
  font-weight: bold;
  padding: 4px;
  }
#containerLinks {
  position: absolute;
  top: 380px;
  left: 24px;
  width: 300px;
  text-align: left;
  padding-bottom: 30px;
  color: #958a3a;
  }
#containerLinks h1 {
  color: #958a3a;
  font-size: 1.6em;
  margin: 24px 0 8px 0;
  font-weight: normal;
  }
#containerLinks p {
  color: #9c9c9c;
  font-size: 1.2em;
  line-height: 1.3em;
  }
#containerLinks p a, #containerLinks p a:visited {
  color: #9c9c9c;
  }
#containerLinks p a:hover, #containerLinks p a:active {
  color: #ffffff;
  }
p.rss {
  background: url('../images/icon_rss_sm.png') no-repeat left center !important;
  background: url('../images/icon_rss_sm.gif') no-repeat left center;
  padding-left: 18px;
  }
.commentLink {
  font-family: Arial, Helvetica, Geneva, sans-serif;
  padding-top: 12px;
  }
#reflectionNewsLeft {
  float: left;
  height: 113px;
  width: 325px;
  background: url('../images/reflection_news_blk-gry.jpg') 325px 0 repeat-x;
  }
#reflectionNewsRight {
  float: right;
  height: 113px;
  width: 449px;
  background: url('../images/reflection_gray-dkgray.jpg') 449px 0 repeat-x;
  }