/* Universal reset */
* {
	padding: 0;
	margin: 0
}

/*************************** html elements ******************************/
body {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	background: #333;
	margin: 10px;
	padding: 0;
	color: #000;
}

input {
	border: 1px solid #ccc;
	padding: 3px;
	margin: 0 0 6px 0;	
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}

textarea {
	border: 1px solid #ccc;
	padding: 3px;
	margin: 0 0 6px 0;
	border-radius: 3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius: 3px; 
}

ol {
	padding: 20px 0 0 20px;
}
ol li {
	padding: 0 0 20px;
}

ul#portfolio{ 
	padding: 36px  0 0 0;
	margin: 0 
}
ul#portfolio li { 
	list-style-type:none}
ul#portfolio li img{  width: 960px}

/********************************** hyperlinks ********************************/
a img { 
	border: none;
}
a:link {
	color: #42413C;
	text-decoration: underline; }
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}
.footer a:link {
	color: #fff;
	text-decoration: underline; }
.footer a:visited {
	color: #fff;
	text-decoration: underline;
}
.footer a:hover, a:active, a:focus { 
	color: #FC0;
	text-decoration: underline;
}


/********************************** ids ********************************/
#blogBg {
	background:url(../images/pngs/blogBg.png) no-repeat
}
#blogRightColBg {
	background:url(../images/pngs/blogRightColCats.png) no-repeat
}
#catteryLeftCol {
	padding: 10px 0 0 40px ;
	width: 540px;
	float: left; 
}

#contactBtn {
	margin:0;
	display: block;
	width: 210px;
	height: 40px;
	background: url(/images/pngs/contact_btn.png) no-repeat 0 0
}
#contactBtn:hover {background-position:0 -49px}
#contactUs p {
	color: #fff;
	width: 260px;
	margin: 0 auto 
}
#contactUs table {
	font: .9em Arial, Helvetica, sans-serif;
	color: #fff;
	width: 200px;
	padding: 8px 0 0 0;
	margin: 0 auto	
}
#contactUs textarea {
	border: 1px solid #ccc;
	padding: 3px;
	margin: 0 0 6px 0;	
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 	
}
#contactUs input {
	border: 1px solid #ccc;
	padding: 3px;
	margin: 0 0 6px 0;	
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}
#gallery {
	background: url(../images/jpgs/contentGalleryBg.jpg) no-repeat;
	height: 800px
}

#viewCattery {
	float: right;
	padding:0;
	margin: 10px 50px 0 0;
	display: block;
	width: 157px;
	height: 25px;
	background: url(/images/pngs/viewCattery.png) no-repeat 0 0 
}
#viewCattery:hover {background-position:0 -26px}


/********************************** classes ********************************/

.container {
	width: 960px;
	background: #FFF;
	margin: 0 auto;
}

.content {
	width: 960px;
	height: 880px;
	padding: 0;
	background:url(/images/jpgs/contentBg.jpg) no-repeat 
}
.contentCattery {
	width: 960px;
	height: 960px;
	padding: 0;
	background:url(/images/jpgs/catteryBg.jpg) left bottom no-repeat 
}
.footer {
	height: 300px;
	padding: 10px 40px 0 40px;  
	background: url(../images/jpgs/footerBg.jpg) no-repeat;
	position: relative; 
	clear: both; 
	color: #fff; 
}
.footer h2 {
	font: 1.4em/1.6 Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0  ;  
}
.footer p {
	font: .9em/1.6 Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 0  ;  
}
.footer .left {
	width: 70%;
	float: left;
	display: inline  
}
.footer .right {
	width: 30%;
	float: left;
	display: inline;
	text-align: right 
}

.galleryThumbs {
	padding: 20px 0 0 120px;
}
.galleryThumbs h1 {
	font: 1.7em/1.6 Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding:  0;  
}
.header {
	background: url(/images/jpgs/banner.jpg) no-repeat; 
	height: 286px
}

.homeBullets {
	background: url(/images/jpgs/homeBulletsBg.jpg) no-repeat 0 70px;
	height: 560px;
	padding: 0 10px 0 0
}

