@charset "utf-8";
/* .=class  #=id*/

body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; color:#59452F; font-size:0.8em; background-color:#59452F;}

#pagewrapper {width:1000px; margin:10px auto;}

#headerwrapper {background-color:#fff; padding:10px;}
#header {border:1px solid #59452F; height:106px;}
#header_logo {float:left; height:100px; width:246px; padding:3px;}
#header_logo img {border:0; padding:0; margin:0;}
#header_menu {float:left; height:56px; width:726px; padding:50px 0 0 0;}

#dropline {position:relative; height:22px; background:#fff; padding:0; margin:0; list-style:none; width:726px;}
#dropline ul {padding:0; margin:0; list-style:none; width:500px; background-color:#fff;}
#dropline li {float:left; height:22px;}
#dropline li a {float:left; display:block; height:22px; line-height:22px; padding:0 22px; background:url(images/buttonbar.gif) no-repeat}
#dropline ul li {height:18px; padding: 5px 0 10px 0;}
#dropline ul li a {height:18px; line-height:18px; padding:0 10px;}
#dropline li ul {position:absolute; top:22px; left:0; z-index:100; display:none;}
#dropline li ul.current {display:block; z-index:50;}
#dropline li:hover ul {display:block;}
#dropline li ul.weddings_sub {padding:0 0 0 24px;}
#dropline li ul.portraits_sub {padding:0 0 0 152px;}
#dropline .menu_bullet {text-align:center; width:5px;}
#dropline li a.ourstory {background-position:center 0px; width:84px;}
#dropline li.current a.ourstory,
#dropline li a:hover.ourstory {background-position:center -22px;}
#dropline li a.weddings {background-position:center -44px; width:90px;}
#dropline li a:hover.weddings,
#dropline li.current a.weddings,
#dropline li:hover a.weddings {background-position:center -66px;}
#dropline li a.portraits {background-position:center -88px; width:78px;}
#dropline li a:hover.portraits,
#dropline li.current a.portraits,
#dropline li:hover a.portraits {background-position:center -110px;}
#dropline li a.yourstory {background-position:center -176px; width:94px;}
#dropline li.current a.yourstory,
#dropline li a:hover.yourstory {background-position:center -198px;}
#dropline li a.contact {background-position:center -220px; width:70px;}
#dropline li.current a.contact,
#dropline li a:hover.contact {background-position:center -242px;}
#dropline li a.blog {background-position:center -132px; width:44px;}
#dropline li.current a.blog,
#dropline li a:hover.blog {background-position:center -154px;}
#dropline ul li a.portfolio {background-position:center -284px; width:63px}
#dropline ul li.current a.portfolio,
#dropline ul li a:hover.portfolio {background-position:center -302px;}
#dropline ul li a.collection {background-position:center -320px; width:147px}
#dropline ul li.current a.collection,
#dropline ul li a:hover.collection {background-position:center -338px;}
#dropline ul li a.faq {background-position:center -356px; width:28px}
#dropline ul li.current a.faq,
#dropline ul li a:hover.faq {background-position:center -374px;}
#dropline table {border-collapse:collapse; margin:-1px -10px; padding:0; width:0; height:0; font-size:12px;}

#contentbodywrapper {float:left; padding:10px; background-color:#fff; margin:10px 5px 10px 0;}
#contentbody,
#contentbody_home {border:1px solid #59452F; height:525px; width:556px; overflow:auto; padding:0 20px;}
#contentbody_home {width:978px; padding:0; overflow:hidden;}

#contentbody h1 {margin:10px 0; font-size:1.8em; font-weight:bold;}
#contentbody p {text-align:justify; margin: 0; padding: 0 0 10px 0;}
#contentbody a {text-decoration:none; color:#59452F;}
#contentbody a:hover {text-decoration:underline;}
#contentbody a {text-decoration:underline; color:#59452F;}
#contentbody a:hover {color:#42B6C6;}

#contentbody .special {border:2px dotted #59452F; font-weight:bold;}
#contentbody .special p {margin:5px 10px; padding:0;}
#contentbody p.ppalogo {text-align:center; float:right;}
#contentbody img.ppalogo {border:0;}
#contentbody .signature {font-size:115%; font-style:italic; margin:15px; float:left;}
#contentbody .contact {font-size:130%;}

#contentbody ul {list-style:none; padding:0 15px; margin:0;}
#contentbody ul li {display:inline;}
#contentbody ul li.collection {font-size:130%; font-weight:bold; font-style:italic;}
#contentbody ul li ul {display:block; list-style:square; padding:0 25px 15px 25px;}
#contentbody ul li ul li {display:list-item;}
#contentbody ul li ul li.price {list-style:none; font-weight:bold; text-indent:-5px;}
#contentbody ul li ul li.indent {list-style:disc; margin: 0 0 0 15px;}

#contentbody ol#faq {}
#contentbody ol#faq li a {text-decoration:none; cursor:pointer; font-weight:bold;}
#contentbody ol#faq li a:hover {text-decoration:underline;}
#contentbody ol#faq .answer {display:none; margin:5px; font-style:italic;}

#contentbody fieldset {margin:10px; padding:0; background-color:#eee; float:left; clear:both; width:434px; border:1px solid #59452F;}
#contentbody fieldset ol {margin:0; padding:10px 10px 0 10px; list-style:none;}
#contentbody fieldset li {padding:0 0 10px 0; float:left; clear:left; width:100%;}
#contentbody fieldset li.welcome {font-weight:bold;}
#contentbody label {font-weight:bold; float:left; width:100px; margin:2px 15px 0 0;}
#contentbody input {color:#59452F; font-weight:bold; padding:2px; width:250px;}
#contentbody input:focus.bluebg {background-color:#42B6C6;}
#contentbody input.ys_submit {margin:0 0 0 115px;width:100px;}

#contentimagewrapper {float:right; padding:10px; background-color:#fff; margin:10px 0 10px 5px;}
#contentimage {border:1px solid #59452F; height:525px; width:350px;}

#portfoliothumbswrapper {float:right; padding:10px; background-color:#fff; margin:10px 0 10px 5px;}
#portfoliothumbs {border:1px solid #59452F; background-color:#000; height:517px; width:150px; overflow:hidden; padding:4px;}
#portfolioimagewrapper {float:left; padding:10px; background-color:#fff; margin:10px 5px 10px 0; text-align:center;}
#portfolioimage {border:1px solid #59452F; background-color:#000; height:525px; width:788px; overflow:hidden; padding:0;}

.galleria {margin:0; padding:0; list-style:none;}
.galleria li {display:block; width:44px; height:44px; overflow:hidden; float:left; margin:3px;}
.galleria li a{display:none;}
.galleria li div{position:absolute; display:none; top:0; left:180px;}
.galleria li div img {cursor:pointer;}
.galleria li.active div img,
.galleria li.active div {display:block;}
.galleria li img.thumb {cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto;}

#footer {clear:both; color:#000000; font-size:80%; text-align:center; margin:0 0 10px 0;}
#footer a {text-decoration:none; color:#000000;}
#footer a:hover {text-decoration:underline;}