@charset "utf-8";
/* CSS Document */

:focus {
	outline: 0;
}
html {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #000000;

}

body{
	height: 100%;
	padding:0;
	margin:0;
}
body.white {
	background:#FFF;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*Tags--------------------------*/

#Table_01 {
	width:950px;
	height:180px;
}
#flash-box {
	border:1px solid #ccc;
}


h1 {
	text-align: left;
	font-size: 28px;
	padding: 20px 0 20px 0;
	margin: 0 20px 0 0px;
	color: #FF2818;
	line-height: normal;
}

h2 {
		
	font-size: 14px;
	font-weight: 700;
	color: #FF2818;
	line-height: normal;
}

h3 {
	font-size: 14px;
	font-weight: 700;
	color: #FF2818;
	line-height: normal;
}
/* Headlines for pages */
#copy h3 em {
	font-weight:bold;
	font-style:italic;
	display:block;
	color:#fff;
	font-size:16px;
	line-height:2.1em;
}

h4 {
	color: #660000;
	font-size: 16px;
	margin: 20px 0 20px 0;
	display: inline;	
}

h5 {
	font-size: 20px;
}

a:link {
	color: #FF2818;
	text-decoration: none;
}

a:visited {
	color: #FF2818;
	text-decoration: none;
}

a:hover {
	color: #FF2818;
text-decoration: underline;
}

a:active {
	color: #FF2818;
}


/*---------------SELECTORS---------------*/

#wrapper{
	height: 100%;
	width: 952px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
padding-bottom: 120px;


}

#header{
	height: 180px;
	border-left: 1px solid #75787A;
	border-right: 1px solid #75787A;
}

#content {
	border-left: 1px solid #75787A;
	border-right: 1px solid #75787A;
	border-bottom: 1px solid #75787A;
	width:950px; /* I can hasLayout */
	position:relative;
	text-align:left; /* IE 7 */
}

#copy {
	line-height: 1.5em;
	width: 507px;
	text-align: left;
	margin:0;
	padding: 15px;
	margin-left: 30px;
	color: #E2E2E2;
}
#copy.wide {
	width:820px;
}


#copy blockquote {
	font-size: 16px;
	color: #FFFFFF;
	padding-top: 15px;
	padding-right: 50px;
	padding-bottom: 15px;
	padding-left: 0px;
	margin: 25px 20px 25px 0px;
}

#footer {
	font-size: 10px;
	text-align: left;
	margin-bottom: -40px;
	color: #ccc;
	padding:10px 0px; 
	clear:both;
	width:952px;
}

#footer p {
	margin:0;
}

/*---------------CLASSES---------------*/

.alignleft{
text-align: left;
}

.alignright{
text-align: right;
}

.clearing{
	clear: both;
}

.noborder{
	border: none;
}
.floatRight{
	float: right;

}

.dog,
.dog2,
.dog3,
.dog4,
.dog5,
.dog-top {
	float:none;
	position:absolute;
	bottom:0px;	
	right:0px;
	margin:0;
}


.dog-top {
	top:20px;
	right:0px;
	bottom:auto;
}


.dog2 {
	bottom:0px;
	top:auto;
}

.dog3{
	bottom:0px;
	top:auto;
}

.dog4 {
	top:auto;
	bottom:0px;

}
.dog5 {
	top:0px;
	bottom:auto;
}

.heading {
	font-size: 15px;
	font-weight: 700;
	color: #FF2818;
	line-height: normal;
}
.error_message,
.message {
	color: #ff2818;
}

.headingWhite{
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: normal;
}

.title{
	position: absolute;
	z-index:0;
}
.rate-table th {
	padding:3px 3px 3px 15px;
}
.rate-table td {
	padding:3px 3px 3px 15px;
	vertical-align:top;
}

#copy p strong {
	color: #FF2818;
}

/*---------------NAV---------------*/

#menu, 
#menu2 {
	z-index: 500;
	font-weight: 700;
	text-align:left;
	margin:0;
	padding:0 8px 8px 15px;	
	list-style: none;
	width:150px;
}

