/*!
 * River Raisin Veterinary Clinic Custom CSS
 *
 * Copyright 2012 Charles Ryder
 *
 * http://www.chasryder.com
 *
 * Designed and built by Charles Ryder
 */

body{ color: #264258; font-size: 18px; background-image: url(data:image/png;base64,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)
 }

/*
* General Structure
*/
.content{  }

/*
* Custom Home Styling	
*/
.home h1{ line-height: .6em; text-align: center; position: relative; padding-right: 80px }
.home h1 span.light{ text-align: left }
.home .pets{ position: absolute; top: 7px; right: 0 }
.home .light2{ font-size: 36px }
.home .lead.bb.bt{ border-top-color: #babbbb; border-bottom-color: #babbbb; padding: 20px }

.ribbon{ background: url(../img/ribbon.png) no-repeat center; height: 81px; padding: 12px 50px; text-align: center; margin-top: -17px }
.ribbon h2{ margin: 0; padding: 10px 0 0; font-size: 26px; line-height: 1.2em }
.ribbon h2 em{ display: block; }


/*
* Headers
*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4{
	font-family: "AmaranthRegular", Geneva, serif; font-weight: normal;
}
h5{ font-family: "fontinregular", Geneva, serif; }

h1{ font-size: 80px; color: #264258;  font-weight: normal; margin-bottom: .25em; line-height: .8em }
h1 span{ display: block; font-size: 28px; }
h1 .light{ color: #7cb4d7; }
h1 .light2{ color: #2574ad }

h2{ color:#2474ab }
h2 em{ color: #264258 }

h3{ margin-bottom: .5em }

p{ font-family: "fontinregular", Geneva, serif; line-height: 1.2em }
p.lead{ font-size: 20px; margin: 1em 0; }

em{ font-style: normal; color: #2574ab }

/*
*  Header Styling
*/
.navbar-inverse .navbar-inner{ background: transparent; border: none; box-shadow: none }
.navbar-inner .brand{ width: 276px; height: 163px; display: block; background: url(../img/logo.png) no-repeat; text-indent: 300px; white-space: nowrap; overflow: hidden; margin-left: 0 }

.navbar-inner .container{ background: url(../img/header-bg-middle.png) no-repeat 276px 0; max-width: 1170px; position: relative }
.navbar-inner .container .end{ width: 255px; height: 29px; position: absolute; right: 5px; top: 0; background: url(../img/header-bg-end.png) no-repeat top left }

.navbar-inner .nav-collapse{ margin-top: 60px }

.navbar-inverse .nav > li > a{ margin: 0 30px 0 0; font-family: "AmaranthRegular", Geneva, serif; color: #654435; font-size: 22px; text-shadow: none }

.navbar-inverse .nav > li > a:hover,
.navbar-inverse .nav .active > a, 
.navbar-inverse .nav .active > a:hover, 
.navbar-inverse .nav .active > a:focus {
	background-color: rgba(124,180,215,.2); border-radius: 8px; color: #654435; box-shadow: inset 1px 1px 3px rgba(0, 0, 0 ,.35);
}

/*
* Helpers
*/
.bb{ border-bottom: 1px solid #acacad }
.bt{ border-top: 1px solid #fff }
.br{ border-right: 1px solid #acacad }
.bl{ border-left: 1px solid #fff }

.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.hidden{ display: none }

/*
* Forms
*/
select{ width: 200px }


/* 
* Footer styling 
*/
footer{ background: #2574ab; color: #e0c280; font-size: .9em; box-shadow: 0 5px 5px rgba(0,0,0,.3); border-bottom: 3px solid #1a2d3c; }
footer .container{ position: relative; padding: 15px 0; }
footer .bl{ border-left-color: #1e5f8c }
footer .br{ border-right-color: #4b8bb7 }

footer div.row .span3 p{ padding: 10px 0 0 70px; min-height: 2.5em }
footer div.row .span3{ margin: 0; padding-right: 28px; }
footer div.row h3{ color: #fff }
div.location{ background-image: url(../img/icon-location.png); background-repeat: no-repeat; background-position: 20px center }
div.hours{ background-image: url(../img/icon-hours.png); background-repeat: no-repeat; background-position: 20px center }
div.phone{ background-image: url(../img/icon-phone.png); background-repeat: no-repeat; background-position: 20px center }
	div.phone p, div.hours p{ line-height: 2.5em }
	footer .fb-follow{ display: block; width: 143px; height: 64px; position: absolute; right: 14px; top: -30px; background: url(../img/fb-follow.png) no-repeat; }
	footer .dog{ position: absolute; bottom: 0px; left: -50px }
	footer .wht-dog{ position: absolute; top: 12px; right: 20px; z-index: 1 }
footer h3{ color: #7cb4d7; margin: 0; padding: 0; line-height: 2.5em; text-align: right; font-family: 'fontinregular', Arial, sans-serif }

.copyright{ font-family: Helvetica, Arial, sans-serif; font-size: 12px; padding: 10px 5px 5px; color: #7cb4d9 }


/* Custom Page Styles */


/* Staff page */
.staff .span3 img{ border: 8px solid #fff; box-shadow: 2px 2px 12px #666; max-width: 250px; }
.staff .pic{ -webkit-transform:scale(0.95); /*Webkit: Scale up image to 1.2x original size*/
	-moz-transform:scale(0.95); /*Mozilla scale version*/
	-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
	-moz-transition-duration: 0.5s; /*Mozilla duration version*/
}
.staff .pic:hover{ border-color: #f4f4f4;
	-webkit-transform:scale(1); /*Webkit: Scale up image to 1.2x original size*/
	-moz-transform:scale(1); /*Mozilla scale version*/	
}
.staff .staff-cutout{ float: right; width: 60%; margin-bottom: 30px }

.staff h3{ margin-bottom: 0; line-height: 1em; margin-top: 20px }
.staff h4{ margin-top: 0; margin-bottom: 80px; line-height: 1em }

@media (min-width: 980px) {
	.staff-flex{ display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row wrap;}
	.staff-flex .span3{ width: 24%; margin-left: 0; }
}
@media (min-width: 768px) and (max-width: 979px) {
	.staff-flex .span3{ width: 30%; }
}

.staff .span3:nth-child(1) img{
	transform:rotate(7deg);
	-ms-transform:rotate(7deg); /* IE 9 */
	-moz-transform:rotate(7deg); /* Firefox */
	-webkit-transform:rotate(7deg); /* Safari and Chrome */
	-o-transform:rotate(7deg); /* Opera */
}
.staff .span3:nth-child(2) img{
	transform:rotate(-3deg);
	-ms-transform:rotate(-3deg); /* IE 9 */
	-moz-transform:rotate(-3deg); /* Firefox */
	-webkit-transform:rotate(-3deg); /* Safari and Chrome */
}
.staff .span3:nth-child(3) img{
	transform:rotate(5deg);
	-ms-transform:rotate(5deg); /* IE 9 */
	-moz-transform:rotate(5deg); /* Firefox */
	-webkit-transform:rotate(5deg); /* Safari and Chrome */
}
.staff .span3:nth-child(4) img{
	transform:rotate(-2deg);
	-ms-transform:rotate(-2deg); /* IE 9 */
	-moz-transform:rotate(-2deg); /* Firefox */
	-webkit-transform:rotate(-2deg); /* Safari and Chrome */
}
.staff .span3:nth-child(5) img{
	transform:rotate(6deg);
	-ms-transform:rotate(6deg); /* IE 9 */
	-moz-transform:rotate(6deg); /* Firefox */
	-webkit-transform:rotate(6deg); /* Safari and Chrome */
	-o-transform:rotate(6deg); /* Opera */
}
.staff .span3:nth-child(6) img{
	transform:rotate(-2deg);
	-ms-transform:rotate(-2deg); /* IE 9 */
	-moz-transform:rotate(-2deg); /* Firefox */
	-webkit-transform:rotate(-2deg); /* Safari and Chrome */
	-o-transform:rotate(-2deg); /* Opera */
}
.staff .span3:nth-child(7) img{
	transform:rotate(4deg);
	-ms-transform:rotate(4deg); /* IE 9 */
	-moz-transform:rotate(4deg); /* Firefox */
	-webkit-transform:rotate(4deg); /* Safari and Chrome */
	-o-transform:rotate(4deg); /* Opera */
}
.staff .span3:nth-child(8) img{
	transform:rotate(-3deg);
	-ms-transform:rotate(-3deg); /* IE 9 */
	-moz-transform:rotate(-3deg); /* Firefox */
	-webkit-transform:rotate(-3deg); /* Safari and Chrome */
	-o-transform:rotate(-3deg); /* Opera */
}
.staff .span3:nth-child(9) img{
	transform:rotate(7deg);
	-ms-transform:rotate(7deg); /* IE 9 */
	-moz-transform:rotate(7deg); /* Firefox */
	-webkit-transform:rotate(7deg); /* Safari and Chrome */
	-o-transform:rotate(7deg); /* Opera */
}
.staff .span3:nth-child(10) img{
	transform:rotate(-3deg);
	-ms-transform:rotate(-3deg); /* IE 9 */
	-moz-transform:rotate(-3deg); /* Firefox */
	-webkit-transform:rotate(-3deg); /* Safari and Chrome */
}
.staff .span3:nth-child(11) img{
	transform:rotate(5deg);
	-ms-transform:rotate(5deg); /* IE 9 */
	-moz-transform:rotate(5deg); /* Firefox */
	-webkit-transform:rotate(5deg); /* Safari and Chrome */
}
.staff .span3:nth-child(12) img{
	transform:rotate(-2deg);
	-ms-transform:rotate(-2deg); /* IE 9 */
	-moz-transform:rotate(-2deg); /* Firefox */
	-webkit-transform:rotate(-2deg); /* Safari and Chrome */
}

/* Service */
.services{ padding-bottom: 80px }
.service p{ margin: 0 }

/* Products */
.products{ margin-bottom: 40px }
.product{ background: #FFF; box-shadow: 2px 2px 12px #ccc; margin-bottom: 20px; padding: 10px }
.product .type{ min-height: 160px }

/* Photo Tour */
.photo-tour{ padding-bottom: 80px }
.photo-tour .span12{ margin-bottom: 40px }
.photo-tour .pic{ border: 8px solid #fff; box-shadow: 2px 2px 12px #ccc; margin-bottom: 20px }

/* Contact Us */
.contact .building img{ margin-bottom: 20px; border: 8px solid #FFF; box-shadow: 2px 2px 12px #666;  }
.contact #map_canvas{ margin-bottom: 40px }

/* Font include */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 12, 2012 10:04:51 AM America/New_York */

@font-face {
    font-family: 'AmaranthRegular';
    src: url('../fonts/Amaranth-webfont.eot');
    src: url('../fonts/Amaranth-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Amaranth-webfont.woff') format('woff'),
         url('../fonts/Amaranth-webfont.ttf') format('truetype'),
         url('../fonts/Amaranth-webfont.svg#AmaranthRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AmaranthItalic';
    src: url('../fonts/Amaranth-Italic-webfont.eot');
    src: url('../fonts/Amaranth-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Amaranth-Italic-webfont.woff') format('woff'),
         url('../fonts/Amaranth-Italic-webfont.ttf') format('truetype'),
         url('../fonts/Amaranth-Italic-webfont.svg#AmaranthItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AmaranthBold';
    src: url('../fonts/Amaranth-Bold-webfont.eot');
    src: url('../fonts/Amaranth-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Amaranth-Bold-webfont.woff') format('woff'),
         url('../fonts/Amaranth-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Amaranth-Bold-webfont.svg#AmaranthBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AmaranthBoldItalic';
    src: url('../fonts/Amaranth-BoldItalic-webfont.eot');
    src: url('../fonts/Amaranth-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Amaranth-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/Amaranth-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/Amaranth-BoldItalic-webfont.svg#AmaranthBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fontinbold';
    src: url('fontin-bold-webfont.eot');
    src: url('fontin-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontin-bold-webfont.woff') format('woff'),
         url('fontin-bold-webfont.ttf') format('truetype'),
         url('fontin-bold-webfont.svg#fontinbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'fontinitalic';
    src: url('../fonts/fontin-italic-webfont.eot');
    src: url('../fonts/fontin-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontin-italic-webfont.woff') format('woff'),
         url('../fonts/fontin-italic-webfont.ttf') format('truetype'),
         url('../fonts/fontin-italic-webfont.svg#fontinitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'fontinregular';
    src: url('../fonts/fontin-regular-webfont.eot');
    src: url('../fonts/fontin-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontin-regular-webfont.woff') format('woff'),
         url('../fonts/fontin-regular-webfont.ttf') format('truetype'),
         url('../fonts/fontin-regular-webfont.svg#fontinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'fontin_smallcapssmallcaps';
    src: url('../fonts/fontin-smallcaps-webfont.eot');
    src: url('../fonts/fontin-smallcaps-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontin-smallcaps-webfont.woff') format('woff'),
         url('../fonts/fontin-smallcaps-webfont.ttf') format('truetype'),
         url('../fonts/fontin-smallcaps-webfont.svg#fontin_smallcapssmallcaps') format('svg');
    font-weight: normal;
    font-style: normal;

}