.homeBullets ul {
	width: 400px;
	padding: 20px 0 0 40px;
	list-style-type:none
}
.homeBullets ul li {
	padding: 2px 0 20px 40px;
	background:url(/images/pngs/pawBullet.png) no-repeat ;
	font: .8em/1.6 Arial, Helvetica, sans-serif;
}
.latestBlog {
	padding: 0 0 20px 0;
}


.leftCol {
	padding: 10px 10px 0 40px ;
	width: 600px;
	float: left;  
}


.leftCol h1 {
	font: 1.6em/1.6 Arial, Helvetica, sans-serif;
	color: #7F0000;
	margin: 0;
	padding: 20px 0 0 0;  
}
.leftCol h2 {
	font: 1.2em/1.6 Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 6px 0;  
}
.leftCol h3 {
	font: bold 1em/1.6 Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;  
}
.leftCol p {
	font: .8em/1.6 Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0 20px 10px 0;  
}
.menu {
	width: 920px;
	padding: 16px 0 0 40px;
	position: relative;
	z-index: 100
}
.menu ul {
	font-size: .9em;
	margin: 0;
	padding: 0;
	list-style: none; 
}
.menu ul li {
	display: block;
	position: relative;
	float: left; 
}
.menu li ul { display: none; }
.menu ul li a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding:9px 5px;
	margin-right: 20px;
	white-space: nowrap; 
}
.menu ul li a:hover { background: #96A0B8; }
.menu ul li:hover ul {
	display: block;
	position: absolute; 
}
.menu ul li:hover li { float: none; }
.menu ul li:hover a { background: #96A0B8; }
.menu ul li:hover li a:hover { background: #2D395F; }

.rightCol {
	float: left;
	width: 300px;
	height: 740px;
	background: url(../images/pngs/rightColCats.png) no-repeat 0 40px;
	padding: 0; 
}
.rightColCattery {
	float: left;
	width: 340px;
	height: 900px;
	padding: 0;
	background:url(/images/pngs/catteryRightColCats.png) no-repeat 
}
.rightCol table {
	font: .8em Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 140px 0 0 30px
}
.window h1 {
	font: 1.7em/1.6 Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	padding:  0;  
}
.window h2 {
	font: 1.4em/1.6 Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	padding: 6px 0 0 0;  
}
.window p {
	font: .8em/1.6 Arial, Helvetica, sans-serif;
	margin: 0;
	color: #fff;
}
.window ol {
	padding: 0 0 0 20px;
}
.window ol li {
	font: .8em/1.6 Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
	color: #fff;
}
.welcome {
	padding: 10px 0 14px 160px
}

/*************************  ClearBox styles **********************/
#container {
	width: 700px;
	height: 100px;
	margin-right:auto;
	margin-left:auto;
	margin-top:20px;
	margin-bottom:5px;
	font-size:11px;
}
.item a img {
	float:left;
	padding:3px;
	background-color: #ffffff;
	margin: 5px;
	border:1px solid #cccccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.45),0px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.45),0px 1px 2px rgba(0,0,0,0.2);
	box-shadow:0 0 5px rgba(0,0,0,0.45),0px 1px 2px rgba(0,0,0,0.2);	
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;
}
.item a:hover img, .item a:active img {
	padding:3px;
	border:1px solid #cccccc;
	filter:alpha(opacity=99);
	-moz-opacity:0.99;
	-khtml-opacity: 0.99;
	opacity: 0.99;
}
.clearfix:after{
	clear:both;
}
#inline{
	visibility: hidden;
	color:#444;
}
		
/*************************  Blog styles **********************/

.blog img {
	float: left;
	margin: 0 10px 10px 10px;
}
.blog {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	color: #000;
	float: left;
	display: inline;
	width: 600px;  
}
.blog p {
	font: .8em Arial, Helvetica, sans-serif;
	margin: 6px 0 0 0;
	line-height: 1.6em
}
.blog p a {
	font: 1em Arial, Helvetica, sans-serif;
	margin: 0;
}
.blog h1 { 
	font: 1.1em Arial, Helvetica, sans-serif;
	color: #f60;
	padding:  30px 0 0 0
}
.blog h2 { 
	font: 1.1em Arial, Helvetica, sans-serif;
	padding: 30px 0 0 0;
	color: #F60
}
.blog h3 { 
	font: 1em  Arial, Helvetica, sans-serif;
}
.blog .readMore {
	font-size: .9em;
	float: left;
	clear: both;
	padding: 0 0 0 0;
}
.blog ul {
	font: .8em  Arial, Helvetica, sans-serif;
	margin: 20px 10px 0 20px
}
.blog ul li{
	margin: 15px 0 0 0
}
.blog a {
	text-decoration: underline;
	color: #360
}
.blog a: hover {
	text-decoration: underline
}
/*** INPUT/TEXTAREA GLOBAL SETTER ***/

.blog input[type="text"], .blog textarea {
	border: 0;
	padding: 3px;
	margin: 0 0 3px 0;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
}

/*** SYSTEM MESSAGES ***/

.blog .sysMsg {
	padding-left: 320px;
	font-size: 14px;
	margin: 0;
	font-weight: bold;
	float: left;
	margin-bottom: 10px;
}

/*** SEARCH FORM ***/

.blog .blogSearch {
	width:500px;
	height: 30px;
	float: left;
	clear: both;
	padding: 20px 0 0 0;
	margin: 0 0 0 0
}
.blog .backLink {
	font-size: .9em;
 	margin: 10px 0 20px 0;
	float: left
}
.blog .backLink:hover {
	background-position: bottom left;
}
.blog .blogPost, .blog .blogPostHeading, .blog .blogPostBody, .blog .pagination, .blog .blogPostSeparator {
	width: 100%;
	float: left;
	clear: both;
}
.blog .blogPostSeparator {
	display: block;
	margin: 12px 0 12px 0;
	width: 90%;
	border-bottom: 1px solid #ccc
}
.blog .blogPostDate {
	width: 80px;
	height: 68px;
	position: absolute;
	top: 0;
	left: -14px;
	background: url("../img/date_bg.jpg") no-repeat top left;
	text-align: center;
}
.blog .blogPostDate p {
	float: left;
	text-align: center;
	width: 100%;
}
.blog .blogPostDay {
 	line-height: 36px;
	font-weight: normal;
	color: #333;
	margin: 0px 0 16px;
}
.blog .blogPostMonth {
 	font-weight: normal;
	color: #333;
	margin: 0px;
}
.blog .blogPostHeading {
	margin-bottom: 0;
} 
.blog .blogPostTitle {
	position: relative;
	padding: 0;	 
}
body .blog .blogPostTitle p.author {
	width: 270px;
	padding: 0 0 0 0 ;
}

/*** PAGINATION ***/

.blog .pagination span {
	float: left;
	padding: 0 6px 20px 40px;
	font-size: 12px;
	font-weight: bold; 
}
.blog .pagination ul {
	float: left;
	margin: 0px;
	padding: 10px 0 30px 0;
	list-style: none;
}
.blog .pagination li {
	float: left;
	padding: 0 10px 0 0;
	margin: 0; 
}
.blog .pagination a, .blog .pagination strong {
	padding: 2px 6px;
	font-size: 12px;
	font-weight: bold;
}
.blog .pagination a {
	background-color: #c3bcb4;
	border: 1px solid #c3bcb4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #FFF;
	text-decoration: none;
}
.blog .pagination strong {
	background-color: #FFF;
	border: 1px solid #c3bcb4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #423220;
	text-decoration: none;
	cursor: default;
}	
		
body [id^=pjWrapper] {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: transparent!important;
}		
#pjWrapperContactForm_1 .pjCF-form label.cf-heading-large {
    font-size: 1.8em;
    padding: 0;
}		
#pjWrapperContactForm_1 .pjCF-form label.cf-heading-medium {
    font-size: 1.6em;
    padding: 0;
}	
#pjWrapperContactForm_1 .pjCF-form label.cf-heading-small {
    font-size: 1.2em!important;
    padding: 0 0 20px;
}		
#pjCF_container_1 {
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    background-color: transparent!important;
}