/* raintree-animal-hospital.css */
body{
	background:#dbd4c0;
	background-image: url(images/common/header-bgnd.jpg);
	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#433e31;
	line-height:20px;
	margin: 0px;
	padding: 0px;
}

#page-container {
margin-left: auto;
margin-right: auto;
}

/******************/
/* header section */
/******************/
#header {
width: 100%;
margin: 0px;
padding: 0px;
}
#header1 {
background-image: url(images/common/header-box-bgnd.png);
width: 1005px;
height: 275px;
}
#header2 {
width: 100%;
}
#header1 a, #header2 a, #header3 a, #header3 .phone, #header4 a, #header4 .phone, #header5 a, #header5 .phone {
color: #d6cfbb;
font-family: "Amaranth",sans-serif;
font-size: 19px;
text-decoration: none;
}
#header4 .subtitle {
font-size: 18px;
}
#header5 .subtitle {
font-size: 14px;
}
#header5 a, #header5 .phone {
font-size: 14px;
}
.dows {
font-weight: bold; 
text-align: right;
padding-right: 5px;
}
.times {
text-align: left;
}

.phone { font-size: 20px; }
/******************/
/* navbar section */
/******************/
#navbar {
width: 100%;
}
#navbar a { 
color: #FFFFFF; 
text-decoration: none;
font-family: Arial,Helvetica,sans-serif;
font-size: 16px;
}
#navbar table {
border-collapse: collapse;
} 
#navbar td {
border-left: solid 1px #665952;
border-right: solid 1px #665952;
}
#navbar1 {
background-color: #504640;
margin-left: 12px;
margin-right: 8px;
}
#navbar1 .nav { 
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
line-height: 40px;
}
#navbar1 a:hover .nav, #navbar1 a:hover .nav {
	background-color: #322924;
	background-image: url(images/common/paw1.jpg);
	background-repeat: no-repeat;
}
#navbar2 {
background-color: #504640;
}
#navbar2 .nav { 
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
line-height: 30px;
}
#navbar3 {
background-color: #504640;
text-align: center;
}
#navbar3-contents div, #navbar3 div {
padding: 3px;
}
#navbar3-contents div:hover, #navbar3-header:hover {
background-color: #322924;
}

.hspacer {
background-color: #FFFFFF;
height: 2px;
margin-left: 12px;
margin-right: 8px;
}

/*******************/
/* content section */
/*******************/
#content {
margin-left: 12px;
margin-right: 8px;
box-shadow: 0 0px 20px -10px #000000;
background-color: #EBEADE;
border-left: solid #FFFFFF 8px;
border-right: solid #FFFFFF 8px;
border-bottom: solid #FFFFFF 8px;
}

.right-sidebar {
background-image: url(images/common/sidebar-vert.jpg);
background-repeat: repeat-y;
}

.home-notice {
border: 1px solid #ffffff;
margin: 10px;
padding: 10px;
background-color: #B2AC96;
font-style: italic;
color: #FFFFFF;
}

/* .home-notice a { color: #2b6820; } */
.home-notice a { color: #38872a; }

/******************/
/* footer section */
/******************/
#footer {
padding: 10px;
font-size: 10px;
color: #847b62;
margin-left: 12px;
margin-right: 8px;
}
#footer a {
color: #322924;
text-decoration: none;
}
#footer a:hover {
color: #847b62;
}
.footer-copyright { float: left; margin-right: 30px; }
.fcww { float: right; }

/************************/
/* layout rules section */
/************************/

/*******************/
/* generic section */
/*******************/
.subtitle {
color: #342b26;
font-family: "Amaranth",sans-serif;
font-size: 26px;
line-height: 35px;
}

.title {
color: #FFFFFF;
background-color: #342B26;
font-family: 'Raleway', sans-serif;
font-size: 20px;
line-height: 30px;
padding-left: 40px;
background-image: url(images/common/paw2.jpg);
background-repeat: no-repeat;
background-position: 2px 2px;
margin-bottom: 5px;
}

.title a, .title a:hover {
color: #FFFFFF;
}

h1 {
color: #1F5D2E;
font-family: "Amaranth",sans-serif;
font-size: 26px;
font-weight: bold;
line-height: 35px;
}

a {
color: #46aa35;
text-decoration: none;
}
a:hover {
color: #322924;
}

.whitebgnd {
background-color: #FFFFFF;
}

.notebox {
	background-color: #BEC0B3;
	padding: 10px;
}

.quote {
font-style: italic;
}

.notice {
font-size: 18px;
color: #DD0000;
}

.services {
color: #342b26;
text-decoration: none;
}

#nutrition, #health-tips, #labratory-tests, #heartworm-disease {
display: none;
}

.colfb1 {
float: right;
margin-left: 10px;
}

.home-icons {
float: left;
margin-right: 10px;
margin-top: 10px;
}

#home-icons-2 .home-icons {
margin-left: 10px;
}

.colfb2 {
margin-left: 10px;
margin-top: 10px;
}

.contactform {
width: 265px;
}

div.staff {
text-align: right;
margin-bottom: 10px;
}
img.staff {
	border: 1px solid #342b26;
}
img.staffw {
width: 300px;
margin-top: auto;
margin-bottom: auto;
}

