BODY { background-color: #FFF; font-family: Helvetica, Arial, san-serif; font-size: 100%; }

#SiteWrapper { margin: 0px 0 0 50px; width: 870px; position: relative; }
#MainWrapper { margin: 15px 0 0 0; width: 720px; float: left; }

#Navigation { position: absolute; right: 0; text-align: right; top: 5px; }
#Navigation LI { font-size: 11px; list-style:  none; clear: both; margin: 0; padding: 0; line-height: 1.35em;   }
#Navigation LI A { float: right; color: #999; text-decoration: none; padding: 0px 3px 0 3px; }
#Navigation LI A:HOVER { background-color:  #999; color: #FFF;  }

#Navigation LI LI { display: none; width: 150px; clear: both; }
#Navigation LI.Selected LI { display: block; }
#Navigation LI.Selected LI SPAN { display: none; }

#Navigation LI.Selected A { background-color:  #999; color: #FFF;  margin: 0px 0 0 0;   }
#Navigation LI.Selected UL { margin: 0px; padding: 10px 0 0 0; }
#Navigation LI.Selected LI { padding: 1px 0 0 0; width: 150px; }
#Navigation LI.Selected LI A.Selected  { background-color:  #999; color: #FFF;  }
#Navigation LI.Selected LI A { padding: 2px 3px 0 3px; margin: 0px 0 0 0; background:  none; color: #999;  display: block; clear: both; position: relative; overflow: hidden;  }
#Navigation LI.Selected LI A:HOVER { background-color: #999; color: #FFF; } 
#Navigation LI.Selected LI A:HOVER SPAN { color: #FFF; display: inline; padding: 0 10px 0 0; position: relative; } 

#Navigation #Switch { display: inline; cursor: pointer;  background-color: none; padding: 0 1px; margin: 0 1px; }

#Slideshow { width: 720px; height: 480px; overflow: hidden; }
#Slideshow .Next,
#Slideshow IMG { cursor: pointer; }

#Logo H1 { margin: 0 0 20px 0; }

#Caption { text-align: center; }
#Caption P { font-size: 11px; color: #999;  }

#Utilities P { font-size: 11px; color: #999; clear: both; display: block;  }
#Utilities A.Prev,
#Utilities A.Next { color: #999; background: none; padding: 0 3px; text-decoration: none; cursor: pointer;  }
#Utilities A.Prev:HOVER, 
#Utilities A.Next:HOVER { background-color: #999; color: #FFF; }


#Signature { width: 200px; }
#Signature SPAN { height: 15px; overflow: hidden; color: #999; font-size: 70%;  float: right; display: none; }
#Signature IMG { float: right; margin-top: -20px; cursor: pointer;  }

#Caption { display: none; }
#Utilities { display: none; }




#Home #Caption, #Portfolio #Caption, #Home #Utilities, #Portfolio #Utilities { display: block; }
#Home #Signature { clear: both; float: right; }


#About #Switch {  }
#About #Signature { position: fixed; right: 10px; bottom: 10px; }
#About #Content { padding: 5px 0 10px 0; }
#About #Content .Item { display: block; clear: both; width: 870px; }
#About #Content .Item IMG { float: left; margin: 0 20px 20px 0; }
#About #Content .Item P { color: #999; font-size: 95%; line-height: 1.25em;  }
#About #Content .Item P A { color: #999; }
#About #Content .Item P A:HOVER { text-decoration: none;  }

#Portfolio #Signature { clear: both; float: right; }

.GalleryThumbs { z-index: 1000; position: relative; color: #202020; background-color: #202020; margin: 0 20px 20px 0; float: left; width: 160px; height: 107px; overflow: hidden;  }
.GalleryThumbs A { color: #202020; width: 170px; height: 120px; position: absolute;   }
.GalleryThumbs A,
.GalleryThumbs A IMG { position: relative; width: 115%; height: auto; margin-top: -20%; margin-left: -5px; }

.GalleryThumbs IMG.Landscape  { width: auto; height: 130%;  margin-left: -10%; margin-top: -4px; }
.GalleryThumbs IMG.Portrait  { position: relative; width: 115%; height: auto; margin-top: -20%; margin-left: -5px; }

 
#Content { display: block; clear: both; }

#Blog #Switch {}
#Blog #SiteWrapper P { font-size: 80%; color: #999; margin: 8px 0; display: block; clear: both; }
#Blog H4 { color: #999; font-size: 85%; }
#Blog.Detail #Columns { float: left; width: 870px; display: block; clear: both; }
#Blog.Detail #Column1 { float: left; width: 160px; margin-right: 10px; }
#Blog.Detail #Column2 { float: right; width: 700px; }

#Blog P A { background-color: #999; padding: 3px 4px 1px 4px; color: #FFF; text-decoration: none; }
#Blog P A:HOVER { background-color: #990000; color: #FFF; }
#Blog #Signature { position: fixed; bottom: 10px; left: 810px; }

#Contact .Image { margin: 12px 15px 0 0; border: 5px solid #999;}
#Contact P { color: #999; }
#Contact #Container { width: 300px; float: left; }
#Contact #Container H3 { color: #999; font-size: 180%; clear: both; margin: 0 0 8px 0; text-transform: uppercase; }
#Contact #Container LABEL { color: #999; display: block; clear: both; font-size: 80%; }
#Contact #Container .TxtInput, #Contact #Container TEXTAREA { width: 250px; display: block; padding: 2px 4px; margin: 2px 0 10px 0; }
#Contact #Container TEXTAREA { height: 55px; margin: 0 0 17px 0;  }
#Contact #Container .Button { background-color: #EEE; color: #000; border: none; text-transform: uppercase; font-weight: bold; }
#Contact #SiteWrapper { padding: 0; margin: 20px 25px; }

#Home #Logo, #Home #Navigation, #Home #Slideshow, #Home #Utilities, #Home #Content, #Home #Caption, #Home #Signature { opacity:0;filter:alpha(opacity=0) }