/*  M A I N   W E B S I T E   S T Y L E S  */

body {
     background-color: #F8F8F8;
     padding: 0;
     margin: 0;
     line-height: 100%;
     }

h1   {
     display: none;
     }

h2   {
     font-family: "Times New Roman", Times, Georgia, serif;
     font-size: 25px;
     font-style: italic;
     line-height: 45px;
     letter-spacing: 1px;
     font-weight: normal;
     color: #54606E;
     margin: 15px 0 0 20px;
     padding: 0;
     }

h3   {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 13px;
     font-weight: bold;
     color: #54606E;
     padding: 0;
     margin: 0;
     line-height: 100%;
     }

p, a, li {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-weight: normal;
     color: #54606E;
     line-height: 100%
     padding: 0;
     margin: 0;
     }

blockquote {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-weight: normal;
     color: #54606E;
     line-height: 160%
     margin: 0;
     padding-left: 5px;
     border-left: 2px solid #e8e8e8;
     }

a:link, a:visited {
     color: #54606E;
     text-decoration: underline;
     }

a:hover, a:active {
     color: #A19958;
     text-decoration: underline;
     }

img, a img, img a {
     border: 0;
     outline: 0;
     padding: 0;
     margin: 0;
     }

#container {
     background-color: #E1E0EA;
     width: 750px;
     margin: auto;
     padding: 0;
     border: 1px solid #BCBAC9;
     }

#topbar {
     background-color: #54606E;
     width: 750px;
     height: 52px;
     margin: 0;
     padding: 0;
     }

#logoimg {
     height: 52px;
     width: 52px;
     background: url('../images/celtic_dog_listener_logo.jpg') no-repeat;
     float: left;
     padding: 0;
     margin: 0;
     }

#headingtext {
     height: 52px;
     width: 305px;
     background: url('../images/celtic_dog_listener_h1.jpg') no-repeat;
     float: left;
     margin: 0;
     padding: 0;
     }

#headingtel {
     height: 52px;
     width: 226px;
     background: url('../images/celtic_dog_listener_telephone.jpg') no-repeat;
     margin: 0 0 0 167px;
     float: left;
     padding: 0;
     }

#header {
     width: 750px;
     height: 315px;
     background: url('../images/celtic_dog_listener_header.jpg') no-repeat;
     padding: 0;
     margin: 0;
     }

#navigation {
     background-color: #54606E;
     width: 750px;
     height: 35px;
     padding: 0;
     margin: 0;
     }

#navigation a {
     float: left;
     padding: 0;
     margin: 0;
     }

#home {
     float: left;
     background: url('../images/home.jpg') no-repeat;
     height: 35px;
     width: 91px;
     }

#home:hover, #home:active {
     background: url('../images/home_2.jpg') no-repeat;
     }

#home.current {
     background: url('../images/home_over.jpg') no-repeat;
     }

#about {
     float: left;
     background: url('../images/about.jpg') no-repeat;
     height: 35px;
     width: 105px;
     }

#about:hover, #about:active {
     background: url('../images/about_2.jpg') no-repeat;
     }

#about.current {
     background: url('../images/about_over.jpg') no-repeat;
     }

#training {
     float: left;
     background: url('../images/training.jpg') no-repeat;
     height: 35px;
     width: 132px;
     }

#training:hover, #training:active {
     background: url('../images/training_2.jpg') no-repeat;
     }

#training.current {
     background: url('../images/training_over.jpg') no-repeat;
     }

#gallery {
     float: left;
     background: url('../images/gallery.jpg') no-repeat;
     height: 35px;
     width: 120px;
     }

#gallery:hover, #gallery:active {
     background: url('../images/gallery_2.jpg') no-repeat;
     }

#gallery.current {
     background: url('../images/gallery_over.jpg') no-repeat;
     }

#faqs {
     float: left;
     background: url('../images/faqs.jpg') no-repeat;
     height: 35px;
     width: 82px;
     }

#faqs:hover, #faqs:active {
     background: url('../images/faqs_2.jpg') no-repeat;
     }

#faqs.current {
     background: url('../images/faqs_over.jpg') no-repeat;
     }

#link {
     float: left;
     background: url('../images/link.jpg') no-repeat;
     height: 35px;
     width: 89px;
     }

#link:hover, #link:active {
     background: url('../images/link_2.jpg') no-repeat;
     }

#link.current {
     background: url('../images/link_over.jpg') no-repeat;
     }

#contact {
     float: left;
     background: url('../images/contact.jpg') no-repeat;
     height: 35px;
     width: 120px;
     }