div.vspace {
padding-top: 10px;
padding-bottom: 20px;
clear: both;
}

div.boarding { width: 29%; padding-left: 2%; padding-right: 2%; float: left; }
div.boardingb { width: 29%; padding-left: 2%; padding-right: 2%; float: left; }
#cat-boarding-rates { display: none; }
#dog-boarding-rates { display: none; }
#exotic-boarding-rates { display: none; }

#ferret-care { display: none; }
#guinea-pig-care { display: none; }
#rabbit-care { display: none; }
#lizard-care { display: none; }
#snake-care { display: none; }

#life-stage-chart-info td { text-align: center; }
#life-stage-chart-info td.blue { background-color: #00A5A5; }
#life-stage-chart-info td.yellow { background-color: #FFFF59; }
#life-stage-chart-info td.green { background-color: #6DC442; }

#life-stage-chart { display: none; }
#feline-silver-whiskers { display: none; }
#canine-silver-whiskers { display: none; }

div.rainbow-bridge { text-align: center; margin: 5px; float: left; }

#bannerbox {
	position: relative;
	width: 100%;
}
#bannerbottom {
	position: relative;
	z-index: 5;
	}
#bannertop {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	width
 }


/**************************/
/* responsive rules start */
/**************************/

/* screen width >= 1000px */
#header1 { display: block; }
#header2 { display: none; }
#header3 { display: none; }
#header4 { display: none; }
#header5 { display: none; }
#page-container { width: 1000px; }
#navbar1 { display: block; }
#navbar2 { display: none; }
#navbar3 { display: none; }
#navbar3-contents { display: none; }
#footer1 { display: block; }
#footer2 { display: none; }
.col1 { width: 96%; padding-left: 2%; padding-right: 2%; }
.col2 { width: 46%; padding-left: 2%; padding-right: 2%; float: left; }
.col4 { width: 21%; padding-left: 2%; padding-right: 2%; float: left; }
.colfb1 { width: 272px; padding: 0px; display: block; }
.right-sidebar { width: 29%; padding-left: 2%; padding-right: 2%; margin: 0%; float: right; }
.left-main { width: 61%; padding-left: 2%; padding-right: 2%; float: left; }
#home-icons-1 { display: block; }
#home-icons-2 { display: none; }
.colfb1 { display: block; }
.colfb2 { display: none; }


/* screen width<1000px */
@media only screen and (max-width : 1000px) 
{
body{ background-image: none; }
#page-container { width: 100%; margin: 0px; }
#header { background-color: #3F4920; }
#header1 { display: none; }
#header2 { display: block; }
#header3 { display: none; }
#header4 { display: none; }
#header5 { display: none; }
#navbar1 { margin-left: 0px; margin-right: 0px; }
.hspacer { margin-left: 0px; margin-right: 0px; }
#footer { margin-left: 0px; margin-right: 0px; }
#content { margin-left: 0px; margin-right: 0px; }
}

/* screen width<910px */
@media only screen and (max-width : 920px) 
{
#home-icons-1 { display: none; }
#home-icons-2 { display: block; }
}

/* screen width<740px */
@media only screen and (max-width : 740px) 
{
#navbar1 { display: none; }
#navbar2 { display: block; }
#navbar3 { display: none; }
#content-border { border: none; }
}

/* screen width<680px */
@media only screen and (max-width : 680px) 
{
#header1 { display: none; }
#header2 { display: none; }
#header3 { display: block; }
#header4 { display: none; }
#header5 { display: none; }
#page-container { width: 100%; margin: 0px; }
img.staffw { width: 250px; }
div.staff { text-align: center; }
div.boarding { width: 260px; float: none; border: 1px solid #000000; margin-bottom: 20px; padding-top: 10px; padding-bottom: 10px; }
div.boardingb { width: 260px; float: none; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px; }
}

/* screen width<600px */
@media only screen and (max-width : 600px) 
{
.colfb1 { display: none; }
.colfb2 { display: block; }
}
/* screen width<580px */
@media only screen and (max-width : 580px) 
{
#header1 { display: none; }
#header2 { display: none; }
#header3 { display: none; }
#header4 { display: block; }
#header5 { display: none; }
#page-container { width: 100%; margin: 0px; }
.col2 { width: 96%; padding-left: 2%; padding-right: 2%; }
.col4 { width: 46%; }
/* .right-sidebar { width: 96%; background-image: none; float: none; margin: 0px;  } */
.right-sidebar { width: 280px; background-image: none; float: none; margin: 0px;  }
.left-main { width: 96%; float: none; }
}

/* screen width<440px */
@media only screen and (max-width : 440px) 
{
#footer1 { display: none; }
#footer2 { display: block; }
}

/* screen width<400px */
@media only screen and (max-width : 400px) 
{
#navbar1 { display: none; }
#navbar2 { display: none; }
#navbar3 { display: block; }
#content { box-shadow: none; border: none; }
}

/* screen width<357px */
@media only screen and (max-width : 357px) 
{
#header1 { display: none; }
#header2 { display: none; }
#header3 { display: none; }
#header4 { display: none; }
#header5 { display: block; }
#page-container { width: 100%; margin: 0px; }
}

/* responsive rules end */