@font-face {
	font-family: 'junction';
	src: url('Junction-webfont.eot');
	src: url('Junction-webfont.eot?#iefix') format('embedded-opentype'),  url('Junction-webfont.woff') format('woff'),  url('Junction-webfont.ttf') format('truetype'),  url('Junction-webfont.svg#junction_regularregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* styles for desktop */
.tinynav {
	display: none
}
#tiny {
	display: none;
}
/* styles for mobile */
@media screen and (max-width: 600px) {
.tinynav {
	display: block
}
}
/* SPAN STYLES */

.bold {
	font-weight: bold;
}
.underline {
	text-decoration: underline;
}
/* /SPAN STYLES */
img.ri {
	max-width: 100%;
}
.centered, .centered img {
	text-align:center;
}
body {
	margin: 0;
	padding: 0;
	background-color: #FEFEFE;
	font-size: 100%;
}
.video-unit {
	max-width: 1200px;
	min-height: 600px;
	max-height: 600px;
	position: relative;
	padding: 0;
	margin: 120px auto 0;
	z-index: -100;
}
#video-container {
	position: absolute;
	z-index: -99;
}
#video-container {
	top: 0%;
	left: 0%;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
video {
	position: absolute;
	z-index: -98;
}
video.fillWidth {
	width: 100%;
}
#vid-alternative {
	display: none;
	width: 100%;
}
#vid-alternative img {
	max-width: 100%;
}
#head {
	margin-left: -400px;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 0;
	width: 800px;
}
#nav-menu li {
	float: left;
	list-style: none;
	margin: 0 10px;
}
#nav {
/*height: 0px;	*/
}
#nav-menu {
	background: url(../images/menu-back.png) no-repeat;
	overflow: visible;
	height: 36px;
}
#nav-menu ul {
	margin: 0;
	line-height: 36px;
}
#nav-menu li {
	float: left;
	list-style: none;
	margin: 0 10px;
}
#nav-menu li a {
	font-family: 'junction';
	font-size: 16px;
	text-decoration: none;
	color: #28A4CC;
	font-weight: bold;
}
/*Sub-Menu*/
#nav-menu ul.sub-menu {
	padding: 0;
	margin: 0;
	border: 1px solid #999;
	background: #FFF;
}
#nav-menu ul.sub-menu li {
	list-style-type: none;
	display: inline-block;
	clear: left;
}
/*Link Appearance*/
#nav-menu ul.sub-menu li a {
	text-decoration: none;
	color: #28A4CC;
	background: #FFF;
	padding: 0;
	display: inline-block;
	width: 123px;
	line-height: 15px;
}
/*Make the parent of sub-menu relative*/
#nav-menu ul li {
	position: relative;
}
/*sub menu*/
#nav-menu ul.sub-menu {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	width: 133px;
}
#nav-menu ul.sub-menu li a {
	font-size: 12px;
}
#nav-menu ul li:hover ul.sub-menu {
	display: block;
}
#mobile-menu {
	display: none;
}
#mobile-menu select {
	display: none;
}
#showhide {
	background: url(../images/menu-tab-3.png) no-repeat;
	width: 98px;
	height: 136px;
	float: left;
	clear: both;
	cursor: pointer;
}
#scroll-down {
	background: url(../images/scroll-down.png) no-repeat;
	background-size: 100%;
	width: 100px;
	height: 130px;
	position: fixed;
	bottom: 0;
	left: 50%;
	margin-left: -72px;
	cursor: pointer;
}
#scroll-up {
	background: url(../images/scroll-up.png);
	background-size: 100%;
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 0;
	right: 18%;
	cursor: pointer;
}
#fp-content {
	background: url(../images/fp-cb.png) no-repeat #FFF;
	background-size: 100%;
	margin: 75px auto 0 auto;
	width: 55%;
	padding: 5px 15px;
}
#fp-content h1 {
	font-family: 'junction';
	font-size: 1.5em;
}
#fp-content p {
	font-family: 'junction';
}
ul.page-menu {
	padding: 0;
	margin: 40px auto;
	width: 600px;
	overflow: hidden;
}
/*.pm-image {
			z-index: 15;
			width: 50%;
			height: auto;
			position: absolute;
			top: 83px;
			left: -60px;
			opacity: 0.5;
			transition: all 600ms ease-in-out;			 	
		}
		.page-menu li:hover .pm-image{
			transition: all 600ms ease-in-out;
			opacity: 1;
			width: 100%;
			left: 0;
		}*/
