/* editor styles */

@font-face {
                        font-family: 'CalendaryHands';
                        src: url('../fonts/CalendaryHands.eot');
       }

      @font-face {
                        font-family: 'CalendaryHands';
                        src: url('../fonts/CalendaryHands.woff') format('woff'),
                        url('../fonts/CalendaryHands.svg#CalendaryHands') format('svg');
       }

      h1 { font-family: "Helvetica", serif }

      h2 { font-family: "Helvetica", serif }

      h3 { font-family: "Helvetica", serif }

      h4 { font-family: "Helvetica", serif }

      h5 { font-family: "Helvetica", serif }

      h6 { font-family: "Helvetica", serif }

      body { font-family: "Helvetica", serif }

.editor {
	width: 100%;
}
.editor a {
	color: #C33235;
}
.editor a:hover {
	color: #8D8D8D;
}
.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 {
	font-weight: 300;
	color: #c30303;
	line-height: 1.1;
    margin-bottom: 14px;
    margin-top: 14px;
    text-rendering: optimizelegibility;
}
.editor h1 {
	font-size: 2.0em;
	font-weight: 600;
}
.editor h2 {
	font-size: 2.0em;
}
.editor h3 {
	font-size: 1.8em;
}
.editor h4 {
	font-size: 1.6em;
}
.editor h5 {
	font-size: 1.4em;
}
.editor h6 {
	font-size: 1.2em;
}
.editor p, .editor ul, .editor ol, .editor table {
	line-height: 20px;
}
.editor ul, .editor ol {
	margin-left: 2.5em;
}

/* form styles */

form.styled label {
	float: left;
	width: 140px;
}
form.nofloat label, form.styled label.auto {
	float: none;
	width: auto;
}
form.styled p {
	overflow: auto;
	width: 100%;
}
form.styled .text, form.styled select {
	border: 1px solid #CCC;
	padding: 10px 5px;
	width: 400px;
	border-radius: 4px 4px 4px 4px;
	font-size: 1.0em;
}
#side form.styled .text, #side form.styled select {
	width: 185px;
}
form.styled textarea.text {
	height: 100px;
	overflow: auto;
}
form.styled .big {
	width: 400px;
}
form.styled .side {
	width: 185px;
}
form.styled textarea.big {
	height: 200px;
}
form.styled .btn {
	background: #C03538;
	padding: 8px 10px;
	border-radius: 3px;
	color: #FFF;
	border: 0;
	cursor: pointer;
}
form.styled label em {
	font-style: normal;
	color: #e74528;
}
form.styled .center {
	text-align:center;
}
form.styled .left {
	text-align:left;
}
/* messages */

.error {
	border: 1px solid #e74528;
	border-radius: 5px;
	padding: 5px 10px 5px 30px;
	background: url(../img/icons/error.png) 8px 50% no-repeat #eee;
	line-height: 1em;
	color: #e74528;
}
.success {
	border: 1px solid #69a101;
	border-radius: 5px;
	padding: 5px 10px 5px 30px;
	background: url(../img/icons/success.png) 8px 50% no-repeat #eee;
	line-height: 1em;
	color: #69a101;
}
.info {
	border: 1px solid #2a7bc5;
	border-radius: 5px;
	padding: 5px 10px 5px 30px;
	background: url(../img/icons/info.png) 8px 50% no-repeat #eee;
	line-height: 1em;
	color: #2a7bc5;
}

/* tables */

table.styled {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
table.styled th, table.styled td {
	padding: 5px;
	border: 1px solid #CCC;
	background: #FFF;
}
table.styled th {
	background: #3399CC;
	color: #FFF;
}
table.styled td.min {
	width: 20px;
	text-align: center;
	padding-top: 5px;
}
table.styled td.min img {
	display: block;
	margin: 0 auto;
}

/* skip to content link */

#skip {
	text-align:center;
}

#skip a {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

#skip a:focus {
	position:static;
	width:auto;
	height:auto;
	padding:5px;
	display: block;
}

/* clearfix */

.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

/* blog/news */

.post_thumb {
	float: right;
	margin:0 0 10px 10px;
	clear: both;
}

.rss {
	float: right;
	background:url(../img/icons/rss.png) 0 50% no-repeat;
	padding-left:20px;
}

/* gallery */

.gallery {
	width:100%;
	overflow: auto;
	margin-top: 20px;
}

.gallery a {
	display: block;
	width:150px;
	height:173px;
	float: left;
	margin:0 0 10px 10px;
}

.gallery img {
	display: block;
	border: 3px solid #EEEEEE;
}

/* slideshow */

.slideshow {
	width:100%;
	height:386px;
	overflow: hidden;
	margin-bottom:10px;
}

