/* Global Styles */
body { background-color: black; }
h1, #nav-main { font-family: Georgia; }
.article-title { margin-bottom: 10px; }
#portrait-display { text-align: center; }
#portrait-display img { width: 250px; margin: 20px; }
.home-ft { background-color: black; }
em { font-style: italic; }
strong { font-weight: bold; }
a, h1 { color: white; }
h1 { font-size: 137%; }
p { font-size: 107%; /* line-height: 1.25em; */ }
.picture { width: 200px;  }
#bd a:visited, #ft a:visited { color: #ccc; }
#doc2, #doc3 { color: #ccc; background-color: #111; }
#doc { color: #ccc; background-color: #111; width: 100%; max-width: 1200px;  }
#hd, #main, #package-details { background-color: black;  }
#side, #ft #photographer-spotlight p { background-color: #222;}

#nav-main a, 
#nav-sub a, 
#package-details a 
{ text-decoration: none; padding: 5px; }

#nav-sub a,
 #package-details a,
 #nav-package a 
{ border-bottom: 2px solid #111; }

/* Hd Styles */
#hd {min-width: 804px; }
#logo { float: left; }
#nav { padding-top: 15px; padding-bottom: 10px; margin-left: 240px; }
#nav ul li { display: inline; margin-right: 20px;}
#nav-main { font-size: 167%; margin-bottom: 10px; }
#nav-main span { font-size: 0px; margin-left: 22px; color: black; }
#nav-main a { padding-top: 10px; color: #ccc;  }

#nav-main a:hover, #nav-main a:active,  #nav-sub a:hover,  #nav-sub a:active {  color: white; }

#nav-sub a:hover, #nav-sub a:active, #nav-sub a:focus,  #package-details a:active, #package-details a:hover, #package-details a:target, #package-details a:focus, #nav-sub .current-cat a { border-bottom: 2px solid white; }

#nav-main a:hover, #nav-main a:active, #nav-main a:focus, #nav-main .current-cat a { border-bottom: 2px solid white; }

#nav-sub { font-size: 122%; }
#nav-sub a { color: #ccc; }


#slideshow, #slide { text-align: center; margin: 10px auto; /* height: 410px;  width:  80%; */ height: 460px; width: 790px;  }

#slide img { width: 100%; }
#slide {  background-color: black; }

#main { height: 100%; }
#active-window /* div */ { /* text-align: center; */ height: 90%; padding-top: 40px; background: url("images/scherling-line-border.gif") no-repeat top center;  }

/* #active-window img { margin: 3% auto; height: 95%; } */


/* yui-g forces margins, disabling them places a 20px space at the right. the space is colored to appear as part of the side */
#side { margin: 0; padding: 0; } 
#slideshow { background-color: #222; }
/* end hack */

#side { overflow: auto; text-align: left; height: 100%; }
#side h1 { color: white; margin: 20px 0 0 40px; padding-bottom: 30px; background: url("images/scherling-border-p.gif") no-repeat bottom center; }
#side p, #photographer-spotlight p {  margin-left: 40px; }

/* IE 6 hack so underlines render */
#package-details a { zoom:1 } 
/* end heck */
#package-details { padding-left: 40px; padding-top: 10px; padding-bottom: 20px }
#package-details a { display: inline; padding-bottom: 0; }
#package-details img {  /* width: 97%; height: 97%; */ max-width: 99%; padding-top: 45px;  background: url("images/scherling-line-border.gif") no-repeat top center; }
#package-details h1 a { margin: 0; padding: 0; }
#package-details h2 { font-size: 122%; }
#nav-package h1, #nav-package ul, #nav-package li { margin-right: 20px; display: inline; }
#nav-package a { padding: 0; }
#nav-package { font-size: 122%; margin-bottom: 40px; }
#nav-package .employee-list li { display: block; font-size: 92%; margin-top: 2px; }
#nav-package .employee-list { margin-top: 8px; }
#package-details .yui-gb { margin-bottom: 40px; }


#ft { font-size: 100%; padding-top: 20px; padding-bottom: 20px; padding-left: 40px; }

#ft #photographer-spotlight img { width: 100%;}
#ft .message { width: 60%; padding: 20px 10px 20px 15px; background-color: #222 /* url("images/arrow.gif") no-repeat top right; */ }
#ft #photographer-spotlight h2 { color: white; }
#ft textarea { width: 90%; height: 100px; font-size: 122%;} 
#ft input[type="text"] { width: 75%; font-size: 137%;}
#ft form ul { padding: 0; margin: 0; }
#ft form ul li { display: block; margin-bottom: 10px; }
#ft label { display: block; margin-bottom: 5px;  }
#ft input, #ft textarea { background-color: #ccc; color: black;}
#ft input:focus, #ft input:hover, #ft textarea:focus, #ft textarea:hover { background-color: white; color: black; }


#ft ul li ul li { display: block; }
#ft-content {  margin-bottom: 40px; }
#ft ul li { display: inline; margin-right: 20px; }
.copyright { padding-top: 20px; }
.note { font-size: 87%; color: #222; }