.pm-image {
	z-index: 15;
	width: auto;
	height: 100%;
	position: absolute;
	top: 150px;
	left: -174px;
	opacity: 0.4;
	transition: all 600ms ease-in-out;
}
.page-menu li:hover .pm-image {
	transition: all 300ms ease-in-out;
	opacity: 1;
	top: 0px;
	left: 0px;
}
/*.pm-content {
			z-index: 16;
			width: 100%;
			height: 100%;
			position: absolute;
			left: 5px;
			top: 5px;	
		}*/
.pm-content {
	z-index: 16;
	width: 99%;
	position: absolute;
	top: 155px;
	opacity: 1.0;
	transition: opacity 800ms ease-in-out;
	text-align: center;
}
.page-menu li:hover .pm-content {
	opacity: 0.1;
	transition: opacity 90ms ease-in-out;
}
.pm-content h2 {
	font-family: 'junction';
	font-size: 0.8em;
	margin: 0 0 5px 0;
	color: #000;
}
.page-menu li {
	width: 174px;
	height: 180px;
	overflow: hidden;
	display: block;
	/*border: 1px solid #000099;*/
	transition: all 300ms ease-in-out;
	float: left;
	margin: 0;
	list-style: none;
	position: relative;
}
.pm-hold {
	background: none;
	overflow: hidden;
	height: 150px;
	width: 174px;
}
.pm-dw {
	background: url(../images/pm-dw1.jpg) no-repeat;
}
li.pm-gr {
	background: url(../images/pm-gr1.jpg) no-repeat;
}
li.pm-hb {
	background: url(../images/pm-hb1.jpg) no-repeat;
}
li.pm-f {
	background: url(../images/pm-f1.jpg) no-repeat;
}
li.pm-bb {
	background: url(../images/pm-bb1.jpg) no-repeat;
}
li.pm-pt {
	background: url(../images/holiday-pet-care.jpg) no-repeat;
}
.page-menu li:hover {
/*border: 1px solid #5CB4AC;
				transition: all 300ms ease-in-out;*/
}
.page-menu li a {
	text-align: left;
	display: block;
	width: 100%;
	height: 100%;
	color: #333;
	position: relative;
	text-decoration: none;
}
/* ACTUAL SITE CSS */
#ribbon-ends {
	background: url(../images/ribbon-ends.png) no-repeat;
	background-size: 100%;
	z-index: -2;
	position: relative;
	/*width: 	58.4%;*/
	width: 1122px;
	height: 64px;
	top: 155px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
/*#left-ribbon {
		background:url(../images/ribbon-left.png) no-repeat;
		width: 82px;
		height: 64px;
		position: absolute;
		left: 0;
	}
	#right-ribbon {
		background:url(../images/ribbon-right.png) no-repeat;
		width: 82px;
		height: 64px;
		position: absolute;
		right: 0;
	}*/
#container {
	/*width: 50%;*/
	width: 960px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
