/* CSS for the Perfect Shots - Written by Ryan Marshall and (c) Ryan Marshall */

/* -------------- GLOBAL DEFAULTS ------------- */

* { padding: 0; margin: 0; }
html, body { font-size: 100%; background: #3b2112; padding: 5px; }
h1, h2, h3, h4, h5, h6 { font-family: Georgia; text-transform: uppercase; font-size: 100%; color: #292929; font-weight: normal; }
h2 { font-size: 115%; }
p, body { font-family: Georgia, "Times New Roman", serif; color: #5f5f46; line-height: 140%; }
p { margin: 8px; }
.right { float: right; }

a:link { text-decoration: underline; color: #292929; }
a:visited { color: #292929; }
a:hover { color: #fff; text-decoration: none; }
a:active { color: #fff; text-decoration: none; }

.clear { clear: both; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/* -------------- BODY ------------- */

#body-wrapper { width: 935px; margin: 0 auto; }
.module { position: relative; background: #c6aa78 url(../images/module-bkgd.jpg) no-repeat bottom center; border: 2px solid #bc9c69; margin: 0 10px 10px 0; float: left; }
.module * { z-index: 999; position: relative; }
.module span.module-bkgd-top { display: block; width: 931px; height: 65px; background: url(../images/module-bkgd-top.jpg) no-repeat; position: absolute; top: 0; left: 0; z-index: 1; }
.module h2 { margin: 25px 0 10px 0; }
.section { float: left; padding: 10px; }

#header { padding: 4px; width: 923px; }
body.automotive #header, body.weddings #header, body.real-estate #header, body.special-events #header, body.contact #header, body.portraiture #header { }
#header #header-img { float: right; }
body.homepage #header #header-img { width: 381px; height: 253px; background: url(../images/homepage-header-img.jpg) no-repeat; margin: 18px; }
body.automotive #header #header-img { width: 381px; height: 142px; background: url(../images/auto-header-img.jpg) no-repeat; margin: 18px; }
body.special-events #header #header-img { width: 381px; height: 142px; background: url(../images/speicalevents-header-img.jpg) no-repeat; margin: 18px; }
body.portraiture #header #header-img, body.family-moments #header #header-img { width: 381px; height: 142px; background: url(../images/portraiture-header-img.jpg) no-repeat; margin: 18px; }
body.weddings #header #header-img, body.engagements #header #header-img { width: 381px; height: 142px; background: url(../images/weddings-header-img.jpg) no-repeat; margin: 18px; }
body.real-estate #header #header-img { width: 381px; height: 142px; background: url(../images/realestate-header-img.jpg) no-repeat; margin: 18px; }
/*body.contact #header #header-img { width: 381px; height: 142px; margin: 18px; }*/
body.contact #header { display: none; }
#header h1 { width: 361px; height: 65px; background: url(../images/tps-logo.png) no-repeat; text-indent: -1000em; position: absolute; top: 18px; left: 50px; }
#header h1 a { display: block; width: 361px; height: 65px; }
#header p { width: 412px; position: absolute; top: 95px; left: 50px; font-size: 0.75em; line-height: 1.75em; color: #3b2112; }

#main-body { width: 931px; }

#main-menu { width: 931px; height: 54px; background: url(../images/main-menu-bkgd.jpg) no-repeat; }
#main-menu ul { list-style: none; }
#main-menu ul li { display: block; padding: 15px 42px 15px 22px; float: left; font-size: 1.125em; font-family: "Trebuchet MS"; background: url(../images/main-menu-bullet.png) no-repeat right 50%; }
#main-menu ul li a { color: #231701; text-decoration: none; }
#main-menu ul li.active a, #main-menu ul li a:hover { color: #7c6039; }
#main-menu ul li.last { background: none; padding: 15px 25px; }

ul.menu { margin: 10px; list-style: none; font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif; text-transform: uppercase; }
ul.menu li { border-bottom: 1px dashed #dddddd; }
ul.menu a { display: block; padding: 10px 8px; font-size: 115%; }
ul.menu a:link, ul.menu a:visited { color: #231701; text-decoration: none; }
ul.menu a:hover { color: #fff; text-decoration: none; background: #cccc99; }
ul.menu a:active { color: #000; }
ul.menu li.active a { background: #cccc99; color: #fff; }

.slideshow-container { width: 931px; height: 550px; margin: 5px; }
.slideshow-container-full { margin: 5px; text-align: center; }

#testimonial-text { width: 578px; height: 231px; margin-right: 16px; padding: 0 18px 18px 18px; background: url(../images/testimonial-main-bkgd.jpg) no-repeat; }
#testimonial-pic { width: 261px; margin: 0; height: 231px; padding: 0 18px 18px 18px; background: url(../images/testimonial-photo-bkgd.jpg) no-repeat; }
#testimonial-pic img { border: 2px solid #231701; }
#testimonial-text h2, #testimonial-pic h2 { margin-top: 15px; }

dl.testimonial { position: relative; }
dl.testimonial dt.title { margin: 0 0 10px 0; }
dl.testimonial dd.test-body { color: #231701; font-size: 0.875em; }
dl.testimonial dd.test-body span.quote-start { display: block; float: left; width: 44px; height: 35px; margin: 0 5px 0 0; background: url(../images/quote-start.png); text-indent: -1000em; }
dl.testimonial dd.test-body span.quote-end { display: inline-block; width: 44px; height: 35px; background: url(../images/quote-end.png); text-indent: -1000em; }
dl.testimonial dd.readmore { text-align: right; position: absolute; top: 0; right: 0; }
dl.testimonial dd.readmore a { color: #231701; background: #bc9c69; border: 1px solid #231701; padding: 3px 7px; text-decoration: none; font-size: 0.75em; margin-left: 3px; }
dl.testimonial dd.readmore a:hover { background: #231701; color: #bc9c69; }

.notice { color: #231701; font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif; font-size: 90%; }

#ajax-loader-content, #ajax-loader-media { margin: 108px auto; width: 15px; display: block; border: 0 !important; }


/* -------------- WEDDING PAGE ------------- */

#wedding-packages, #portraiture-packages { width: 881px; padding-left: 50px; }

dl.package { background: #bc9c69; border: 2px solid #7c6039; padding: 18px; margin: 10px; float: left; width: 40%; }
dl.package dt { font-weight: bold; font-size: 108%; color: #231701; margin: 0 0 6px 0; }

dl.package ul, dl.package-plain ul { color: #000; margin: 0 0 0 20px; font-size: 90%; }

dl.package-plain { padding: 0 25px 18px 0; }
dl.package-plain dd.price { padding: 14px; float: right; margin-top: -10px; background: #3b2112; border: 2px solid #7c6039; color: #fff; font-size: 1.125em; }
dl.package dd.price { padding: 8px; float: right; margin-top: -10px; background: #3b2112; border: 2px solid #7c6039; color: #fff; font-size: 0.875em; }


/* -------------- CONTACT PAGE ------------- */

#contact-text { width: 60%; float: left; margin: 0 0 0 50px; }
#contact-text p { color: #231701; font-size: 0.875em; }
#contact-text h2 { text-transform: uppercase; color: #292929; font-family: Georgia; }

#contact-form { background: #bc9c69; border: 2px solid #7c6039; padding: 18px; margin: 25px 0; }
#contact-form label { width: 30%; float: left; color: #231701; font-size: 1.125em; }
#contact-form p { margin: 0 0 18px 0; }
#contact-form input[type=text], #contact-form textarea { background: #c4a672; border: 1px solid #3b2112; padding: 4px 6px; color: #3b2112; font-family: Georgia; width: 200px; font-size: 0.938em; }
#contact-form textarea { width: 275px; }

#contact-photos { width: 200px; float: right; margin: 25px 50px 0 0; }

#footer { clear: both; text-align: center; font-size: 85%; margin: 20px 0; }
#footer p { color: #bc9c69; }