/* @override http://calypsokennels.com/wp-content/themes/calypso/style.css */

@charset "UTF-8";

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
 *
 * @file basemod_draft.css
 * @creator YAML Builder v0.3 Preview
 * @link http://builder.yaml.de
 */

ul, li, ol {
	margin: 0;
	padding: 0;
}


html {
	margin: 0;
	padding: 0;
	width: auto;
	overflow-y: scroll;
}

body {
	/*padding: 45px 0px 0 0px;*/
	padding: 0;
	margin: 0 auto;
	background: #6a0600 url(images/background.png) repeat-x center top;
	font: .9em "Trebuchet MS", Helvetica, Arial, sans-serif;
	width: 99%;
	line-height: 140%;
}

h1 {
	color: #762e50;
	margin: 0 0 25px 0;
	padding: 0;
	letter-spacing: .05em;
	text-transform: uppercase;
	border-bottom: #ffcc26 solid 1px;
	font: normal 1.8em "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h2 {
	margin: 20px 0 5px 0;
	color: #AD0308;
	font: bold 1.3em "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h3 {
	font: bold 1.1em "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #000;
	margin: 0 0 5px 0;

}

p {
	margin: 0 0 1.5em 0 ;
}

/*h1 + p {
	margin: 0px 0 1em 0;
	padding: 0;
}*/

ul + p {
	margin: 0;
}

ul {
	padding-left: 20px;
}

li {
	padding: 0;
	margin: 0;
}

ol {
	list-style-type: decimal;
}

small {
	font-size: .85em;
	color: gray;
}

br.clearfloat {
	clear: both;
	font-size: 1px;
	height: 0;
	line-height: 0;
}


a:link, a:visited {
	color: #000;
}

a:hover, a:active {
	color: #000;
}

table.pricing {
	font: 1em "Trebuchet MS", Helvetica, Arial, sans-serif;
	line-height: 140%;
	width: 80%;
}

table.pricing td {
	padding: 5px;
	text-align: left;
	font: 1.1em;
	width: 50%;
}

table.pricing td.price {
	font: .9em;
	font-weight: bold;
	text-align: left;
	width: 90px;
}

table.pricing td em {
	color: gray;
}

table.pricing td.sameroom {
	padding-left: 25px;

}

table.pricing tr.section td {
	border-bottom: 1px solid #ccc;

}

#page {
	margin: 0 auto;
}

#main {
	width: 885px;
	margin: 45px auto 0 auto;
	background: url(images/content-bg-top_smaller.png) no-repeat center 183px;
	overflow: hidden;
	display: block;
	padding: 0	;
}

.home #main {
	height: 483px;
}

/* @group topnav */

ul#topnav {
	position: relative;
	width: 550px;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	top: 0px;	
	height: 75px;
}

ul#topnav li {
	float: left;
	
}

ul#topnav li a{
	background: url(images/topnav-sprites3.png) no-repeat top left;
	height: 47px;
	margin: 0;
	padding: 0;
	width: auto;
	display: block;
	float: left;	
	text-indent: -999em;
}

._boarding, ._boarding_over, ._grooming, ._grooming_over, ._training, ._training_over {
	background-position: 0 -83px;
}

ul#topnav .boarding a {
	background-position: 0 0px;
	width: 168px;
	margin: 0 17px 0 0;
}

ul#topnav .boarding a:hover{
	background-position: bottom 0;
}

ul#topnav .grooming a {
	background-position: -185px 0;
	width: 178px;
	margin: 0 17px 0 0;
}

ul#topnav .grooming a:hover{
	background-position: -185px bottom;
}

ul#topnav .training a {
	background-position: -382px 0;
	width: 154px;
}

ul#topnav .training a:hover{
	background-position: -382px bottom ;
}

/* @end */

#left {
	width: 310px;
	float: left;
	display: inline;
}

#right {
	margin: 0 30px 0 0;
	width: 530px;
	float: right;
}

/* @group Footer */

#footer {
	margin: 0 auto;
	padding: 35px 20px 25px 20px;
	width: 867px;
	background: url(images/content-bg-bottom.png) no-repeat center top;
	color: #d4978d;
	font: .9em Georgia, "Times New Roman", Times, serif;
	overflow: auto;
}


div#footer-bottom span.left {
	float: left;
}

div#footer-bottom span.right {
	float: right;
	margin-right: 20px;
}

div#footer-bottom {
	font-size: .8em;
	margin: 5px 0 15px 0 ;
	background: none;
}

div#footer a:link, div#footer a:visited {
	color: #d4978d;
}

div#footer a:hover, div#footer a:active {
	text-decoration: none;
}

div#footer_right {
	float: right;
	width: 200px;
	text-align: right;
}

div#footer_left {
	float: left;
	width: 400px;
	text-align: left;
}

/* @end */

img {
	border: none;
}

img.topnavbutton {
	padding: 0px 35px 30px 0;
}

