html { padding: 0; }
body { background-color: #000; font: italic small "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #fff; margin: 0; }

a img { border: none; }
a { color: #ff5a00; font-weight: bold; }

h1 { color: #ff5a00; font-size: 1.6em; margin-top: 0px; margin-bottom: 0; padding-top: 8px; }

.clearFloats { clear: both; height: 0; overflow: hidden; }

#pageWrapper { width: 900px; margin: 0 auto; padding: 0px 40px 20px; border: solid 1px black; margin-top: 20px; }

#flash_notice, #flash_error { padding: 5px 8px; margin: 10px 0; }
#flash_notice { background-color: #CFC; border: solid 1px #6C6; color: #10721a; }
#flash_error { background-color: #FCC; border: solid 1px #C66; color: #b82b28; }
.fieldWithErrors { display: inline; }
#errorExplanation { width: 400px; border: 2px solid #CF0000; padding: 0px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0; }
#errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: 0; background-color: #c00; color: #fff; }
#errorExplanation p { color: #333; margin-bottom: 0; padding: 8px; }
#errorExplanation ul { margin: 2px 24px; }
#errorExplanation ul li { font-size: 12px; list-style: disc; }

#pageHeader { text-align: center; }
#pageHeader ul#straplines { list-style: none; padding: 0; margin: 10px auto; width: 685px; }
#pageHeader ul#straplines li { float: left; margin: 0 14px; font-style: italic;}
#pageHeader ul#straplines li strong { color: #ff5a00; font-weight: normal; }

#pageMiddle { border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin: 6px 0 3px; }
#contentArea { height: 580px; overflow: auto; margin: 25px 0; }

#footerNav { position: relative; height: 70px; margin: 0 auto; width: 770px; }
#footerNav ul { list-style: none; margin: 0; padding: 0; }
#footerNav ul li { float: left; margin: 0 5px; padding: 0; border-bottom: 1px solid #fff; width: 100px; text-align: center; line-height: 2.5em;}

#footerNav ul div { position: absolute; left: 0; bottom: 0; display: none; width: 100%;}
#footerNav ul div ul { width: 550px; margin: 0 auto; }
#footerNav a { text-decoration: none; color: #fff; font-weight: normal; font-style: italic; }
#footerNav a:hover { text-decoration: underline; color: #ffc387; }

#footerNav li.active>a { color: #ff5a00; }
#footerNav li.active>DIV { display: block; }

#pageFooter #copyright { text-align: center; margin-top: 20px; }


/************************************
** Front page
************************************/
#home p#introText { float: left; width: 778px; text-align: center; font-size: 1.45em; line-height: 1.6em; }
#home #intro p strong { color: #ff5a00; }
#home #inline1 p { text-align: left;  }
#home #intro img { float: right; }
#signature { margin-top: 23px; float: right; }
#slideoutContent { height: 270px; width:800px; background:#000; filter: alpha(opactiy=70); -mox-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; padding: 10px 20px; margin: 90px 0; }
#slideoutContent p { filter: alpha(opactiy=100); -mox-opacity:1; -khtml-opacity:1; opacity:1; color:#fff; line-height: 1.5em; font-size: 1.15em; font-style: italic; }

/************************************
** FAQs page(s)
************************************/
#faqsPage h1 { margin-bottom: 10px; }
#faqsPage #questions { float: left; margin: 10px 0 100px; padding: 0; list-style: none; }
#faqsPage #questions li { margin-bottom: 6px; }
#faqsPage #questions a { color: #fff; }
#faqsPage #questions a:hover { color: #ffc387; }
#faqsPage #answers { position: relative; float: right; width: 420px; }
#faqsPage .faq_answers { position: absolute; top: 0; right: 0; overflow: auto; }
#faqsPage .faq_answers h2 { margin: 0; font-weight: normal; font-size: 1.2em; margin-top: 10px; }
#faqsPage #contentArea { background: url(/images/faq.jpg) left bottom no-repeat; }

/************************************
** How we work
************************************/
#how-we-work h2 { font-style: italic; border-bottom: 1px solid #ff5a00; color: #fff; }

/************************************
** Links page
************************************/
#linksIndex #contentArea dl dt { font-size: 1.6em; font-style: italic; border-bottom: 1px solid #ff5a00; margin-top: 20px; }
#linksIndex #contentArea dl dd { margin: 5px 15px; }

/************************************
** Albums page
************************************/
#albumsPage p#intro { font-style: italic; }

/************************************
** Contact page
************************************/

#contact-us #contactPhoto { float: right; margin-left: 20px; }
#contact-us #socialLinks { margin-top: 10px; }
#contact-us #socialLinks img { vertical-align: middle; }
#contact-us h3 { color: #ff5a00; font-size: 2em; margin-top: 40px; }
#contact-us form p { width: 400px; }
#contact-us form label { display: block; float: left; width: 150px; }
#contact-us form input { width: 220px; }
#contact-us form input#submitButton { width: auto; }
#contact-us #callbackForm { width:500px;height:500px;overflow:auto; background: #000; }
#contact-us #callbackForm .gutter { margin: 0 auto; width: 400px; }
#contact-us #contanctDetails a { color: #fff; font-style: normal; }

/************************************
** Galleries Page
************************************/
#giftVouchers { float: right; }


/************************************
** Admin links
************************************/

#adminLinks { text-align: right; }