*/ header {
 width: 100%;
 margin: 0 auto;
}
.head-contacts {
	float: right;
	padding: 35px 20px 0 0;
	font-family: 'junction', Arial, Helvetica, sans-serif;
}
.head-contacts ul {
	margin: 0 0 0 0;
}
.head-contacts li {
	list-style: none;
	padding: 0 0 0 50px;
	height: 50px;
	font-size: 1.1em;
}
.head-contacts a {
	text-decoration: none;
	color: #28A4CC;
	transition: color 300ms ease-in-out
}
.head-contacts a:hover {
	color: #CCC;
	transition: color 300ms ease-in-out
}
.hp {
	background: url(../images/phone.jpg) left no-repeat;
	line-height: 25px;
}
.hm {
	background: url(../images/mail.jpg) left no-repeat;
	line-height: 50px;
}
#main-nav {
	width: 100%;
	height: 61px;
	background: url(../images/menu-ribbon.png) no-repeat;
	background-size: 100%;
	margin: 0 0 30px;
}
#main-nav ul {
	display: block;
	margin: 0;
	line-height: 36px;
}
#main-nav ul li {
	float: left;
	display: inline-block;
	list-style: none;
	margin: 0 10px;
	line-height: 61px;
}
#main-nav ul li a {
	font-family: 'junction';
	font-size: 1.2em;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	opacity: 1.0;
	text-shadow: none;
	transition: all 100ms ease-in-out;
}
#main-nav li a:hover {
	opacity: 1.0;
	text-shadow: 0px 0px 3px #FFF;
	transition: all 300ms ease-in-out;
}
/* --- */
#main-nav ul.sub-menu {
	padding: 0;
	margin: 0;
	border: 1px solid #999;
	background: #FFF;
	z-index: 15;
}
#main-nav ul li ul li {
	list-style-type: none;
	display: inline-block;
	clear: left;
	background: #FFF;
	line-height: 40px;
}
/*Link Appearance*/
#main-nav ul.sub-menu li a {
	text-decoration: none;
	color: #28A4CC;
	background: #FFF;
	padding: 0;
	display: inline-block;
	width: 123px;
	line-height: 15px;
}
#main-nav ul.sub-menu li a:hover {
	color: #9FD9EB;
}
/*Make the parent of sub-menu relative*/
#main-nav ul li {
	position: relative;
}
/*sub menu*/
#main-nav ul.sub-menu {
	display: none;
	position: absolute;
	top: 55px;
	left: 0;
	width: 133px;
	background: #FFF;
	opacity: 0.5;
	transition: opacity .25s ease-in-out;
	padding-top: 5px;
}
#main-nav ul.sub-menu li a {
	font-size: 12px;
}
#main-nav ul li:hover ul.sub-menu {
	display: block;
	opacity: 1.0;
	transition: opacity .25s ease-in-out;
}
/* ---- */
#content {
	width: 100%;
	min-height: 500px;
	position: relative;
}
#content1 {
	width: 100%;
	min-height: 10px;
	position: relative;
}
.about {
	background: url(../images/about.jpg) top right no-repeat;
}
.taxi {
	background: url(../images/holiday-pet-care-services.jpg) top right no-repeat;
}
.grooming {
	background: url(../images/grooming.jpg) top right no-repeat;
}
.largetext {
	font-size: 22px;
}
.feeding {
	background: url(../images/feeding.jpg) top right no-repeat;
}
.hboarding {
	background: url(../images/hboarding.jpg) top right no-repeat;
}
.bb {
	background: url(../images/bb.jpg) top right no-repeat;
}
.walk {
	background: url(../images/walk.jpg) top right no-repeat;
}
#content h1 {
	font-family: 'junction';
	color: #28A4CC;
	font-size: 2em;
	margin: 0 0 40px 0;
}
#content1 h1, .two-thirds h1, .full h1 {
	font-family: 'junction';
	color: #28A4CC;
	font-size: 1em;
	margin: 0 0 20px 0;
}
section p {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	font-size: 0.9em;
}
section {
	float: left;
	margin: 60px 0 0;
	padding: 4%;
	width: 65%;
}
section h2 {
	font-family: 'junction';
	font-size: 1.3em;
	text-align: center;
}
section h3 {
	font-family: 'junction';
	font-size: 1.1em;
}
section li {
	font-family: Arial, Helvetica, sans-serif;
}
section a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #28A4CC;
	transition: color 300ms ease-in-out;
}
section a:hover {
	color: #999;
	transition: color 300ms ease-in-out;
}
section1 p {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	font-size: 0.9em;
}
section1 {
	float: left;
	margin: 20px 0 0;
	padding: 4%;
	width: 65%;
}
section1 h2 {
	font-family: 'junction';
	font-size: 1.3em;
	text-align: center;
}
section1 h3 {
	font-family: 'junction';
	font-size: 1.1em;
}
section1 li {
	font-family: Arial, Helvetica, sans-serif;
}
section1 a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #28A4CC;
	transition: color 300ms ease-in-out;
}
section1 a:hover {
	color: #999;
	transition: color 300ms ease-in-out;
}
.top-one {
	margin-top: 390px;
}
.top-one1 {
	margin-top: 190px;
}
.right-stuff {
	float: right;
	clear: right;
	overflow: hidden;
	width: 26%;
	border-left: 2px solid #99D6EA;
	border-bottom: 2px solid #AADDEE;
	padding: 0 0 40px 0;
}
.right-head {
	background: url(../images/side-ribbon.png) right no-repeat;
	width: 100%;
	height: 38px;
	line-height: 2.5em;
	padding: 0 0 0 3%;
	width: 97%;
}
.right-stuff h3 {
	font-family: 'junction';
	color: #FFF;
	font-size: 1.2em;
	margin: 0;
}
.right-stuff p {
	padding: 0 10px;
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
}
.right-stuff .imglink {
	display: block;
	margin: 0 auto 0;/*width: 99%;
					height: auto;*/
}
#three-columns {
	border-top: 2px solid #99D6EA;
	width: 100%;
	margin: 50px 0 0 0;
	clear: both;
	min-height: 10px;
	overflow: hidden;
}
.column {
	width: 32%;
	float: left;
	border-right: 2px solid #99D6EA;
	margin: 10px 0 0 0;
	padding: 10px 5px;
	min-height: 300px;
}
.lastcol {
	border-right: none;
}
.column h3 {
	font-family: 'junction';
	color: #28A4CC;
	font-size: 1.2em;
	margin: 0;
}
.column p {
	font-size: 0.9em;
	font-family: 'junction';
	line-height: 1.3em;
}
.column li {
	font-size: 0.9em;
	font-family: 'junction';
	line-height: 1.3em;
}
.column img {
	float: left;
	margin: 0 2px 0 0 0;
}
.column aside {
	float: right;
	width: 57%;
}
footer {
	margin: 75px 0 0 0;
	border-top: 1px solid #99D6EA;
	overflow: hidden;
	padding: 0 25px;
}
.f-left {
	float: left;
}
.f-right {
	float: right;
}
.f-left, .f-right {
	margin: none;
	padding: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
.f-right a, .f-left a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
.f-right a:hover {
	color: #666;
}
#prices-table {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}
.table-row {
	clear: both;
	border: 1px solid #CCC;
	overflow: hidden;
	min-height: 30px;
}
.table-left {
	float: left;
	width: 31%;
	padding: 5px;
}
.table-right {
	float: right;
	width: 65%;
	border-left: 1px solid #CCC;
	padding: 5px;
}
.table-left, .table-right {
	min-height: 95px;
}
.testimonial {
	border: 1px dotted #28A4CC;
	margin: 10px auto;
	padding: 10px;
	transition: border 300ms ease-in-out 0s;
	width: 90%;
}
.testimonial:hover {
	border: 1px dotted #CCC;
	transition: border 300ms ease-in-out 0s;
}
.testimonial p {
	color: #666666;
	font-size: 0.8em;
	transition: color 300ms ease-in-out 0s;
}
.testimonial:hover p {
	color: #000000;
	transition: color 300ms ease-in-out 0s;
}
#faqs h3 {
	font-size: 1.0em;
}
#faqs p {
	font-size: 0.8em;
}
#gallery {
	width: 100%;
	margin: 0 auto;
	text-align: justify;
}
#gallery a {
	margin: 5px;
	display: inline-block;
	position: relative;
}
#gallery img {
	border: 4px solid #E8E8E8;
	border-bottom: 18px solid #E8E8E8;
	box-shadow: 1px 2px 3px #333;
	transition: all 300ms ease-in-out;
	z-index: 10;
}
#gallery img:hover {
	transform: scale(1.4);
	z-index: 11;
	transition: all 300ms ease-in-out;
}
/* CONTACT FORM */
	
	/*  Contact Pages - Start */
