/*
 Screen style    
*/

body { background-color: #fff; font-size: smaller; font-family: "Lucida Grande", Tahoma, sans-serif; margin: 0; padding: 0; text-align: center; }

.box { border: 5px solid #fff; }
.box.left { float: left; width: 400px; text-align: left; padding: 15px; margin: 20px; min-height: 400px; }
.box.left h2 { font-size: 1.52em; font-family: "Georgia", Tahoma; margin: 0 0 0.5em 0; }
.box.right { float: left; width: 450px; margin: 20px; border: none; }

#container { margin: 20px auto; width: 990px; position: relative; }

#content { height: 100%; font-size: 90%; position: relative; }

#footer { clear: both; }

#header { height: 126px; position: relative; }

#inner-wrapper { color: #fff; position: relative; }
#inner-wrapper:after, #content:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

#logo { width: 191px; height: 122px; left: 0; position: absolute; }
#downloadLink { position: absolute; right: 20px; bottom: 12px; z-index: 50000; font-size: 110%; }
#downloadLink a { background-color: #960; color: #fff; padding: 6px 14px; border: 3px solid #D8E1AC; display: block; } 
#downloadLink a:hover { background-color: #777; border: 3px solid #eee; }
#tagline { font-size: 150%; color: #4A3634; font-family: Georgia; letter-spacing: -1px; position: absolute; top: 20px; left: 230px; text-align: left; }

#nav { width: 650px; height: 33px; top: 94px; left: 200px; margin: 0; position: absolute; z-index: 10000; }
#nav li { float: left; list-style: none; margin: 0; }
#nav a { color: #000; font-weight: normal; background: #5A3F2A url(../images/nav/blue/bg.gif) 0 -33px no-repeat; font-size: 85%; display: block; height: 33px; line-height: 33px; margin: 0; position: relative; text-align: center; text-decoration: none; width: 109px; }
#nav a:hover, #home .home, #tips .tips, #favors .favors, #contact .contact, #testimonials .testimonials { font-weight: normal; background-color: #3D2817; background-position: 0 0; }

#testimonials-link { font-size: 1em; height: 118px; left: -28px; margin: 0; overflow: hidden; position: absolute; top: 165px; width: 28px; }
#testimonials-link a:hover { background-color: #3D2817; color: #fff; }
#testimonials-link a:hover span, #testimonials-link a.current span { background-position: top left; }
#testimonials-link span { background-image: url(../images/nav/testimonials.gif); background-position: -29px 0; background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }

#photodiv { background-repeat: no-repeat; width: 450px; height: 480px; }
#photodiv img { border: none; }

.stationeryPhotos { text-align: center; margin: 30px 0 0 0; }
.stationeryPhotos img { border: 1px solid #fff; }
.stationeryPhotos h3 { margin: 30px 0 10px 0; font-family: "Georgia"; text-transform: uppercase; font-size: 100%; letter-spacing: 1px; }
.stationeryPhotos h3:before { content: " ~ "; }
.stationeryPhotos h3:after { content: " ~ "; }

/* -------------------------------------------------------------------------------- form elements */

#errors { display: none; font-size: 130%; font-weight: bold; color: #f00; }
small { }
label { text-transform: uppercase; display: block; margin: 20px 3px 3px 3px; }
input, textarea { padding: 3px; border: 1px solid #fff; font-size: 110%; font-family: "Lucida Grande"; }
input:focus, textarea:focus { }
input { width: 340px; }
select { font-size: 110%; border: 1px solid #fff; margin: 0 10px 0 0;  }
option { padding: 0 5px; }
textarea { width: 95%; height: 100px; font-size: 115%; }
.required { padding: 0 0 0 5px; margin: 20px 0; }
.btnSubmit { width: 100px; height: 25px; color: #000; border: none; background-color: #C3CC99; }
.btnSubmit:hover { cursor: pointer; color: #fff; }

.shadow-left { background: transparent url(../images/shadow_left.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: 20px; left: -13px; z-index: 99; }
.shadow-right { background: transparent url(../images/shadow_right.png) no-repeat 0 0; width: 13px; height: 203px; position: absolute; top: 20px; right: -13px; z-index: 99; }