/* -- Reset the CSS -- */
*,h1,h2,h3,h4,h5,h6,h7,h8,p,div,body,html,ul,li,ol,img,a{margin:0;padding:0;}
.clear{clear:both;}
.hide{display:none;}
hr{display:none;}
a img{border:none;}
ul,ol,li{list-style:none}
a{outline:none;}

/* -- Start Styling -- */
body { background: #000 url(/_inc/img/bg.png) top left repeat-x; color: #bbb; font: 12px/1.6em Verdana, Arial, Helvetica, sans-serif normal; }

/* -- General Styles -- */
a { color: #d26527; text-decoration: none; }
a:hover,a:active,a:focus { color: #feb286; }
p { margin:0.2em 0 1em 0; }

/* -- Header -- */
#header { height: 160px; width: 960px; margin: 0 auto 0 auto; position: relative; }
#logo { position: absolute; top: 30px; right: 20px; }
#menu { position: absolute; top: 70px; left: 20px; }
#menu li { display: block; float: left; height: 30px; margin-right: 5px; }
#menu li a { background-position: 0px 0px; background-repeat: no-repeat; display: block; float: left; height: 30px; }
#menu li a span { text-indent: -9999em; background-position: 0px 0px; background-repeat: no-repeat; display: block; float: left; height: 30px; }
#menu-home a { background-image: url(/_inc/img/newmenu/menu2-home.gif); width: 62px; }
#menu-about a { background-image: url(/_inc/img/newmenu/menu2-about.gif); width: 68px; }
#menu-friends a { background-image: url(/_inc/img/newmenu/menu2-friends.gif); width: 84px; }
#menu-services a { background-image: url(/_inc/img/newmenu/menu2-services.gif); width: 88px; }
#menu-products a { background-image: url(/_inc/img/newmenu/menu2-products.gif); width: 96px; }
#menu-gallery a { background-image: url(/_inc/img/newmenu/menu2-gallery.gif); width: 82px; }
#menu-blog a { background-image: url(/_inc/img/newmenu/menu2-blog.gif); width: 61px; }
#menu-contact a { background-image: url(/_inc/img/newmenu/menu2-contact.gif); width: 86px; }
#menu-zoofans a { background-image: url(/_inc/img/newmenu/menu2-zoofans.gif); width: 91px; }
#menu li a:hover,#menu li a:active,#menu li a:focus { background-position: 0px -30px; }
#menu li.active a,#menu li.active a:hover { background-position: 0px -60px; }
#menu li.active a:focus,#menu li.active a:active { outline: none; background-position: 0px -60px; }

/* -- Body -- */
#body { width: 100%; overflow: hidden; }
#body #content { width: 960px; margin: 0 auto 0 auto; }

/* -- Flash -- */
#body #flash-gallery { width: 100%; min-width: 960px; outline: none; position: relative; }

/* -- Footer -- */
#footer { font: 10px Arial, Helvetica, sans-serif; background: #111; border-top: 1px solid #222; height: 39px; width: 100%; text-transform: uppercase; }
body.page-gallery #footer { position: absolute; bottom: 0px; }
#footer .copyright { color: #666; float: left; padding: 12px 12px 0 12px; }
#footer .siteby { float: right; padding: 12px 12px 0 12px; color: #444; }
#footer .siteby a { color: #666; }
#footer .siteby a:hover,
#footer .siteby a:focus,
#footer .siteby a:active { color: #ddd; }

/* -- Content -- */
#content { width: 940px; margin: 0 auto 0 auto; overflow: hidden; }
#content .page { margin-left: 220px; /* -- Fix Font Rendering in Mac -- */ text-shadow: 0 0 0 #000; /* -- opacity:0.99; -- Damages antialiasing -- */ }
#content .page .inner, #content-blog .page .inner { padding: 20px 0 10px 0; width: 100%; overflow: hidden; }
#content .page .innerblog, #content .page .innerblog { padding: 20px 0 0 0; }
#smoke { width: 200px; float: left; outline: none; }
#home-flash { outline: none; }

#content-blog { width: 960px; margin: 0 auto 0 auto; overflow: hidden; padding: 20px 0 0 0; }
#content-blog .page { margin: 0; width: 750px; }
#content-blog #sidebar { float: right; width: 180px; }
#content-blog #sidebar h2 { font: normal 18px "Palatino Linotype", "Palatino Roman", "Palatino LT Std", Georgia, "Times New Roman", Times, serif normal; color: #fff; }
#content-blog #sidebar ul { margin: 0 0 15px 0; }
#content-blog #sidebar ul li { padding-left: 25px; background: url(/_inc/img/ul.png) no-repeat 10px 9px; }

#body .page h1,.page h2,.page h3,#flash-gallery h1 { font-family: "Palatino Linotype", "Palatino Roman", "Palatino LT Std", Georgia, "Times New Roman", Times, serif normal; }

#body .page h1,#flash-gallery h1 { font: 36px normal; color: #fff; }
#body .page h2 { font: 28px normal; color: #fff; }
#body .page h3 { font: 18px normal; color: #D26527; }
#body .page h2 a { color: #d76829; }
.blogpost { border-top: 1px solid #222; padding: 16px 0 10px 0; }
.firstpost { border: none !important; padding-top: 0px !important; }
.blogpost .date { font-size: 11px; color: #444; padding: 0 0 5px 0; margin-top: -2px; }
#body .page h2 a:hover { color: #fff; }
span.edit-link { float: right; font-size: 11px; font-weight: bold; }

#body .page ul { margin: 0.2em 0 1em 0; }
#body .page ul li { padding-left: 25px; background: url(/_inc/img/ul.png) no-repeat 10px 9px; }
#body .page ol { margin: 0.2em 0 1em 25px; }
#body .page ol li { list-style: decimal; }

/* -- Home Page -- */
#home-page { width: 758px; height: 416px; margin: 30px auto 20px auto; }
#home-welcome { background: url(/_inc/img/home-fallback.jpg) top right no-repeat; width: 758px; height: 416px; position: relative; }
#home-welcome h1,#home-welcome h2 { text-indent: -9999em; height: 50px; display: block; }
#home-welcome .text { top: 200px; left: 380px; position: absolute; width: 360px; line-height: 1.2em; }
#home-welcome .getflash { top: 30px; left: 460px; position: absolute; width: 200px; line-height: 1.2em; text-align: center; }
#home-welcome .getflash div { padding-bottom: 10px; }

/* -- Blog Comments -- */
#body .page .blog-comments h2 { padding-bottom: 10px; }
h2#comments { padding: 15px 0 10px 0; border-top: 1px solid #222; }
ol#commentlist li span.edit { float: right; }
ol#commentlist li .notice { padding: 10px; background: #222; color: #fff; }
ol#commentlist li, form#commentform { background: #181818; padding: 10px 15px 6px 15px; margin-bottom: 15px; font-size: 11px; }
ol#commentlist li.comment-author span.edit { float: right; font-weight: bold; }
ol#commentlist li.comment-author .comment-header { padding-bottom: 6px; }
ol#commentlist li.comment-author a.comment-permalink { color: #666; border-bottom: 1px dotted #333; }
#commentform input.pushbutton-wide { padding: 6px 20px 6px 20px; }
#commentform textarea#comment,
form.contactform #comments { width: 98%; padding: 6px; font: 12px/1.6em Verdana, Arial, Helvetica, sans-serif normal; }
#commentform .overflow { width: 100%; overflow: hidden; padding-bottom: 10px; }
#commentform .commentbox { float: left; }
#commentform .formatting { float: right; font-weight: bold; }
#commentform #tags-allowed { background: #222; color: #666; padding: 13px 13px 4px 13px; margin-bottom: 10px; }
#commentform #tags-allowed h4 { font-size: 11px; font-weight: bold; color: #888; }
#commentform #tags-allowed code { color: #888; }
#commentform #comment-author input { padding: 2px; font: 12px Verdana, Arial, Helvetica, sans-serif normal; margin-right: 6px; }
#commentform #comment-author .required { color: #444; }
#commentform #tags-allowed .close { float: right; }

/* -- Comment Form -- */
form.contactform fieldset { background: #181818; padding: 10px 15px 10px 15px; margin: 0 0 15px 0; border: none; text-indent: 0; display: block; }
form.contactform fieldset.buttons { background: none; padding: 0; margin: 0; width: 100%; overflow: hidden; border: none; text-indent: 0; display: block; }
form.contactform fieldset.buttons .reqnote { float: right; }
form.contactform button.submit { padding: 6px 20px 6px 20px; }
form.contactform label.left { float: left; width: 140px; }
form.contactform span.required { color: #911; font-size: 10px; font-weight: bold; }
form.contactform ol li { width: 100%; overflow: hidden; padding: 2px 0 2px 0; list-style-type:none !important }
form.contactform fieldset h4 { font-size: 12px; font-weight: bold; color: #ddd; }
form.contactform ol li input { padding: 3px; font: 12px Verdana, Arial, Helvetica, sans-serif normal; }
form.contactform ol li.refer label { display: block; float: left; width: 235px; }
form.contactform .errormsg { font-size: 11px; font-weight: bold; color: #911; }
form.contactform #country { width: 177px; height: 20px; }

h1.h1-offset { margin: -10px 0 -10px -10px; padding: 10px 0 10px 10px; }
h1.h1-about { background: url(/_inc/img/h1-about.gif) 0px 0px no-repeat; }
h1.h1-services { background: url(/_inc/img/h1-services.gif) 0px 0px no-repeat; }
h1.h1-products { background: url(/_inc/img/h1-products.gif) 0px 0px no-repeat; }
h1.h1-contact { background: url(/_inc/img/h1-contact.gif) 0px 0px no-repeat; }
h1.h1-zoo-fans { background: url(/_inc/img/h1-zoofansclienttestimonials.png) 0px 0px no-repeat; }
h1.h1-friends { background: url(/_inc/img/h1-friends.gif) 0px 0px no-repeat; }
h1.h1-display-ideas { background: url(/_inc/img/h1-displayideas.png) 0px 0px no-repeat; }
h1.h1-display-products { background: url(/_inc/img/h1-displayproducts.png) 0px 0px no-repeat; }
h1.h1-faqs { background: url(/_inc/img/h1-faqs.png) 0px 0px no-repeat; }
h1.h1-gift-vouchers { background: url(/_inc/img/h1-giftvouchers.png) 0px 0px no-repeat; }
h1.h1-packages { background: url(/_inc/img/h1-packages.png) 0px 0px no-repeat; }
h1.h1-preparation { background: url(/_inc/img/h1-preparation.png) 0px 0px no-repeat; }
h1.h1-the-shoot { background: url(/_inc/img/h1-theshoot.png) 0px 0px no-repeat; }
h1.h1-the-viewing { background: url(/_inc/img/h1-theviewing.png) 0px 0px no-repeat; }
h1.h1-why-zoo-studio { background: url(/_inc/img/h1-whyzoostudio.png) 0px 0px no-repeat; }
h1.h1-join-us-on-facebook { background: url(/_inc/img/h1-joinusonfacebook.png) 0px 0px no-repeat; }
h1.h1-zoo-experience { background: url(/_inc/img/h1-yourzooexperience.png) 0px 0px no-repeat; }
h1.h1-wall-art-collections { background: url(/_inc/img/h1-wallartcollections.png) 0px 0px no-repeat; }

img.alignright { float: right; margin-left: 10px; }
img.alignleft { float: left; margin-right: 10px; }
div.friend { width: 100%; overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #222; margin-bottom: 10px; }
div.testimonial { width: 735px; overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #222; margin-bottom: 10px; }
div.testimonial .alignright { margin: 0 0 0 10px; }
div.testimonial .alignleft { margin: 0 10px 0 0; }

#flash-gallery #content { text-align: center; width: 400px; padding: 50px 0 20px 0; }

#body ul.contentlist { margin: 10px; }

#body ul.contentlist li { padding:0 0 10px 25px; background: url(/_inc/img/bullet.gif) 0px 5px no-repeat; }

.innerblog hr{ display:block; color:#000; background-color:#000; border-color:#000; border-style:solid; border-width:thin; clear:both; margin:20px 0; }

div.box h2{clear:both}

/* ---------- March 10, 2010 - Menu Update ---------- */
body #header #menu li { height: 29px; margin: 0 4px 0 0; position: relative; z-index: 9000; cursor: pointer; }
body #header #menu li a { height: 29px; background-repeat: no-repeat; background-position: 0 0; }
body #header #menu li a:hover, body #header #menu li:hover a, body #header #menu li.hover a { background-position: 0 -100px; }
body #header #menu li.active a { background-position: 0 -200px; }
body #header #menu li.active a:hover, body #header #menu li.active:hover a { background-position: 0 -300px; }
body #header #menu li#menu-home a { background-image: url(/_inc/img/menu2-home.png); width: 59px; }
body #header #menu li#menu-about a { background-image: url(/_inc/img/menu2-about.png); width: 66px; }
body #header #menu li#menu-about ul { width: 120px; }
body #header #menu li#menu-products a { background-image: url(/_inc/img/menu2-products.png); width: 92px; }
body #header #menu li#menu-products ul { width: 150px; }
body #header #menu li#menu-gallery a { background-image: url(/_inc/img/menu2-gallery.png); width: 80px; }
body #header #menu li#menu-zooexperience a { background-image: url(/_inc/img/menu2-zooexperience.png); width: 136px; }
body #header #menu li#menu-zooexperience ul { width: 136px; }
body #header #menu li#menu-blog a { background-image: url(/_inc/img/menu2-blog.png); width: 56px; }
body #header #menu li#menu-blog ul { width: 160px; }
body #header #menu li#menu-contact a { background-image: url(/_inc/img/menu2-contact.png); width: 82px; }
body #header #menu li#menu-zoofans a { background-image: url(/_inc/img/menu2-zoofans.png); width: 87px; }
body #header #menu li ul { position: absolute; left: -9999em; top: 29px; background: #212121; -khtml-border-bottom-right-radius: 4px; -khtml-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; font: normal 10px Verdana, Geneva, sans-serif; color: #666; text-shadow: 0 1px 0 rgba(0,0,0,0.5); padding: 6px 0 6px 0; text-transform: uppercase; z-index: 9010; box-shadow: 0 2px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5); }
body #header #menu li ul li { width: auto !important; height: auto !important; background: none !important; }
body #header #menu li ul li a { width: auto !important; height: auto !important; background: none !important; color: #666; padding: 0 10px 4px 10px; display: block; }
body #header #menu li ul li.current_page_item a { color: #fff; }
body #header #menu li ul li a:hover { color: #d76829; }
body #header #menu li:hover ul, body #header #menu li.hover ul { left: 0px; z-index: 9020; }

a#facebook-button { background: url(/_inc/img/facebook.png) no-repeat 0 0; width: 200px; height: 30px; display: block; cursor: pointer; overflow: hidden; font-size: 1px; text-indent: -9999em; }
a#facebook-button:hover, a#facebook-button:focus { background-position: 0 -30px; }
a#facebook-button:active { background-position: 0 -60px; }

#body .page-faqs blockquote { padding: 0 0 0 25px; }
#body .page-faqs h4 { padding: 0 0 0 25px; background: url(/_inc/img/bullet.gif) no-repeat 0 0; color: #d7682a; }