img.right {
	padding-right: 0;
}

img.photo-left {
	padding: 0;
	margin: 5px 12px 5px 0;
	float: left;
}

img.photo-right {
	margin: 5px 0 10px 15px;
	float: right;
	padding: 0;
}

div#homecontent-bg {
	
}

div#logo {
	width: auto;
}

/* @group Main Sidebar */

div#main-sidebar {
	margin: 45px 0 0 35px;
}

ul#sidebar {
	margin: -5px 0 0 10px;
	padding: 0 0 0 11px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}

#sidebar li {
	list-style-type: none;
	margin: 0 0 18px 10px;
	padding: 0;
}

#sidebar li a {
	margin: 0;
	padding: 0px 0px 0px 0;
	height: 18px;
	width: 200px;
	display: block;
	color: rgb(144, 9, 0);
	text-indent: -999em;
	background: url("images/sidebar-nav-sprite2.png") transparent top left no-repeat; 
}

#sidebar li li a {
	text-indent: 0;
	background: none;
	color: rgb(136, 42, 80);
	font-weight: normal;
}

#sidebar ul {
	margin-left: 10px;
	padding: 0;
}

#sidebar ul ul {
	margin: 10px 0;
}

#sidebar li li {
	margin: 10px 0 0 20px;
	list-style-image: url(images/bullet-green.png);
	
}

#sidebar li:hover {
	list-style-type: circle;
	list-style-image: url(images/bullet-green.png);
	list-style-position: outside;
}

#sidebar li ul {
	display:none;
}

#sidebar li.current_page_ancestor ul{
	display: block;
}

#sidebar li.current_page_item ul {
	display: block;
}

#main-sidebar-link li:hover li {
	list-style-type: none;
	
}

#main-sidebar-link li li:hover {
	list-style-type: none;
}


/*About Us*/
#sidebar li.page-item-2 a {
	background-position: -1864px 0px;	
}

#sidebar li.page-item-2 a:hover {
	background-position: -2097px 0px;
}

/*Hours & Directions*/
#sidebar li.page-item-3 a {
	background-position: -932px 0px;
}

#sidebar li.page-item-3 a:hover {
	background-position: -233px 0px;	
}

/*Resources*/
#sidebar li.page-item-26 a {
	background-position: -1398px 0px;
}

#sidebar li.page-item-26 a:hover {
	background-position: -1165px 0px;
}

/* Testimonials */
#sidebar li.page-item-19 a {
}

#sidebar li.page-item-19 a:hover {
	background-position: -1631px 0px;
}

/* Contact */
#sidebar li.page-item-5 a {
	background-position: -466px 0px;
}

#sidebar li.page-item-5 a:hover {
	background-position: -699px 0px;
}

/* Photos */
#sidebar li.page-item-82 a {
	background-position: -2318px 0px;
}

#sidebar li.page-item-82 a:hover {
	background-position: -2525px 0px;
}



/* @end */

div#reservation {
	background: url(images/reservation.png) transparent top left no-repeat;
	width: 277px;
	height: 95px;
}

div#reservation:hover, div#reservation:active {
	background: url(images/reservation_over.png);
}

div#reservation a div {
	width: 277px;
	height: 100px;
}

ul#sidebar li.page_item {
	padding: 0 0 0 5px;
	margin: 0;
}


/* @group Content */

div#content-header {
	width: 530px;
	height: 15px;
	margin: 0;
	padding: 0;
	background: url(images/content-header.png) no-repeat 0 bottom;
}

div#content {
	width: 450px;
	min-height: 340px;
	height: auto;
	margin: 0;
	/*padding: 15px 30px 15px 30px;*/
	padding: 25px 40px 25px 40px;
	font: 1em/150% Georgia, "Times New Roman", Times, serif;
	background: #fff url(images/content-bg.png) repeat-y;
}

div#content-footer {
	width: 530px;
	height: 15px;
	margin: 0;
	padding: 0;
	background: url(images/content-footer.png) no-repeat 0 top;
}

div#content-body {
	width: 530px;
	float: right;
	overflow: auto;	
}

div#content p {

}

div#content-sidebar h2 {
	color: #ffcc26;
	font-size: 1.3em;
	font-weight: normal;
}

div#content-sidebar {
	margin: 0;
	padding: 0;
	width: 160px;
	float: left;
}

div#content-sidebar ul {
	list-style: none;
	list-style-position: outside;
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	list-style-type: square;
	font-size: .9em;
}


div#content-sidebar ul li {
	margin: 0px 0px 10px 0px;
	list-style-position: outside;
	padding: 0 0 8px 0;
	list-style-image: url(images/bullet-yellow.png);
}

div#content-sidebar ul li.page_item a:link, div#content-sidebar ul li.page_item a:visited {
	color: #eee;
	text-decoration: none;
	font-weight: normal;
} 

