html {}
body { padding:0px 0px 20px 0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; background-color:#ffffff; overflow:-moz-scrollbars-vertical; }

/* HTML5 - elements must display as block */
header, nav, article, section, footer { display:block; }
header { position:relative; width:100%; height:160px; padding:0px; margin:0px; }
nav { position:absolute; left:150px; bottom:5px; color:#572685; }
section { position:relative; min-height:500px; }
footer { width:960px; height:20px; margin:auto; clear:both; position:relative; border-top:1px solid #6dbe45; text-align:center; color:#572685; font-size:9px; line-height:18px; }

/* used inside body tags to center site in browser - set to pref max site width */
div#wrapper, div.wrapper { width:960px; margin:auto; position:relative; }

div#shadow { position:absolute; top:0px left:0px; width:100%; z-index:100; height:12px; }
div#shadow img { width:100%; }

header img { margin:10px 0px 0px 10px; }
header div.social { position:absolute; top:10px; right:10px; }
header div.social img { border:0px; }

footer img.basedot { position:absolute; top:-8px; left:0px; z-index:100; }

/* generic use css */
.clearall { clear:both; }
div.column { float:left; width:50%; }
div#wrapper.content, div.content { width:760px; padding:20px 100px 20px 100px; font-size:12px; line-height:16px; color:#4e4e4e;  }
div#wrapper.content a, div.content a { text-decoration:underline; color:#572685; }
div#wrapper.content a:hover, div.content a:hover { color:#6dbe45; }
div#wrapper h1, div#wrapper.content h1, div.content h1 { color:#000000; font-size:18px; line-height:20px; margin:10px 0px 5px 0px; padding:0px; }
.required { color:#ff0000; }

div#wrapper .colLeft { width:600px; float:left; padding:20px 40px 20px 100px; font-size:12px; line-height:16px; color:#4e4e4e;}
div#wrapper .colLeft p { margin:10px 0px 2px 0px; padding:0px; }
div#wrapper .colRight { width:220px; float:left; padding:40px 0px 20px 0px;}

/* navigation */
nav ul { margin:0px; padding:0px; }
nav ul li { float:left; display:block; margin:0px 35px 0px 0px; }
nav ul li a { text-decoration:none; color:#572685; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; }
nav ul li a:hover { color:#449022; }
nav ul li a.selected { text-decoration:underline; color:#449022; }

/* home page */
div.carousel-wrap { width:890px; margin:0px auto 0px auto; position:relative; padding:80px 0px 150px 0px; }

/* gallery page & retouch gallery page */
div.gallery-title { width:100%; margin:30px 0px 0px 0px; padding:0px; }
div.gallery-description { clear:both; padding:20px 0px 0px 40px; font-size:12px; line-height:16px; }
select#gallerySelect { float:left; font-size:16px; line-height:20px; color:#000000; background:transparent; border:0px; font-weight:bold; min-width:150px; margin:0px 0px 0px 40px; }
div#gallery {clear:both; padding-top:50px; }
div.thumbs { width:330px; float:left; margin:0px 0px 0px 40px; }
div.tbox, div.rtbox { width:150px; height:150px; overflow:hidden; border:1px solid #999999; float:left; margin:0px 10px 10px 0px; cursor:pointer; background-color:#ffffff; }
div.mainArea { width:550px; float:right; margin:0px 35px 0px 0px; text-align:center; position:relative; }
div.mainArea div.imageMain { margin:auto; text-align:center; position:relative; }
div.mainArea div.imageMain img { border:1px solid #999999; margin:0px auto 0px auto; }
div.mainArea p.imageCaption { text-align:center; }
/* gallery pagination links */
div.pageNav, div.pageNavRetouch { float:left; margin:0px 0px 0px 30px; height:20px; }
div.pageNav span, div.pageNavRetouch span { float:left; border:1px solid #999999; padding:2px 6px 2px 6px; text-decoration:none; color:#999999; cursor:pointer; margin:0px 5px 0px 0px; }
div.pageNav span.current, div.pageNavRetouch span.current  { float:left; border:1px solid #999999; font:bold 12px Arial,Helvetica,sans-serif; padding:2px 6px 2px 6px; cursor:default; background:#999999; color:#ffffff; text-decoration:none; }
div#pageLoading { width:100%; position:absolute; top:300px; left:450px; }

/* gallery page themes */
div#wrapper.default { background:url('../images/gallery-bg/bg-wedding.jpg') no-repeat 0 0; height:770px; padding:20px 0px 0px 0px; } 
div#wrapper.kids { background:url('../images/gallery-bg/bg-kids.jpg') no-repeat 0 0; height:770px; padding:20px 0px 0px 0px; } 

/* testimonials */
div#addTestimonial { display:none; width:520px; min-height:380px; padding:40px; margin:0px; overflow:hidden; background:#ffffff url('../images/testimonials-watermark.jpg') no-repeat 10px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
a#addTestimony { cursor:pointer; }

/* faqs */
h2.cathead { margin:20px 0px 3px 0px; padding:0px; font-size:14px; line-height:16px; text-decoration:underline; }

/* retouching page */
div#retouchPg.pageNavRetouch { float:left; text-align:left; margin:0px 0px 10px 45px; height:20px; z-index:50; }
div#wrapper.retouch { height:740px; }
div#galleryretouch { clear:both; padding-top:0px; }

/* blog styling */
div.blogposts { width:70%; padding:3% 3% 3% 5%; border-right:solid 1px #999999; text-align:left; float:left; }
div.blogposts h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:22px; marin:0px 0px 5px 0px; padding:0px; }
div.blogcol { padding:3% 0% 3% 3%; float:left; }
div.blogRule { clear:both; width:100%; height:1px; margin:10px 0px 20px 0px; border-top:1px solid #000000; }
div.blogposts img { float:right; margin:0px 0px 20px 20px; border:1px solid #999999; }

/* social media block */
div.social { clear:both; padding:10px 0px 10px 0px; height:16px; color:#999999; }
div.social div { float:left; margin-right:10px; text-align:center; }

/* forms */
.frow { clear:both; padding-top:10px; min-height:22px; width:100%; }
.frow span.label { float:left; text-align:left; padding-right:5px; color:#000000; font-size:11px; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.frow span.field { float:left; padding-left:5px; color:#000000; font-size:11px; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.frow span.field input { border:1px solid #a9a9a9; }
.frow span.field select { border:1px solid #a9a9a9; }
.frow span.field textarea { border:1px solid #a9a9a9; font-size:11px; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; width:300px; }
.frow span.submitbtn { float:right; text-align:right; }
.formsecurity { text-align:center; clear:both; padding-top:10px; }
.formsecurity img { margin:10px 0px 10px 0px; border:0px; }
.formsecurity input { border:solid 1px #a9a9a9; }

/* basic mail form */
div#siteMail { margin:0px 0px 30px 50px; width:530px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; clear:both; padding-top:20px; }
form div.frow { clear:both; padding-top:3px; min-height:20px; }
form .frow span.label { float:left; text-align:left; padding-right:5px; width:90px; font-size:11px; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
form div.frow span.field { float:left; font-size:11px; line-height:16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
form div.frow span.field input, form .frow span.field textarea { border:1px solid #a9a9a9; font-size:11px; width:400px; font-family:Verdana, Arial, Helvetica, sans-serif; }
form div.mailSubmit { clear:both; text-align:right; padding:10px 27px 0px 0px; }
form .formsecurity { text-align:center; clear:both; padding-top:10px; }
form .formsecurity img { margin:10px 0px 10px 0px; border:0px; }
form .formsecurity input { border:1px solid #a9a9a9; font-size:11px; width:100px; }

div#statusbox { width:300px; min-height:100px; background-color:#ffffff; padding:30px 20px 20px 20px; text-align:left; display:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; -moz-border-radius:5px; -webkit-border-radius:5px; }
div#statusbox ul.errors, div#addTestimonial div#tErrorbox ul.errors { list-style:square; margin-top:0px; color:#ff0000; }
div#statusbox ul.success, div#addTestimonial div#tErrorbox ul.success { list-style:square; margin-top:0px; color:#090; }

#simplemodal-overlay { background-color:#000; }
#simplemodal-container a.modalCloseImg { background:url('../images/closeBtn.gif') no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:10px; right:5px; cursor:pointer; }

#cLogin { width:600px; margin:100px auto; text-align:center; font-size:1.5em; }
#cLogin input { padding:5px; font-size:.8em; width:200px; border:1px solid #000; }
#cLogin input[type=submit] { height:40px; font-weight:bold; color:#000; }

div.gallerylink { width:20%; height:150px; float:left; text-align:center; border:0; padding:1%; margin:1%; font-size:.8em; line-height:1.2em; }
div.gallerylink a { text-decoration:underline; cursor:pointer; }
div.popup-gallery { display:none; }