#contact:hover, #contact:active {
     background: url('../images/contact_2.jpg') no-repeat;
     }

#contact.current {
     background: url('../images/contact_over.jpg') no-repeat;
     }

#content {
     background-color: #FFF;
     width: 750px;
     line-height: 160%;
     }

#main {
     background-color: #FFF;
     color: #54606E;
     width: 510px;
     float: left;
     padding-left: 17px;
     padding-top: 12px;
     }

#main a, #main p, #main h3 {
     padding: 4px 0;
     }

#main p, #main h3 {
     padding-bottom: 9px;
     }

#main ul {
     margin-top: 0;
     }

#links table, #links tr, #links td, #links p, #links a {
     padding: 0;
     margin: 0;
     }

#links td {
     padding-left: 20px;
     }

#linktable table, tr, td, a {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
     line-height: 105%;
     }

#linktable table, td {
     border: 0;
     }

#linktable table, tr {
     padding: 0;
     margin: 0;
     }

#linktable tr {
     border-bottom: 1px solid #eee;
     }

#linktable td {
     padding-left: 5px;
     }

#linktable h4 {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-weight: bold;
     }

#thumbs {
     width: 374px;
     height: 394px;
     border: 1px solid #eee;
     padding: 10px;
     margin: 20px 60px 0 60px;
     }

#thumbs table {
     padding: 0;
     margin: 0;
     }

#thumbs img {
     margin: 0;
     padding: 0;
     }

#sidebar {
     background-color: #E1E0EA;
     float: left;
     padding-top: 12px;
     padding-left: 17px;
     height: 300px;
     width: 200px;
     }

#sidebar ul {
     list-style-type: none;
     padding: 0 0 0 8px;
     margin: 0;
     font-style: italic;
     }

#sidebar li:hover, #sidebar li:active {
     padding-left: 2px;
     color: #A19958;
     }

#sidebar li, #sidebar h3 {
     padding: 6px 0;
     color: #888699;
     line-height: 130%;
     }

#sidebar h3 {
     padding-bottom: 10px;
     }

#thumbnails {
     clear: both;
     width: 750px;
     height: 101px;
     background-color: #FFF;
     }

#thumbnails img {
     width: 93px;
     height: 75px;
     border: 1px solid #BCBAC9;
     padding: 0;
     margin: 13px 13px;
     }

#footer {
     background-color: #54606E;
     width: 750px;
     height: 40px;
     }

#footer p, #footer a {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10px;
     font-weight: normal;
     text-decoration: none;
     letter-spacing: 100%;
     line-height: 130%;
     color: #BCBAC9;
     padding: 6px 5px 0 5px;
     margin: 0;
     }

#footer a:hover, #footer a:active {
     color: #A19958;
     }

#left {
     width: 360px;
     float: left;
     text-align: left;
     }

#right {
     width: 360px;
     float: right;
     text-align: right;
     }

/*  L I G H T B O X   S T Y L E S  */

#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); 
     display: block;
     }

#prevLink {
     left: 0;
     float: left;
     }

#nextLink {
     right: 0;
     float: right;
     }

#prevLink:hover, #prevLink:visited:hover {
     background: url(../images/prevlabel.gif) left 15% no-repeat;
     }

#nextLink:hover, #nextLink:visited:hover {
     background: url(../images/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;
     }

/*  C O N T A C T   F O R M   S T Y L E S  */

#fcf2 {
     font-family: Verdana;
     font-size: 11px;
     margin: 3px;
     border: 1px solid #ddd;
     background-color: #FFF;
     width: 450px;
     }

#fcf2 h3 {
     font-size: 10px;
     background-color: #3D5686;
     color: #FFFFFF;
     font-weight: bold;
     padding: 4px;
     margin: 0px;
     }

#fcf2 p {
     text-align: center;
     font-size: 10px;
     padding: 8px;
     }

#fcf2 a {
     font-size: 11px;
     }

#fcf2 em {
     color: #F00;
     }

#fcf2 div.r {
     clear: both;
     padding-top: 3px;
     background-color:#FFF;
     }

#fcf2 label {
     float: left;
     width: 130px;
     text-align: right;
     }

#fcf2 span.f {
     float: right;
     width: 305px;
     text-align: left;
     }

#fcf2 div.sp {
     clear: both;
     }

#fcf2 .req {
     font-weight: bold;
     }

#fcf2 input, #fcf2 textarea {
     background: #FFF;
     border: 1px solid #aaa;
     padding: 2px;
     }

#fcf2 input:focus, #fcf2 textarea:focus {
     background: #f2f2f2;
     border: 1px solid #3D5686;
     }