div#content-sidebar ul li.page_item a:hover, div#content-sidebar ul li.page_item a:active {
	text-decoration: none;
	border-bottom: 1px solid #eee;
}

div#content h2 {
	clear: both;
}

#content ul{
	list-style-image: url(images/bullets_small_yellow.png);
	list-style-position: outside;
	margin: 0 0 15px 0;
	padding: 0;
}

#content ul li {
	margin: 0 0 0 15px;
	padding: 0;
	
}


li.page_item a {
	font: bold 14px "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #AD0308;
	text-decoration: none;	
}

li.page_item li a {
	font-weight: normal;
}

li.page_item a:hover, li.page_item a:active {
	text-decoration: underline;
}




ul.subpages-content {
	margin: 15px 0 0 0;
	padding-top: 0;
	padding-left:0;
	clear: both;
}

/* @end */


/* @group boarding */
div.boarding-type {
	font-weight: bold;
	width: 300px;
}
div.boarding-second {
	font-style: italic;
	padding: 0 0 0 20px;
	width: 300px;

}
span.boarding-price {
	margin: 0 0 0 20px;
	color: green;
	text-align: right;
	float: right;
}

/* @end */

/* @group TJK_Toggle */

/*"Show All" + "Hide All" links */

#TJK_ToggleON,#TJK_ToggleOFF {
	border: 0px solid #333;
	padding: 2px 5px;
	margin-right: 5px;
	background: #ffd434;
	text-decoration: none;
	font: .8em "Trebuchet MS", Helvetica, Arial, sans-serif;

}

/* zeroing out padding and margin */

dl#TJK_DL {
	margin: 0 0 20px 0;
	/*display: inline;*/
}

#TJK_DL dd {
	display: none;
}

#TJK_DL dd ul {
	margin-left: 0px;
	margin-bottom: 10px;
	padding-left: 0;
}


#TJK_DL dd.showDD, #TJK_DL dd.hideDD{
	width: 90%;
}

#TJK_DL dd, #TJK_DL dt {
	margin: 0;
	padding: 0;
/*	float: left;
	clear: both;*/

}

/* margin for the DTs (shorthand) */

#TJK_DL dt {
	margin: 5px 0 10px 0;
	font: bold 1.1em "Trebuchet MS", Helvetica, Arial, sans-serif;
	display: block;
}

#TJK_DL dt a:link, #TJK_DL dt a:visited {
	color: #AD0308;
}

/* image and left padding for DDs */

#TJK_DL dd {
	/*background: #ffe596;*/
	margin: 0 0 15px 0;
	padding: 15px;
	border: 0;
	font: .9em "Trebuchet MS", Helvetica, Arial, sans-serif;
	line-height: 140%;
	border: 2px solid #ffe596;
}

/* styling all anchors in the DTs */

#TJK_DL dt a {
	background: 0 50% no-repeat;
/*	margin-left: 23px;
	padding-left: 23px;*/
	text-decoration: none;
	font-size: 1.1em;
/*	font-weight: normal;
*/	line-height: 120%;
}
#TJK_DL dt a:visited:hover, #TJK_DL dt a:hover, #TJK_DL dt a:active, #TJK_DL dt a:focus {
	color: #;
}


/* the + and - gif in the anchors */

#TJK_DL .DTplus a {
	vertical-align: top;
	margin-left: 0px;
	background: url(images/plus.png) no-repeat 0px 5px;
}

#TJK_DL .DTminus a {
	vertical-align: top;
	margin-left: 0px;
	background: url(images/minus.png) no-repeat 0px 5px;
}

/**********************************/

/**********************************/

#TJK_ToggleON,#TJK_ToggleOFF {
	display: inline;
	cursor: pointer;
	cursor: hand;
}

/* @end */


ul#photos {
	height: 400px;
	width: 530px;
	padding: 0;
	margin: 0;
}

#right #photos.gallery-view {
	margin-right: 0;
}


/*#sidebar .subpages li a {
	background: none;
	text-indent: 0;
}*/



/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; margin: 0; padding: 0; }
 
/* GALLERY CONTAINER */
.gallery { background: transparent; border: 0; padding: 0; margin:0;}
 
/* LOADING BOX */
.loader { background: url(../images/loader.gif) center center no-repeat #ddd; }
 
/* GALLERY PANELS */
.panel {
	background: #fff;	
}

 
/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { padding: 0 1em; }
 
/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: transparent; }
 
/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: #FFF; font-size: 1.2em; display: none;}
.panel .panel-overlay a { color: #FFF; text-decoration: underline; font-weight: bold; }
 
/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }
 
/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}
 
/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 0; }
 
/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }
 
/* FRAME IMAGES */
.frame img { border: none; }
 
/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }
 
/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }
 
/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}
 
/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}



.ngg-gallery-thumbnail .caption {
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
}


.ngg-gallery-thumbnail {
	width: 145px;
}