/* localhost only
.separate-img, #widget_sp_image-9, #widget_sp_image-12 {
	margin-bottom: 20px;
} */

.separate-img, #widget_sp_image-2, #widget_sp_image-5 {
	margin-bottom: 20px;
}

#fpw_widget-5 {
	margin-bottom: 20px;
}

#menu-top-menu a:hover {
	text-decoration: none;
}

#flexipages-4, #flexipages-6, #flexipages-7, #flexipages-8, #flexipages-9 {
	display: block;
	border: 4px solid #56321A;
	background-color: #f9f9f9;
	margin-bottom: 20px;
}

#flexipages-5 {
	display: block;
	font-size: 11px;
}

.soliloquy-item-image {
	border-radius: 4px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
}

.home-nav a {
	text-decoration: underline;
}

.box-587 { 
	width: 95%; 
	margin: auto;
}

.box1 { display: inline-block; margin-right: 20px; vertical-align: top; }

.box2 { display: inline-block; vertical-align: top; }

.icon { display: inline-block; vertical-align: top; }

.text-box1, .text-box2 { display: inline-block; text-align: justify;}

.small-text { font-size: 10px; }
.big-text { font-size: 16px; }
.bigger-text { font-size: 20px; }
.light-brown-text { color: #a62f00; }

.tble {
	border: 1px solid #56321A;
	text-align:left;
}

.tble td, .tble tr, .tble1 tr, .tble1 td {
	vertical-align: middle;
	padding: 2px;
	border: 1px solid #56321A;
}

.table-head {
	border: 1px solid #fff;
	padding: 2px;
	color:#fff;
	text-align:left;
}

.table-head-bg1 {
	background-color:#CE6F28;
}

.table-head-bg2 {
	background-color:#754C29;
}

.table-head-bg3 {
	background-color:#5F3214;
}

.table-head-bg4 {
	background-color:#A25725;
}

.td-setting {
	border: 1px solid #fff;
	text-align:center;
	color:#754C29;	
}

.td-bg1 {
	background-color:#F9EEE1;
}

.td-bg2 {
	background-color:#F9F9F9;
	text-align:left;
}

.td-bg3 {
	background-color:#F7F1E8;
}

.td-bg4 {
	background-color:#FEF2ED;
}

.tble1 {
	border: 1px solid #56321A;
	border-collapse: collapse;
	width:40%;
}

.tble1 tr, .tble1 td  {
	border: 1px solid #56321A;
}

.tline {
	background-color:#F7F1E8;
}

.price-table {
	float: left;
	margin-right:20px;
}

ul.list {
	list-style-type:circle;
	margin: 0;
}

.img-border  {
	border: 1px solid #e5e5e5;
}

#contact_reset_butt {
	margin: 20px 40px 0 0;
	display:inline-block;
}

#contact_submit_butt {
	margin: 20px 0 0;
	display:inline-block;
}

#contact_submit_butt input[type="submit"] {
	background-image: url("images/page/contact/submit.png");
	height: 40px;
	width: 199px;
	border: 0 none;
}

#contact_reset_butt input[type="reset"] {
	background-image: url("images/page/contact/reset.png");
	height: 40px;
	width: 199px;
	border: 0 none;
}

#contact_submit_butt input[type="submit"]:hover, #contact_reset_butt input[type="reset"]:hover {
	filter: alpha(opacity=50); 
	-moz-opacity:0.5; 
	opacity:0.5;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	zoom: 0;
}

.submit_button {
	background-image: url("images/page/contact/submit.png");
	background-repeat: no-repeat;
	margin: 0px 190px 0px 0px;
	padding: 0px;
	height: 40px;
	width: 199px;
	border: 0 none;
	cursor: pointer;
}

	.page-bg-shadow {
		-moz-box-shadow: 3px 3px 4px #969696;
		-webkit-box-shadow: 3px 3px 4px #969696;
		box-shadow: 3px 3px 4px #969696;
		/* For IE 8 
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; */
		/* For IE 5.5 - 7 
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); */		
	}
	
.entry-summary {
	margin-left: 10px;
}

