@import "reset.css";
@import "grid.css";
@import "jqtransform.css";
@import "jquery.fancybox-1.3.4.css";
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video
{
	display: block;
}
mark, rp, rt, ruby, summary, time
{
	display: inline;
}
/*global*/
body
{
	position: absolute;
	font: 13px/20px Arial, sans-serif;
	color: #3e3e3e;
	min-width: 1020px;
	min-height: 760px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}
body p a
{
	text-decoration: none;
}
body p a:hover
{
	text-decoration: underline;
}
h1
{
	position: relative;
	margin-top: 78px;

height: 130px;
font-size: 26px;
color: yellow;

}
h1 > a
{
	position: relative;
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 206px;
	height: 284px;
	<!--background: url(../images/logo.png) center no-repeat;-->
}
h2
{
	font: 36px/1.2em 'Courgette' , cursive;
	color: #29b1b2;
	padding-bottom: 7px;
}
h3
{
	font-weight: 700;
	padding-bottom: 20px;
}
p
{
	padding-bottom: 18px;
}
#glob
{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 2;
}
.spinner
{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url( "../images/ajax-loader.gif") 50% 50% no-repeat #f9f9f2;
}
.spinner_bg
{
	background-position: 10px 65px;
	background-color: transparent;
}
#bgStretch
{
	z-index: 1;
}
#bgStretch > img
{
	background: #f9f9f2;
}
header, footer
{
	position: absolute;
	width: 100%;
	z-index: 100;
}
/*header*/
header
{
	top: 0px;
	height: 57px;
	background: url(../images/header_bg.png) center top repeat-x;
}
#leftPanel
{
	position: absolute;
	height: 100%;
	width: 206px;
	top: -153px;
	left: 20px;
	z-index: 100;
}
/*end header*/
/*footer*/
footer
{
	bottom: 0px;
	height: 41px;
	background: url(../images/footer_bg.png) center bottom repeat-x;
}
footer p
{
	position: relative;
	font: 13px/1.2em 'Droid Sans' , sans-serif;
	color: #414242;
	margin: 19px -9px;
}
footer p a
{
	color: #414242;
}
/*end footer*/
/*menu*/
.menu
{
	position: relative;
	display: inline-block;
	margin: 12px -18px 0;
}
#menu > li
{
	display: inline-block;
	position: relative;
	background: url(../images/menu_divider.png) right 11px no-repeat;
	padding: 0 27px 0 20px; /*width: 105px;*/
}
#menu > li:first-child
{
	display: none;
	padding: 0;
}
#menu > li.no_bg
{
	background: none;
}
#menu > li > a
{
	position: relative;
	display: inline-block;
	font: 21px/1.2em 'Courgette' , cursive;
	color: #565656;
	text-transform: lowercase;
}
#menu > li > a > strong
{
	display: inline-block;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	color: #29b1b2;
	font-weight: normal;
	z-index: 10;
	height: 0;
	overflow: hidden;
}
.submenu_1, .submenu_2
{
	position: absolute;
	z-index: 9100;
	width: 120px;
	left: -20px;
	top: 45px;
	background: url(../images/submenu_bg.png);
	text-align: center;
	box-shadow: 0 0 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.5);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 20px 5px;
	display: none;
}
.submenu_1 li
{
	position: relative;
	display: block;
}
.submenu_1 a
{
	position: relative;
	display: block;
	font: 17px/1.2em 'Courgette' , cursive;
	color: #565656;
	text-transform: lowercase;
}
.submenu_1 li > a:hover, .submenu_1 li.sfHover > a
{
	color: #29b1b2;
}
.submenu_2
{
	left: 130px;
	top: -20px;
}
/*end menu*/
/*pages*/
#content
{
	position: relative;
	width: 940px;
	height: 555px;
	margin: -223px 0 0 103px;
	z-index: 50;
}
#content > ul
{
	width: 569px;
	height: 427px;
	margin: 306px 0 0 314px;
	position: relative;
	z-index: 50;
	overflow: hidden;
}
#content > ul > li:first-child
{
	background: none;
	display: none;
	visibility: hidden;
	border: none;
}
#content > ul > li
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden;
}
#content > ul > li > div
{
	position: relative;
	border: 1px solid #efeddc;
	overflow: hidden;
	height: 425px;
}
#bg_front, #bg_back
{
	position: absolute;
	left: 283px;
	top: -51px;
	width: 629px;
	height: 530px;
	z-index: -1;
}
#bg_front
{
	z-index: 0;
	background: url(../images/content_bg_front.png) center no-repeat;
	left: 2000px;
}
#bg_back
{
	background: url(../images/content_bg_back.png) center no-repeat;
	left: 262px;
	left: -2000px;
}
.slider
{
	width: 460px;
	height: 310px;
}
/*
#slider2{
width: 460px;
height: 310px;
}
*/
.btnsHolder
{
	position: absolute;
	top: 12px;
	right: -1px;
}
.btnsHolder > a
{
	display: inline-block;
	position: relative;
	width: 23px;
	height: 23px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background: #e9e9e8;
}
.btnsHolder > a > span
{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
}
.prevBtn > span
{
	background: url(../images/arrowL.png) left center no-repeat;
}
.nextBtn > span
{
	background: url(../images/arrowR.png) right center no-repeat;
}
.readMore
{
	position: relative;
	display: inline-block;
	font-weight: 700;
	color: #3e3e3e;
	text-transform: lowercase;
	text-decoration: underline;
}
.readMore_New
{
	position: relative;
	display: inline-block;
	font-weight: 700;
	color: #3e3e3e;
	text-transform: lowercase;
}
.readMore:hover
{
	text-decoration: none;
}
.list1
{
	margin: 7px 0 17px;
}
.list1 > li
{
	position: relative;
	display: inline-block;
	margin-right: 16px;
	width: 140px;
}
.list1 > li.right
{
	margin-right: 0;
}
.list1 > li > a
{
	position: relative;
	display: block;
	width: 100%;
	height: 116px;
	margin-bottom: 7px;
}
.list1 > li > h3
{
	padding-bottom: 14px;
}
.list2
{
	margin-bottom: 17px;
}
.list2 > li
{
	position: relative;
	margin-bottom: 6px;
	background: url(../images/list_icon.png) 0px 5px no-repeat;
}
.list2.type2 > li.width2
{
	width: 212px;
}
.list2.type2 > li
{
	display: inline-block;
	width: 192px;
	margin-right: 5px;
}
.list2.type2.ie > li.width2
{
	width: 232px;
}
.list2.type2.ie > li
{
	width: 212px;
}
.list2 > li > a
{
	font: 11px/1.2em Arial, sans-serif;
	color: #ada797;
	text-transform: uppercase;
	margin-left: 8px;
}
.list2 > li > a:hover
{
	text-decoration: underline;
}
.list3 > li
{
	position: relative;
	display: block;
	margin-bottom: 22px;
}
.list3 > li > img
{
	float: left;
	margin: 5px 15px 0px 0;
}
.list3 > li > div > p:first-child
{
	color: #29b1b2;
	padding-bottom: 0;
}
.sitem_over
{
	position: absolute;
	background: url( '../images/pic_bg_over.png');
	z-index: 2;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}
.sitem_over > strong
{
	position: relative;
	background: url( '../images/icon_zoom.png') center no-repeat;
	width: 100%;
	height: 100%;
	display: block;
}
/*PADDINGS*/
.pad1
{
	padding: 33px 0 0 42px;
}
.mar1
{
	margin-left: 130px;
}
.mar2
{
	margin: -3px 16px 0 -1px;
}
.mar3
{
	margin: -4px 0 -12px;
}
.mar4
{
	margin: -4px 0 -8px;
}
.color1
{
	color: #3e3e3e;
}
.width1
{
	display: inline-block;
	width: 72px;
}
.width2
{
	display: inline-block;
	width: 56px;
}
.fontStyle1
{
	text-transform: uppercase;
	color: #ada797;
	font-size: 11px;
}
.fontStyle2
{
	display: block;
	padding-bottom: 3px;
}
.fontStyle3
{
	text-transform: lowercase;
	color: Black;
	font-size: 11px;
}
/*additional classes*/
.fleft
{
	float: left;
}
.wrapper
{
	width: 100%;
	overflow: hidden;
}
a
{
	text-decoration: none;
}
a.nound, .nound a
{
	text-decoration: none;
}
a.nound:hover, .nound a:hover
{
	text-decoration: underline;
}
.nopad
{
	padding: 0;
}
.clear
{
	clear: both;
	line-height: 0;
}
/*google map*/
.google_map
{
	position: relative;
	overflow: hidden;
	border-radius: 0px;
	width: 100%;
	height: 290px;
	border: none;
	box-shadow: none;
	background-color: #f9f9f2;
	background-image: url(../images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: 50%;
}
/*end google map*/
/* Forms*/
#form1
{
	position: relative;
	margin-top: 6px;
	height: 170px;
}
#form1 input, #form1 textarea
{
	position: relative;
	background: none;
	border: 1px solid #dfd9cb;
	color: #3e3e3e;
	padding: 7px 8px 6px;
	width: 207px;
	outline: none;
	box-shadow: none;
	margin: 0;
}
#form1 textarea
{
	width: 439px;
	height: 44px;
	overflow: auto;
	resize: none;
}
#form1 label
{
	display: inline-block;
	min-height: 40px;
	position: relative;
	width: 228px;
}
#form1 .success
{
	position: relative;
	padding-bottom: 3px;
	color: #29b1b2;
	margin-top: -18px;
}
#form1 .error, #form1 .empty
{
	text-align: left;
	display: none;
	font-size: 10px;
	color: #29b1b2;
	margin-left: 3px;
	margin-top: -3px;
	position: relative;
}
fieldset
{
	height: 210px;
}
.btns
{
	padding: 16px 2px 0;
	position: relative;
	float: right;
}
.btns a
{
	display: inline-block;
	margin-left: 18px;
}
/* Form defaults */
input, select, textarea
{
	font: normal 13px/1.2em Arial, sans-serif;
	vertical-align: middle;
}
/*end forms*/
/*scroll*/
.outside
{
	position: relative;
}
.scroll
{
	float: left;
}
.outside .scroll
{
	width: 461px;
	height: 305px;
}
.scroll-btns
{
	position: absolute;
	top: -37px;
	right: 0px;
}
.btnDown, .btnUp
{
	display: inline-block;
	position: relative;
	width: 23px;
	height: 23px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background: #e9e9e8;
}
.scroll-btns > a > span
{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
}
.btnDown > span
{
	background: url(../images/arrow_down.png) center bottom no-repeat;
}
.btnUp > span
{
	background: url(../images/arrow_up.png) center top no-repeat;
}
.NewPad
{
	padding-bottom: 10px;
}
.NewHeader
{
	font-weight: 700;
	padding-bottom: 8px;
}
h2 > a
{
	position: relative;
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 206px;
	height: 250px;
	background: url(../images/pets-welcome.png) center no-repeat; /*margin-top: 5px;*/
}
h4 > a
{
	position: relative;
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 35px;
	height: 35px;
	background: url(../images/facebook_ico.png) center no-repeat; /*margin-top: 5px;*/
}
/*end scroll*/