/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {position:relative; font-size:75%;color:#222; background:#d6d4d5 url(../images/layout/bg.jpg) top center repeat-y; font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.5em;margin-bottom:0.75em;}
h3 {font-size:1.2em;line-height:1;margin-bottom:1em;}
h4 {font-size:1em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:0.9em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:0.9em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em; color:#666;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
p#slogan { font-size:1em; font-style:italic; margin-top:46px; width:360px; float:left; }
p#callnow { font-size:2em; font-weight:bold; text-align:right; margin:35px 0px 0 0; color:#000; width:250px; float:left; }
p#callnow span {font-size:0.6em; color:#0D6D00; margin:none }
p#callnow span#ooh {color:#000; text-align:right; font-weight:normal;font-size:0.45em; width:250px; margin:0 0 4px 0; float:left; }
a:focus, a:hover {color:#000;} 
a {color:#0D6D00;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* layout css */
.container { width:984px; margin:0 auto; }
#nav { width:179px; float:left; margin-top:10px; text-align:center; }
#nav ul { list-style-type:none; width:179px; margin:0; padding:0; margin-top:10px; }
#nav ul li a {text-decoration:none; font-weight:bold; line-height:2.5em; display:block; padding-right:5px; width:164px; margin-left:10px; background:transparent url(../images/layout/nav.gif) top right repeat-y; color:#000; text-align:right; border-bottom:1px solid #13a200; }
#nav ul li a.first {background:transparent url(../images/layout/nav-top.gif) top right no-repeat; }
#nav ul li a.first:hover, #nav ul li.selected a.first {background:transparent url(../images/layout/nav-top-selected.gif) top right no-repeat !important; color:#fff; }
#nav ul li a:hover, #nav ul li.sub a:hover {background-color:#13a200; background-image:none;color:#fff; }
#nav ul li.selected a {background-color:#13a200 !important; background-image:none;color:#fff; }
#nav ul li a.last {background:transparent url(../images/layout/nav-bot.gif) bottom right no-repeat; border-bottom:none; }
#nav ul li a.last:hover, #nav ul li.selected a.last  {background:transparent url(../images/layout/nav-bot-selected.gif) bottom right no-repeat !important; color:#fff; }
#nav ul li.sub a { font-size:0.8em; background-image:none; background-color:#fff; border-bottom:none; }
#main {	width:626px; float:left; }
#content { background-color:#fff; margin:0px; padding:10px; min-height:300px; height:auto !important; height:300px; }
#cfa { width:169px; float:left; margin-top:10px; text-align:right; }
#footer { background:#0D6D00 url(../images/layout/footer-bg.gif) top left no-repeat; width:626px; margin:0 auto; color:#FFF; text-align:center; }
#footer p, #footer a { color:#fff; clear:both; text-decoration:none; }
#footer ul {float:left; width:125px; text-align:left; list-style-type:none; margin:10px 0 10px 50px; padding:0; }
html>body #footer ul {float:left; width:158px; }
#footer ul li a { font-size:0.8em; }
#footer ul li a:hover { text-decoration:underline; }
#headertag { background:transparent url(../images/layout/headertag-bg.gif) top left repeat-y; text-align:right; margin:0px 4px 4px 4px; }
#headertag span { width:388px; float:left; background-color:#0D6D00; margin-right:5px; padding-right:2px; }
#headertag span.headertagsmall { width:220px; border-right:0; float:left; margin-right:0; padding-right:0; }

#headertag div { width:388px; float:left; background-color:#0D6D00; margin-right:5px; padding-right:2px; }
#headertag div.headertagsmall { width:221px; border-right:0; float:left; margin-right:0; }

#headertag h4 { color:#FFF; font-size:1.8em; margin:0; padding:0; }
#headertag h4 a { color:#FFF; text-decoration:none; }
#headertag h4 a:hover {text-decoration:underline; }
#headertag p { color:#FFF; margin:0; padding:0; font-size:0.8em; }
.panel { cursor:pointer; }
.panel h6 { font-size:1.2em; }
.panel p { margin-left:40px; font-size:0.8em; color:#616161; }

.contacttop { background:transparent url(../images/layout/contact-top.gif) bottom left no-repeat; height:10px; }
.contact { background-color:#0c7000; margin:0; padding:0; padding-right:10px; }
.contact h6 { color:#fff; font-size:1.6em; }
.contact h6 a { color:#fff; text-decoration:none; }
.contact p { margin:0; padding:0; color:#fff; font-size:0.8em; }
.contactbot { background:transparent url(../images/layout/contact-bot.gif) top left no-repeat; height:10px; margin-bottom:40px; }
.catterytop { background:transparent url(../images/layout/cattery-top.gif) bottom left no-repeat; height:11px; }

.cattery, .opening, .specialdiets, .gallery { border:3px solid #fff; border-top:none; padding:5px; }
.gallery { border-bottom:none; }
.cattery { background-color:#d9ffd5; }
.opening { background-color:#eefec6; }
.specialdiets { background-color:#fef5c6; }
.gallery { background-color:#fde8c7; }
.gallerybot { background:transparent url(../images/layout/gallery-bot.gif) top left no-repeat; height:12px; }
.span-30, .span-10, .span-100 { float:left; }
.span-30 { width:380px; }
.span-10 { width:206px;padding-left:15px; }
.span-100 { width:599px; clear:both; }
img.right { float:right; margin:0 0 5px 5px; }

.contactform { background-color: #eefec6; border: 1px solid #C6D880; }
.contactform fieldset { border: none; }
.contactform legend { display:none; }
.contactform dt { float:left; width:40%; clear:left;}
.contactform dd { float:left; width:50%;  }
.contactform textarea { width:80%; }

html>body .contactform button { margin-left:45%; }

/* gallery */
.gal { text-align: center; padding-left:5px; }
.galthumb { width:116px; height:116px; display:block; float:left; background-color:#0D6D00; margin:0 2px 3px 0; }


.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
#flash {text-align:center; }
.field-validation-error { color:#f00; margin-left:5px; }
.input-validation-error { border:1px solid #f00 !important; }
.skipnav { display:none; }

/* lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }