/*
*       Dog Tired
*/

/* -------------------------------------------------------------------------------- */
/* Reset */
/* -------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; }
:focus { outline:0; } body { line-height:1; color:black; background:white; } ol, ul { list-style:none; } table { border-collapse:separate; border-spacing:0; } caption, th, td { text-align:left; font-weight:normal; } blockquote:before, blockquote:after, q:before, q:after { content:''; } blockquote, q {	quotes:'' ''; }
article, aside, figure, footer, header, hgroup, nav, section { display: block; } img, object, embed {max-width: 100%;} form { margin:0; }

html { overflow-y: scroll; }

/* Tables */
table { font-size:inherit; font:100%; border-collapse:collapse; border-spacing:0; }
td, td img { vertical-align:top; } 
th { font-weight:bold; vertical-align:bottom; }
td { font-weight:normal; vertical-align:top; }

/* Clearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display:block; height:0; line-height:0; clear:both; visibility:hidden; overflow:hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* Image fixes */
.ie7 img {-ms-interpolation-mode: bicubic;}
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}


/* -------------------------------------------------------------------------------- */
/* Typography */
/* -------------------------------------------------------------------------------- */


@font-face {
    font-family: 'WalkwayBlackRegular';
    src: url('fonts/Walkway_Black-webfont.eot');
    src: url('fonts/Walkway_Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Walkway_Black-webfont.woff') format('woff'),
         url('fonts/Walkway_Black-webfont.ttf') format('truetype'),
         url('fonts/Walkway_Black-webfont.svg#WalkwayBlackRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'WalkwayObliqueBlackRegular';
    src: url('fonts/Walkway_Oblique_Black-webfont.eot');
    src: url('fonts/Walkway_Oblique_Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Walkway_Oblique_Black-webfont.woff') format('woff'),
         url('fonts/Walkway_Oblique_Black-webfont.ttf') format('truetype'),
         url('fonts/Walkway_Oblique_Black-webfont.svg#WalkwayObliqueBlackRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html { font-size:62.5%; line-height:110%; }

body { font-family: Arial, Helvetica, sans-serif; color:#7A5643; font-size:16px; font-size:1.6rem; }

h1,h2,h3,h4 { padding:0; }

h1 { margin:25px 0; font-weight:normal; font-family:'WalkwayBlackRegular';		 font-size:36px; font-size:3.6rem; line-height:41px; line-height:4.1rem; color:#7A5643; }
h2 { margin:20px 0; font-weight:normal; font-family:'WalkwayBlackRegular'; 		 font-size:24px; font-size:2.4rem; line-height:33px; line-height:3.3rem; color:#7A5643; }
h3 { margin:18px 0; font-weight:bold;   font-family:Arial, Helvetica, sans-serif;font-size:21px; font-size:2.1rem; line-height:31px; line-height:3.1rem; color:#FFFFFF; }

h6 { margin-top: 12px;	 			    font-family:'WalkwayBlackRegular';       font-size:14px; font-size:1.4rem; color:#789245; }

p { margin:10px 0 13px 0; font-size:16px; font-size:1.6rem; line-height:23px; line-height:2.3rem;}

a { vertical-align:baseline; color:#B58066; font-weight:bold; text-decoration:none; background:transparent;}
a:hover,a:active { color:#DFEFF0; }

ul { margin:0 0 20px 20px; list-style:url('images/bullet.gif'); }
ol { margin:20px 0 20px 20px; list-style:outside decimal; }
ul li,
ol li { margin:31px 0; color:#FFFFFF;}

strong { font-weight:bold;}
em { font-style:italic; }
sub { font-size:11px; }
small { font-size:85%; }
del { text-decoration:line-through; }


blockquote { padding-left:49px; color:#DFEFF0; font-size:18px; line-height:24px; }
blockquote:before { width:46px; height:42px; margin:-22px 0 0 -49px; display:block; float:left; content:url(images/dt-start-quote.png); }
blockquote:after { width:46px; height:42px; margin-top:8px; float:right; display:block; content:url(images/dt-end-quote.png); }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

abbr[title], dfn[title] { border-bottom:1px dotted #fff; cursor:help; }

hr { display:block; height:1px; border:0; border:none; border-top:1px solid #ccc; margin:1em 0; padding:0; }

embed#deployJavaPlugin { display:none; }

span {color:#ADD361;}

/* -------------------------------------------------------------------------------- */
/* Buttons, inputs */
/* -------------------------------------------------------------------------------- */

label {width:125px; padding:8px 0; float:left; color:#E6E7E8; font-size:14px; font-size:1.4rem;}
input,select,textarea {width:309px; padding:5px; color:#666; display:inline-block; float:left; font-size:14px; font-size:1.4rem; border:none; border:1px solid #ccc;}
input, select { vertical-align:middle;}
input:focus,select:focus,textarea:focus { color:#111; }
select { width:319px; }
button { width:auto; overflow:visible; }
input[type="radio"] { width:auto !important; vertical-align: text-bottom; borders:none;}
input[type="checkbox"] { width:auto !important; vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
.clickable, input[type=button], input[type=submit], button { cursor: pointer; }

.row {clear:both; padding:7px 0; overflow:auto; color:#fff;}
.row span {display:inline-block; font-size:14px; font-size:1.4rem; padding:8px 6px 8px 0;}
.button,
.send { width:150px; margin-left:125px; padding:5px; color:#7A5643; border-color:#ADD361; font-weight:bold;
background: #ADD361; /* Old browsers */
background: -moz-linear-gradient(top,  #ADD361 40%, #789245 60%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#ADD361), color-stop(60%,#789245)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ADD361 40%,#789245 60%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ADD361 40%,#789245 60%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ADD361 40%,#789245 60%); /* IE10+ */
background: linear-gradient(to bottom,  #ADD361 40%,#789245 60%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ADD361', endColorstr='#789245',GradientType=0 ); /* IE6-9 */
}
.button:hover,
.send:hover {background:#DFEFF0; border-color:#789245;}

/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* Layout */
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */

* { margin:0; padding:0; }
html,body { width:100%; height:100%; min-width:100%; min-height:100%; margin:0; background:#ADD361; }

.longGrass { width:100%; height:46px; background:url(images/dt-h-f-grass-repeat.png) center center repeat-x; }
.shortGrass { width:100%; height:43px; background:url(images/dt-body-grass.png) center top repeat-x; }

.soilBkgd { width:100%; background:url('images/dt-soil-bkgd.jpg') center center repeat; }
.soilBkgd h1 { color:#ADD361; }
.soilBkgd h2 { color:#DFEFF0; }
.soilBkgd p { color:#ADD361; }
.soilBkgd ul { list-style:url('images/soil-bullet.gif'); }

.borderBottom { border-bottom:3px solid #fff; }
.borderTop { border-top:3px solid #fff; }


/* -------------------------------------------------------------------------------- */
/* Header */
/* -------------------------------------------------------------------------------- */

header { width:100%; height:230px; background:#DFEFF0; border-bottom:3px solid #FFFFFF;} 

#headerContent { width:960px; height:142px; margin:0 auto; padding:0 16px; position:relative; }
#headerContent .cloudLeft { width:76px; height:44px; display:block; position:absolute; left:-93px; top:7px; background:url(images/dt-cloud-left.png) center center no-repeat; }
#headerContent .cloudCentre { width:165px; height:77px; display:block; position:absolute; left:466px; top:7px; background:url(images/dt-centre-clouds.png) center center no-repeat; }

#headerContent a.logo {width: 400px; height: 107px; margin: 12px 0 0 0; display: block; float:left; overflow: hidden; border: none; background: url(images/york-dog-tired-logo.png) center center no-repeat; font: 0/0 a; text-shadow: none; color: transparent; } 

#headerContact { height:60px; margin:38px 0 0 0; padding:0 8px; float:right; text-decoration:none; font-family:'WalkwayBlackRegular'; text-align:right; }
#headerContact .headerTel { margin-bottom:16px; font-size:30px; font-size:3.0rem; }
#headerContact .headerEmail { font-size:24px; font-size:2.4rem;}
#headerContact .headerEmail a { color:#ADD361; }
#headerContact .headerEmail a:hover { color:#7A5643; }


/* Main Navigation */

nav { width:100%; height:42px; background:#ADD361 url(images/dt-h-f-grass-repeat.png) center top repeat-x; }

nav ul { width:960px; margin:0 auto; padding:0; list-style:none; }
    nav ul li { float:left; margin:0 16px 0 0;}
    nav ul li a { height:27px; display:block; padding:4px 0 12px 24px; margin:0; color:#7A5643; text-decoration:none; font-weight:normal; font-size:20px; font-family:'WalkwayBlackRegular'; background:url('images/dt-nav-selected.png') left -30px no-repeat; border:none; } 
    nav ul li a:hover,
	nav ul li a.current { background-position: left top; }

li.social { float:right; margin:0 0 0 10px; }
li.social a { width:35px; height:35px; padding:0; display:block; background-position: center top; background-repeat:no-repeat; }
li.facebook a { background:url(images/facebook_btn.jpg); }
li.googlePlus a { background:url(images/googleplus-icon.jpg); }
li.social a:hover { background-position:center bottom; }


/* -------------------------------------------------------------------------------- */
/* Slideshow */
/* -------------------------------------------------------------------------------- */

.slideshowHolder { width:960px; height:440px; margin:0 auto; position:relative; }
.slideshowLeft, 
.slideshowRight { width:135px; height:440px; position:absolute; top:0; z-index:999999; }
.slideshowLeft  { left:0; background:url(images/dt-muddy-paws-left.png) left top no-repeat; }
.slideshowRight { right:0; background:url(images/dt-muddy-paws-right.png) right top no-repeat; }

ul.slideshow,
ul.slideshow li { margin:0; }
ul.slideshow { list-style:none; height:440px; }

/* -------------------------------------------------------------------------------- */
/* Main Area */
/* -------------------------------------------------------------------------------- */


.contentWrapper { width:960px; margin:0 auto; overflow:auto; clear:both; }

#servicesBar { width:310px; margin:100px 0 30px 0; overflow:auto; padding: 16px 0 0 0; float:right; background:#fff; }
#servicesBar h1 { margin-top:0; margin-left:16px; }
#bodyContent { width:595px; margin-right:24px; padding-left:16px; float:left; }

.bodyImage { width:300px; height:213px; padding:0 0 16px 16px; float:right;}
.bodyImage img { border:3px solid #7A5643; }
.bodyImage .shortGrass { margin-top:-43px; position:relative; }


/* Services Menu */

ul#servicesNav,
ul#servicesNav li { margin:0; }
ul#servicesNav { list-style:none; }
ul#servicesNav li { height:143px; margin:0 0 0 16px; float:none; overflow:visible; }
ul#servicesNav li a { width:271px; padding:93px 7px 5px 0; display:block; text-align:right; font-family:'WalkwayBlackRegular'; font-weight:normal; font-size:24px; font-size:2.4rem; line-height:33px; line-height:3.3rem; color:#7A5643; border:none; border-bottom:3px transparent; box-shadow: 0 3px 5px rgba(0,0,0,0.3); }

ul#servicesNav li.walking a  { background:url(images/dt-sbtn-walking.jpg) center center no-repeat; }
ul#servicesNav li.feeding a  { background:url(images/dt-sbtn-feeding.jpg) center center no-repeat; }
ul#servicesNav li.taxi a     { background:url(images/dt-sbtn-taxi.jpg) center center no-repeat; }
ul#servicesNav li.visits a   { background:url(images/dt-sbtn-visits.jpg) center center no-repeat; }
ul#servicesNav li.boarding a { background:url(images/dt-sbtn-dog-boarding.jpg) center center no-repeat; }
ul#servicesNav li.small a    { background:url(images/dt-sbtn-small-animals.jpg) center center no-repeat; }

ul#servicesNav li.overview	 { height:46px; }
ul#servicesNav li.overview a { padding-top:0; background:url(images/dt-sbtn-overview.jpg) center center no-repeat; }

ul#servicesNav li.active a,
ul#servicesNav li a:hover { color:#DFEFF0; box-shadow:none; border:none; border-top:3px solid transparent; }


/* Services and Prices */

.services #servicesBar { float:left; margin-top:25px; overflow:visible; }
.services #bodyContent p { clear:both; }
.services strong { color:#DFEFF0; }

.tabContent { width:600px; margin-top:25px; padding:0 16px 46px 16px; min-height:917px; position:relative; float:right; color:#DFEFF0; }
.tabContent .shortGrass { position:absolute; left:0; bottom:0; }
.tabContent img { margin-right:16px; float:left; }

.services ul#servicesNav li { width:310px; }
.services ul#servicesNav li.active { background:url(images/service-marker.png) right center no-repeat; }


/* Services Tab Columns */

.col { width:292px; float:left;}
.col.one { margin-right:16px; }

ul.col { width:272px; }


/* prices layout */

.priceRow { width:373px; height:82px; margin-bottom:6px; clear:both; text-align:center; border:1px solid #B58066; border-width:1px 0px 1px 1px; }

.pRow { height:66px; padding: 8px 0; float:left; }

.rTitle { width:229px; text-align:left; background:rgba(181,128,102,0.5); }
.rCost  { width:66px;  border-right:1px solid #B58066; }
.rTime  { width:76px;  border-right:1px dotted #ADD361; }
.rFull  { width:142px;  border-right:1px dotted #ADD361; }

.priceRow p { margin:0; padding:5px; color:#DFEFF0; }
.priceRow p strong { color:#ADD361; }


/* Pices Custom Layouts */

#walking .rTime p:first-child,
#walking .rCost p:first-child { border-bottom:1px solid #B58066; }

#small .priceRow { width:276px; height:54px; }
#small .pRow { height:38px; }
#small .rTitle { width:209px; }

.priceRow.tall  {height:110px; }
.pRow.tall {height:94px !important; padding 0;}
.rCost.tall {height: 110px;}
.rFull.tall {height: 110px;}
.rTime.tall {height: 110px;}

.sitting { height:164px; }
.sitting .pRow { height:148px; }


/* Contact Page */

#contactdogtired { margin-bottom:56px; }
.message { color:#F00;}


/* Testimonials Page */

.testimonials #bodyContent p { padding-left:49px; margin-bottom:60px; }

.testimonialsHolder h1 { margin:0; }


/* -------------------------------------------------------------------------------- */
/* Sub Content */
/* -------------------------------------------------------------------------------- */

.subcol { width:414px; margin-top:45px; padding:5px 16px; float:left; }


/* Areas Covered */

.areasCovered.subcol { margin-right:16px; padding-bottom:46px; background:#ffffff; }
.areasCovered h1 { margin:0px 0 10px 0; }

.map { width:414px; height:314px; box-shadow: 0 3px 5px rgba(0,0,0,0.3); }
.mapOverlay { width:414px; height:314px; margin-top:-314px; position:relative; background:url(images/mapOverlay.png) center center no-repeat; }

.mapKey { margin-top:12px; }
.mapKey .greenArea { width:22px; height:22px; margin-right:8px; float:left; background:#ADD361; }
.mapKey h6 { float:left; }
.mapKey .col { width:200px; float:left; }
.mapKey .one { margin-right:14px; clear:left; }
.mapKey ul { list-style:none; margin:0; }
.mapKey ul li { margin:10px 0; color:#ADD361; }



/* SubTestimonials */

.testimonialsHolder { margin-top:65px; }

ul.subTestimonials,
ul.subTestimonials li { margin:0; }

ul.subTestimonials { list-style:none; }
ul.subTestimonials li blockquote { font-family:'WalkwayBlackRegular'; font-size:21px; font-size:2.1rem; line-height:23px; line-height:2.3rem; color:#ADD361; }
ul.subTestimonials li strong { padding-left:49px; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#789245;}


/* -------------------------------------------------------------------------------- */
/* Footer */
/* -------------------------------------------------------------------------------- */

footer { width:100%; margin-top:-46px; padding-top:46px; position:relative; clear:both; overflow:auto; font-size:12px; font-size:1.2rem; background:url(images/dt-h-f-grass-repeat.png) center top repeat-x; } 

    footer .footerHolder { width:960px; height:150px; margin:0 auto; padding-top:59px; background:url(images/dt-footer-prints.png) center top no-repeat; overflow:auto; }
	footer .footerCol { width:300px; float:left; }
		.footerCol ul { list-style:none; margin:0; }
		.footerCol ul li { margin:0 8px; float:left; }
		.footerCol.two { margin-top:-50px; margin-left:85px; }
	
	footer a { font-weight:normal; }
	footer p { margin:2px 0; padding:0; float:left; clear:left; font-size:12px; font-size:1.2rem; }
		
        footer .copyright { clear:left; float:left; font:normal 12px/29px arial,sans-serf; }
        footer .credit { display:block; float:right; font:normal 11px/20px arial,sans-serf; text-transform:none; }
		
/* 404 */

.fourzerofour .contentWrapper { padding-bottom:46px; }




/* */

.gallery .contentWrapper ul,
.gallery .contentWrapper li { list-style:none; float:left; margin:0; padding:0;  }

.gallery .contentWrapper ul { margin-bottom:50px; }
.gallery .contentWrapper li { margin:20px; }

.gallery .contentWrapper li img { box-shadow:0 0 5px rgba( 0, 0, 0, 0.5  ); } 
.gallery .contentWrapper li img:hover { box-shadow:none; }

/* Colorbox */

#colorbox, 
#cboxOverlay, 
#cboxWrapper { position:absolute; top:0; left:0; z-index:999999999; overflow:hidden; }

#cboxOverlay { width:100%; height:100%; position:fixed; }

#cboxMiddleLeft, 
#cboxBottomLeft { clear:left; }

#cboxContent { position:relative; overflow:visible; }
#cboxLoadedContent { overflow:auto; }
#cboxLoadedContent iframe { width:100%; height:100%; display:block; border:0;}
#cboxTitle { margin:0; }

#cboxLoadingOverlay, 
#cboxLoadingGraphic { width:100%; position:absolute; top:0; left:0; }

#cboxPrevious, 
#cboxNext, 
#cboxClose, 
#cboxSlideshow { cursor:pointer; }

/*  ColorBox example user style */

#cboxWrapper { }

#cboxOverlay { background:#DFEFF0; }
#cboxTopLeft      { width:40px; height:30px; }
#cboxTopCenter    {             height:30px; }
#cboxTopRight     { width:40px; height:30px; }
#cboxMiddleLeft   { width:40px;              }
#cboxMiddleRight  { width:40px;              }
#cboxBottomLeft   { width:40px; height:30px; }
#cboxBottomCenter {             height:30px; }
#cboxBottomRight  { width:40px; height:30px; }

#cboxContent { background:#fff; padding:0 5px 5px 5px; }

.cboxPhoto { display:block; margin-top:5px; }

#cboxLoadingGraphic {  }
#cboxLoadingOverlay { background:transparent; }

#cboxTitle     { display:none !important; }
#cboxCurrent   { display:none !important; }

#colorbox.cboxSlideshow_on #cboxSlideshow { border:none; }
#colorbox.cboxSlideshow_off #cboxSlideshow { border:none;}

#cboxSlideshow {width:23px; margin:0 0 3px 0; position:absolute; left:50%; bottom:-30px; text-indent:-9999px; height:72px;}

#cboxPrevious { position:absolute; top:0; left:-31px;  width:49%; height:100%; margin:0 0 -50% 0; text-indent:-9999px; border:none; background: url('images/left.png') left  center no-repeat; }
#cboxNext     { position:absolute; top:0; right:-31px; width:49%; height:100%; margin:0 0 -50% 0; text-indent:-9999px; border:none; background: url('images/right.png') right center no-repeat; }


#cboxClose { position:absolute; width: 67px; height: 67px; top: -45px; right: -26px; padding:0;text-indent:-9999px; margin:5px 0; border:none; background:url('images/close.png') right center no-repeat; }

#cboxLoadedContent { position:relative; padding:0; margin:0; }
#cboxLoadedContent iframe { display:none !important; position:absolute !important; top:0 !important; left:0 !important; }