#contactform {
	width: 600px;
	-moz-border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
	color: #666
}
#contactform form {
	font: normal 11px/18px Verdana, Tahoma;
	margin: 0 0;
	padding: 0;
	margin-top: 20px;
	width: 100%;
}
#contactform fieldset {
	padding: 10px 0;
	margin: 0 0 15px 0;
	background: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 5px
}
#contactform fieldset legend {
	font: normal bold 18px/26px "Trebuchet MS", Verdana, Tahoma;
	padding: 3px 25px;
	margin-left: 30px;
	padding-top: 5px;
	text-transform: uppercase;
	border: 0px solid #ddd;
}
#contactform fieldset legend span {
	/*font:normal 10px/18px Arial,Verdana,Tahoma;*/

	display: block;
}
#contactform form label {
	display: block;
	float: left;
	width: 250px;
	padding: 6px 10px 0 0;
	margin: 0px;
	text-align: right;
}
#contactform input.inpt, #contactform textarea, #contactform select {
	width: 260px;
	/*font:normal 11px/18px Verdana,Tahoma;*/
	padding: 5px;
	margin: 5px 0 5px 0;
	background: #f5f5f5;
	border: 1px solid #ddd;
}
form br {
	clear: left;
}
#contactform input.required {
	background: #f5f5f5 url('../images/required.gif') center right no-repeat;
}
#contactform .select select:focus {
	border-color: #9b9b9b;
}
#contactform form input.btn {
	background: none;
	border: none;
}
form.c1 input:hover, textarea:hover {
	border: 1px solid #d8d8d8;
}