#menu a, 
#menu2 a {
	display: block;
	margin: 0;
	padding: 4px 5px 4px 5px;
	width: 130px;
	font-size: 11px;
	text-transform: uppercase;
	background: transparent;
}
.white #menu a, 
.white #menu2 a {
	display: block;
	margin: 0;
	padding: 4px 5px 4px 5px;
	width: 130px;
	font-size: 11px;
	text-transform: uppercase;
	background: transparent;
	color: #000;
}
#menu p, 
#menu2 p {
	color: #fff;
	background: transparent;
	text-transform: uppercase;
}
.white #menu p, 
.white #menu2 p {
	color: #000;
	background: transparent;
	text-transform: uppercase;
}
#menu a, 
#menu2 a {
	color: #fff;
	background: #000;
	text-decoration: none;
	text-transform: uppercase;
}
.white #menu a, 
.white #menu2 a {
	color: #000;
	background: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
#menu  a:hover, 
#menu2  a:hover {
	color: #DB1706;
	background: transparent;
}

#menu a:hover, #menu2 a:hover {
	color: #DB1706;
	background: #000;
}
.white #menu a:hover, .white #menu2 a:hover {
	color: #DB1706;
	background: #fff;
}

#menu li, 
#menu2 li {
	position: relative;
}

#menu ul ul, 
#menu2 ul ul {
	position: absolute;
	padding-top: 30px;
	z-index: 500;
}


/* Gallery Nav*/
#gallerynav {
	width: 120px;
	font-size: 11px;
	margin-left: -25px;
	height: 400px;
	display:inline;
	float: left;
	padding-right: 15px;
	margin-right: 25px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;
}

#gallerynav {
	position:absolute;
	top:87px;
	left:40px;
	width:12em;
}

.photo-title {
	padding: 0 0 0 10.5em;
}
#gallerynav li {
	list-style-type: none;
	list-style-position: outside;
	display: block;
	width: 100px;
	margin-left: -12px;
}


/** Thumbnails for Flickr Photostream **/

#thumbs {
	list-style:none;
	display:table;
	margin:0;
	padding:0;
}

#thumbs {
	padding:0 0 0 12em;
}


#thumbs li {
	display:-moz-inline-box;
	display:inline-block;
	width:105px;
	height:105px;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

* html #thumbs li {
	display:inline;
}
* + html #thumbs li {
	display:inline;
	position:relative;
}


#thumbs li div {
	height:105px;
	width:105px;
	vertical-align:middle;
	text-align:center;

}

#thumbs li:hover {
	background:#222;
}
#thumbs li a img {
	border:1px solid #fff;
}


.thumbnail { 
	border: 1px solid #FFFFFF;
	margin: 3px;
}
.style1 {
	color: #FFFFFF
}

#testimonials {
	list-style:none;
}
#testimonials li {
	clear:both;
	padding:10px;
	border-top:1px solid #333;
	padding:10px;
	margin:30px 0;
}
#testimonials li:after {
	content :'.';
	height:0px;
	clear:both;
	display:block;
	visibility:hidden;
}
* + html #tesimonials li {
	display:inline-block;
}
* html #testimonials li {
	height: 1%;
}
#testimonials li img {
	float:right;
	margin:0 0 0 20px;
}
/*****
Added Content CSS 
@author eric homanchuk
***/
.white img#Home {
	z-index:99;
	position:relative;
	}