@media screen and (min-width: 950px) {

	.contact-rev {
		width: 68%;
	}

	.contact-box1 {
		height: 129px;	
	}
	
	.groom-text1 {
		width:  57%;
	}
	
	.daycare-text3 {
		width:  56%;
	}
	
	.groom-text2 {
		width:  65%;
	}
	
	.spa-text3 {
		width:  87%;	
	}
	
	.spa-text5 {
		width:  70%;	
	}	
	
	.spa-text2 {
		width:  285px;	
	}
	
	.spa-text6 {
		width:  68%;	
	}	
	
	.spa-text4 {
		width:  255px;	
	}	
	
	.top-circle {
		position:absolute;
		margin-top: -70px; 
		margin-left: 470px;		
	}
	
	.daycare-circle {
		position:absolute;
		margin-top: -70px; 
		margin-left: 305px;		
	}
	
	.spa-mouse {
		position:absolute;
		margin-top: 10px; 
		margin-left: 265px;		
	}

	.spa-mouse2 {
		position:absolute;
		margin-top: -40px; 
		margin-left: 230px;		
	}		
		
	#daycare-bg1, #petcare-bg1, #spa-bg2, #spa-bg3, #spa-bg4, #puppy-bg1, .groom-bg1 {
		background-image:url('images/page-bg.png');
		background-repeat:repeat-y;	 	
	}

	.spa-bg1 {		
		background-image:url('images/page/spa/bg1.png');
		background-repeat:no-repeat;
		height: 865px;		
	}	

	.groom-bg2 {		
		background-image:url('images/page/groom/bg2.png');
		background-repeat:no-repeat;
		height: 371px;		
	}	

	.groom-bg3 {
		background-image:url('images/page/groom/bg3.png');
		background-repeat:no-repeat;
		height: 150px;	
	}
	
	.petcare-text1 {
		width:  50%;
		margin-right: 35px;
	}
	
	.spa-text1 {
		width:  55%;
		margin-right: 20px;
	}
	
	.puppy-text1 {
		width:  59%;
		margin-right: 10px;
	}	
	
	.box1, .box2  { 
		width:47.5%;			
	}
	
	.box1 {
		border-right:1px solid #bba48f;
	}

	#daycare-bg1 .text-box1, #daycare-bg1 .text-box2 {
		width: 67%;
		margin-right: 8%;
	}	
	
	#petcare-bg1 .text-box1,  #petcare-bg1 .text-box2 {
		width: 52%;
		margin-right: 3%;
	}
	
	#spa-bg2 .text-box1,  #spa-bg2 .text-box2 {
		width: 61%;
		margin-right: 3%;
	}
	
	.daycare-text2 { 
		width: 75%; 
	}

	.upw-content {
		width: 105%;	
	}

	.post-title {
		width: 60%;
	}

	#scrollbar1 .overview  {
		width: 100%;
	}

	.store-text1 {
		width: 50%;
	}

	.comp-text1 {
		width: 50%;
	}	

	#fpw_widget-2, #fpw_widget-3, #fpw_widget-4 {
		height: 248px;
	}

	#fpw_widget-5, #fpw_widget-6 {
		height: 103px;
	}
	
	#scrollbar1 .viewport { height: 202px; }	
	
}