.full  {
	width:100%;
	float:left;
}
.two-thirds  {
	width:70%;
	float:left;
}
.one-third  {
	width:30%;
	float:left;
}
.full, .two-thirds, .one-third {
    font-family: "junction";
	margin:0 0 20px 0
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	 	
@media only screen and (max-width: 1121px) {
#ribbon-ends {
	display: none;
}
}
		
		/* #Tablet (Landscape)
     Note: Design for a width of 768px */
		
@media all and (device-width: 768px) and (orientation:landscape) {
.video-unit {
	max-width: 1013px;
	min-height: 362px;
	max-height: 362px;
	position: relative;
	padding: 0;
	margin: 120px auto 0 auto;
	z-index: -100;
}
#head {
	position: absolute;
	top: 0;
	z-index: 0;
	width: 768px;
}
#head .logo {
	width: 318px;
	height: 95px;
}
#video-container {
	display: none;
}
#vid-alternative {
	display: inherit;
}
#vid-alternative img {
	max-width: 80%;
}
/*#video-gif {
			display: block;	
			margin: 0 auto;
		}*/
#nav-menu {
	display: none;
}
#mobile-menu {
	display: inherit;
	width: 20%;
	margin: 0 auto;
}
#mobile-menu ul {
	display: none;
}
#mobile-menu select {
	display: inline-block;
}
#showhide {
	display: none !important;
}
}
		
/* #Tablet (Portrait)
     Note: Design for a width of 768px */

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
.video-unit {
	max-width: 1013px;
	min-height: 362px;
	max-height: 362px;
	position: relative;
	padding: 0;
	margin: 130px auto 0 auto;
	z-index: -100;
}
#head {
	position: absolute;
	top: 0;
	z-index: 0;
	width: 768px;
}
#head .logo {
	width: 318px;
	height: 95px;
	margin: 0 auto;
}
#nav-menu {
	display: none;
}
#mobile-menu {
	display: inherit;
	width: 20%;
	margin: 0 auto;
}
#mobile-menu ul {
	display: none;
}
#mobile-menu select {
	display: inline-block;
}
#video-container {
	display: none;
}
#vid-alternative {
	display: inherit;
	width: 90%;
	margin: 0 auto;
}
#vid-alternative img {
	max-width: 100%;
}
#showhide, #scroll-up, #scroll-down {
	display: none !important;
}
#fp-content {
	margin: 30px auto 0 auto;
	width: 75%;
}
}
	

/*  #Mobile (Portrait)
     Note: Design for a width of 320px */

@media only screen and (max-width: 767px) and (orientation:portrait) {
#ribbon-ends {
	display: none;
}
#head {
	margin-left: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 767px;
}
#head .logo {
	width: 318px;
	height: 95px;
}
.video-unit {
	width: 767px;
	position: relative;
	padding: 0;
	margin: 130px auto 0 auto;
	z-index: -100;
}
#video-container {
	display: none;
}
video {
	display: none;
}
#vid-alternative {
	display: inherit;
	width: 90%;
	margin: 0 auto;
}
#vid-alternative img {
	max-width: 100%;
}
#nav {
/*height: 0px;	*/
}
#nav-menu {
	display: none;
}
#mobile-menu {
	display: inherit;
	width: 20%;
	margin: 0 auto;
}
#mobile-menu ul {
	display: none;
}
#mobile-menu select {
	display: inline-block;
}
#showhide, #scroll-up, #scroll-down {
	display: none !important;
}
#fp-content {
	display: block;
	margin: 5px auto 0 auto;
	width: 767px;
}
}

/* #Mobile (Landscape)
     Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation:landscape) {
#ribbon-ends {
	display: none;
}
body {
	position: absolute;
	top: 0;
	z-index: 0;
	width: 767px;
}
.video-unit {
	width: 767px;
	position: relative;
	padding: 0;
	margin: 120px auto 0;
	z-index: -100;
}
#video-container {
	display: none;
}
#head {
	width: 767px;
	margin: 0;
	left: 0;
}
#head .logo {
	width: 318px;
	height: 95px;
}
#nav-menu {
	display: none;
}
#mobile-menu {
	display: inherit;
	width: 20%;
	margin: 0 auto;
}
#mobile-menu ul {
	display: none;
}
#mobile-menu select {
	display: inline-block;
}
video {
	display: none;
}
#vid-alternative {
	display: inherit;
	width: 90%;
	margin: 0 auto;
}
#vid-alternative img {
	max-width: 100%;
}
#showhide, #scroll-up, #scroll-down {
	display: none !important;
}
#fp-content {
	margin: 30px auto 0 auto;
	width: 75%;
}
}
.imgright {
	float: right;
	margin: 10px;
}