/* locations */

.location {
	width:100%;
	overflow: auto;
	margin-bottom: 1em;
}

.location .map {
	width:400px;
	height:300px;
	float:right;
	margin-left: 10px;
}

.location .editor {
	width:auto;
}

#location_map {
	width:100%;
	height:500px;
}

/* animals */

.animal {
	width:100%;
	overflow: hidden;
	margin-bottom: 1em;
}

.animal_left {
	float: left;
	width:350px;
	margin-right:10px;
}

.animal_left img, .animal_col1 img {
	border-radius: 10px;
}

.animal_right {
	float: left;
	width:620px;
}

.animal_btns {
	width:100%;
	overflow: hidden;
}

.animal_btns .btn {
	display: block;
	float: right;
	margin-left: 10px;
	background: #3399CC;
	padding: 6px 8px;
	border-radius: 3px;
	color: #FFF;
	box-shadow: 1px 1px 1px #ccc;
	text-decoration: none;
}

.animal_btns .dark {
	background:#297AA3;
}

.animal_btns a:hover {
	color:#FFF;
	text-decoration: underline;
}

.animal_col1 {
	width:280px;
	float: left;
	margin-right:10px;
}

.animal_col1 .video {
	width:100%;
	height:180px;
}

.animal_col1 .video * {
	width:100%;
	height:100%;
	overflow: hidden;
	padding:0;
	margin: 0;
}

.animal_col2 {
	width:340px;
	float: left;
	margin-right:10px;
}

.animal_col3 {
	width:340px;
	float: left;
}

.animal .pedigree {
	margin-bottom:1em;
	font-size:.8em;
}

.animal .pedigree .lvl1 {
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 0px;
}

.animal .pedigree .lvl2{
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 70px;
}

.animal .pedigree .lvl3{
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 120px;
}

.animal .pedigree .linedown {
	border-left: 1px solid #BE9E23;
	border-top: 1px solid #BE9E23;
	float: left;
	height: 5px;
	margin-right: 10px;
	margin-top:4px;
	width: 50px;
}

.animal .pedigree .lineup {
	border-left: 1px solid #BE9E23;
	border-bottom: 1px solid #BE9E23;
	float: left;
	height: 5px;
	margin-right: 10px;
	margin-top:4px;
	width: 50px;
}

.view_animal .animal_left {
	width:49%;
	margin-right: 2%;
}

.view_animal .animal_right {
	width:49%;
}

.view_animal .animal_content {
	clear: both;
	padding-top:1em;
}

/* latest video */

#latest_video {
	width:320px;
	height:240px;
}

#latest_video * {
	width:100%;
	height:100%;
	overflow: hidden;
	padding:0;
	margin: 0;
}

/* latest images */

.latest_images {
	width:400px;
	list-style:none;
	margin:0 0 0.5em;
	padding:0;
}

.latest_images li {
	margin:0 10px 10px 0;
	padding:0;
	display:block;
	float:left;
	width:190px;
	height: 190px;
}

.latest_images img {
	max-width: 100%;
	max-height: 100%;
}
.phone {
	color: #E0BC7E;
	position: relative;
	margin-top: 20px;
	margin-left: 750px;
	font-size: 2.5em;
}
.phone a {
	color: #E0BC7E;
	text-decoration: none;
}
.boxholder {
	position: relative;
	width: 980px;
	z-index: 999;
	margin: auto;
	margin-top: -60px;
	}

.boxes {
    float: left;
    margin: 0px 8px 0 12px;
    width: 305px;
    height: 230px;
    overflow: hidden;
    background: #161616;
    color: #fff;
    z-index: 999;
}
.boxes h1 {
	font-size: 2em;
	font-family: "Helvetica",serif;
	margin: 20px 20px 0 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #666;
	color: #fff;
}
.boxes h1 a {
	color: #fff;
}
.boxes img {
	border: 3px solid #EEEEEE;
    margin: 0 15px;
}

.video {
	width: 450px;
	float: left;
	margin: 0 10px 0 20px;
}
.video h2 {
	font-size: 1.7em;
	font-family: "Helvetica",serif;
	background: #B52E32;
	color: #fff;
	padding: 5px 20px;
	border-radius: 5px;
}

.testimonial {
	background:#ececec;
	padding: 20px;
	border: 7px solid #eee;
    border-radius: 5px;
    margin: 10px;

}
.testimonial h2 {
	font-family: Helvetica;
	font-weight: 400;
	font-size: 1.2em;
	padding-bottom: 20px;
	margin-top: 20px;
}

#videos {
	width:100%;
	overflow: hidden;
}