@media screen and (max-width: 949px) {

	.contact-rev {
		width: 68%;
	}
	
	.contact-box1 {
		height: 129px;	
	}	
	
	.groom-text1 {
		width:  57%;
	}

	.daycare-text3  {
		width:  56%;
	}	
	
	.groom-bg2, .spa-bg1 {
		background-color: #fff;
	}
	
	.groom-bg1, #daycare-bg1, #petcare-bg1, #spa-bg2, #spa-bg3, #spa-bg4, #puppy-bg1  {
		background-color: #fbfbf2;
	}	
	
	.groom-bg3 {
		background-color: #f7ead4;
	}		

	.box1, .box2 { 
		width:46%; 
	}
	
	.box1 {
		border-right:1px solid #bba48f;
	}

	#daycare-bg1 .text-box1 {
		width: 55%;
		margin-right: 11.86440677966102%;
	}	

	#daycare-bg1 .text-box2 {
		width: 67%;
		margin-right: 5%;
	}
	
	#petcare-bg1 .text-box1,  #petcare-bg1 .text-box2 {
		width: 52%;
		margin-right: 3%;
	}
	
	#spa-bg2 .text-box1,  #spa-bg2 .text-box2 {
		width: 60%;
		margin-right: 3%;
	}	
	
	.daycare-text2 { 
		width: 75%;
	}

	.spa-text1 {
		width:  55%;
		margin-right: 20px;
	}

	.petcare-text1 {
		width:  50%;
		margin-right: 35px;
	}

	#fpw_widget-2, #fpw_widget-3, #fpw_widget-4 {
		height: 236px;
	}

	#fpw_widget-5, #fpw_widget-6 {
		height: 97px;
	}

	#scrollbar1 .viewport { height: 150px; }	

	.img1 {
		width: 40%;
	}

	.icon {
		width: 25%;
	}
	
	.daycare-circle {
		width: 50%;
		margin-top: 10px;
	}
	
	.js .sub-header-menu {
		display: none;
	}
	
	.js .main-nav {
		position: relative;
		height: 30px;
		background-color: #585858;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
		background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
		background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
		background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
		background-image: -o-linear-gradient(top, #585858, #3d3d3d);
		background-image: linear-gradient(top, #585858, #3d3d3d);
		clear: both;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
		margin: 0 auto;
	}
	
	.js .main-nav .menu {
		display: none;
		position: absolute;
		width: 100%;
		top: 30px;
		z-index: 1000;
	}
	
	.js .main-nav .menu ul {
		margin-top: 1px;
	}
	
	.js .main-nav .menu li {
		float: none;
		background-color: #fff;
		border: none;
	}
	
	.js .main-nav .menu li a {
		color: #444;
		font-size: 13px;
		font-weight: normal;
		height: 45px;
		line-height: 45px;
		padding: 0 15px;
		border: none;
		border-bottom: 1px solid #f5f5f5;
		text-shadow: none;
		text-align: left;
	}
	
	.js .main-nav .menu li.current_page_item,
	.js .menu .current_page_item a,
	.js .menu .current-menu-item a {
		background-color: #f5f5f5;
	}
	
	.js .main-nav .menu li li:hover {
		background: none!important;
	}
	
	.js .main-nav .menu li li a {
		position: relative;
		padding: 0 10px 0 30px;
	}
	
	.js .main-nav .menu li li li a {
		position: relative;
		padding: 0 10px 0 40px;
	}
	
	.js .main-nav .menu li a:hover,
	.js .main-nav .menu li li a:hover {
		background-image: none;
		filter: none;
		background-color: #f5f5f5!important;
	}
	
	.js .main-nav .menu li li a::before {
		content: '\2013';
		position: absolute;
		top: 0;
		left: 20px;
	}
	
	.js .main-nav .menu li li li a::before {
		content: '\2013';
		position: absolute;
		top: 0;
		left: 20px;
	}
	
	.js .main-nav .menu li li li a::after {
		content: '\2013';
		position: absolute;
		top: 0;
		left: 30px;
	}
	
	.js .main-nav .menu li ul {
		position: static;
		visibility: visible;
		background-color: #fff;
	}
	
	.js .main-nav #responsive_current_menu_item {
		position: absolute;
		display: block;
		top: 5px;
		left: 15px;
		color: #fff;
		font-weight: 700;
	}
	
	.js .main-nav a#responsive_menu_button {
		position: absolute;
		display: block;
		top: 0;
		left: 100%;
		height: 30px;
		width: 23px;
		margin-left: -30px;
		background: url('images/select-icons.png') 0 5px no-repeat;
	}
	
	.js .main-nav a#responsive_menu_button.responsive-toggle-open {
		background: url('images/select-icons.png') 0 -46px no-repeat;
	}	
}

@media screen and (max-width: 650px) {

	.footer-servicepad, .footer-pricepad, .footer-storepad, .footer-comppad, .footer-contactpad {
		display: none;
	}

	.top-circle {
		position:relative;
		margin-bottom: 5px;
	}

	.spa-mouse {
		position:relative;
		margin-bottom: 5px;	
	}	
	
	.groom-text1, .left-box1, .daycare-text3  {
		width:  100%;
	}
	
	.box1, .box2 { 
		width:100%; 
		border: 0;
	}

	.text-box1, .text-box2 {
		width: 80%;
		margin-right: 5%;
	}
	
	.daycare-text2 { 
		width: 100%; 
	}

	.spa-text1 {
		width:  100%;
	}	
	
	.petcare-text1 {
		width:  100%;
	}	
}

@media screen and (max-width: 480px) {

	.text-box1, .text-box2 {
		width: 70%;
	}

}

@media screen and (max-width: 320px) {
		
	.text-box1, .text-box2 {
		width: 100%;
	}
	
	.contact-rev {
		width: 100%;
	}

	.contact-box1 {
		height: 149px;	
	}
	
}

@media screen and (max-width: 240px) {
	
}