div#dog-15 {
	height:466px;
	margin-top:-48px;
	background:url(../img/images_template/training-campaign.jpg) no-repeat 0 0;
}
#contact-training {
	display:block;
	width:650px;
	height:40px;
	background:transparent;
	position:absolute;
	top:405px;
}
div#dog-19 {
	height:474px;
	margin-top:-48px;
	background:url(../img/images_template/training-campaign-thankyou.jpg) no-repeat;
}
div#dog-17 {
	height:519px;
	margin-top:-48px;
	background:url(../img/images_template/walking-campaign.jpg) no-repeat;
}
#contact-walking{
	display:block;
	width:650px;
	height:40px;
	background:transparent;
	position:absolute;
	top:450px;
}
div#dog-18 {
	height:474px;
	margin-top:-48px;
	background:url(../img/images_template/walking-campaign-thankyou.jpg) no-repeat;
}
div#dog-20 {
	height:488px;
	margin-top:-48px;
	background:url(../img/images_template/boarding-campaign.jpg) no-repeat;
}
#contact-boarding{
	display:block;
	width:650px;
	height:40px;
	background:transparent;
	position:absolute;
	top:425px;
}
div#dog-21 {
	height:468px;
	margin-top:-48px;
	background:url(../img/images_template/visiting-campaign.jpg) no-repeat;
}
#contact-visiting{
	display:block;
	width:675px;
	height:40px;
	background:transparent;
	position:absolute;
	top:405px;
}
div#dog-22 {
	height:468px;
	margin-top:-48px;
	background:url(../img/images_template/visiting-campaign-thankyou.jpg) no-repeat;
}
div#dog-23 {
	height:468px;
	margin-top:-48px;
	background:url(../img/images_template/boarding-campaign-thankyou.jpg) no-repeat;
}
#thankyou-boarding{
	display:block;
	width:150px;
	height:40px;
	background:transparent;
	position:absolute;
	top:150px;
	left:275px;
}
#thankyou-training{
	display:block;
	width:150px;
	height:40px;
	background:transparent;
	position:absolute;
	top:150px;
	left:350px;
}
#thankyou-visiting{
	display:block;
	width:150px;
	height:40px;
	background:transparent;
	position:absolute;
	top:150px;
	left:260px;
}
#thankyou-walking{
	display:block;
	width:150px;
	height:40px;
	background:transparent;
	position:absolute;
	top:150px;
	left:265px;
}
.white h2.white-dog {
	font-size:26px;
	padding:74px 0 0 0;
}
.white h3.message {
	font-size:14px;
}

/**CONTACT FORM ****/
div#dog-16-clean {
	height:668px;
	width:100%;
	position:absoulte;
	margin-top:-38px;
	background:url(../img/images_template/dog_16.jpg) no-repeat bottom right;
}
div#dog-16-error {
	height:728px;
	width:100%;
	position:absoulte;
	margin-top:-38px;
	background:url(../img/images_template/dog_16.jpg) no-repeat bottom right;
}

h1.white-dog {
	padding:74px 0 0 0;
}
.white h1{
	font-size:22px;
}
.white #spacer {
	margin:0 0 0 30px;
	padding:0 0 0 15px;
}
.white h3 {
	color:#000;
	font-size:16px;
}
.white p {
	color:#000;
	line-height:20px;
}
.white ul.white-list {
	color:#000;
	margin:0;
	padding:0 0 0 15px;
}
.white  ul.white-list li {
	padding:0 0 15px 0;
}
.white h1.button {
	font-size:16px;
	padding:15px 0 0 0;
	font-weight:bold;
	float:left;
}
.contact-btn {
	float:left;
	padding:5px 5px 0 0;
	margin:0;
}
body.white table th,
body.white table td{
	color:#000;
}
.white #flashMessage {
	font-weight:bold;
	padding:10px;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	width:350px;
}
.white .error_message {
	padding:10px 0;
	margin-top:5px;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	width:200px;
	font-weight:bold;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
		div#dog-17 h1.dog-17 {
		width:650px;
		height:30px;
		}
		div#dog-15 h1.dog-15 {
		width:650px;
		height:30px;
		}
		div#dog-16-clean h1.dog-16,
		div#dog-16-error h1.dog-16 {
		width:650px;
		height:30px;
		}
		div#dog-19 h1.dog-19 {
		width:600px;
		height:30px;
		}
		div#dog-18 h1.dog-18 {
		width:550px;
		height:30px;
		padding-bottom:15px;
		}
		div#dog-17 .contact-btn,
		div#dog-15 .contact-btn {
			margin:0 0 0 0;
			padding:5px 5px 10px 0;
		}
		.white h1.button  {
			padding:13px 0;
			
		}

}