/*
   screen.css
   Baldivis Vet Hospital
   
   Created by Cale Woodley on 2008-05-07.
   Copyright 2008 Webfirm. All rights reserved.
*/

@import url("reset.css");

body {
	background: #5E5F9C url('../images/core/body-background.png') top left repeat-x;
	font: 0.69em Verdana, Tahoma, Arial, sans-serif;
}


#container {
	width: 800px;
	margin: 20px auto;
	background: #fff url('../images/core/container-background.png') repeat-y;
}


/* =HEADER
*********************************/
#header {
	background: #f8e0a5 url('../images/core/header-background.jpg') no-repeat;
	height: 210px;
	width: 800px;
}

#header img#logo {
	margin: 28px 0 0 15px;
	float: left;
	display: inline;
}

#header div#callnow {
	width: 181px;
	float: left;
	display: inline;
	margin: 106px 0 0 14px;
}

#header div#callnow span#callnow-phone {
	text-indent: -999em;
	width: 181px;
	height: 31px;
	background: url('../images/core/span-phone-background.png');
	display: block;
}

#header div#callnow p {
	color: #28295b;
	padding: 0 0 0 20px;
	line-height: 1.36em;
}

#header div#callnow a {color: #b26508;}
#header div#callnow a:hover {text-decoration: none;}


/* =CONTENT
*********************************/
#content {
	width: 500px;
	margin: 24px 50px 24px 0;
	float: right;
	display: inline;
	color: #57575b;
}

#content p {
	line-height: 1.64em;
	margin-bottom: 14px;
}

#content h1 {
	font-size: 18px;
	font-weight: normal;
	color: #35366b;
}

#content h2 {
	font-size: 14px;
	font-weight: bold;
	color: #57575B;
}

#content h3 {
	font-size: 13px;
	color: #919191;
}

#content h4 {
	font-size: 13px;
	color: #919191;
}

#content h5 {
	font-size: 12px;
	color: #919191;
}

#content h1, #content h2, #content h3, #content h4, #content h5 {
	margin-bottom: 14px;
}

#content a {color: #b26508;}
#content a:hover {text-decoration: none;}

#content ul {
	margin-left: 20px;
	margin-bottom: 14px;
}

#content ul li {
	list-style: disc;
	line-height: 18px;
}

#content img.float-left {
	float: left;
	display: inline;
	margin: 5px 10px 5px 0;
}

#content img.float-right {
	float: right;
	display: inline;
	margin: 5px 0 5px 10px;
}

#content ul.tick li {
	padding-left: 20px;
	list-style-type: none;
	background: url('../images/icon-tick.gif') left center no-repeat;
}

#content p.pdf {
	padding-left: 25px;
	background: url('../images/icon-pdf.gif') left center no-repeat;
}

ul#pdf {
}

ul#pdf li {
	padding-left: 25px;
	background: url('../images/icon-pdf.gif') left center no-repeat;
	list-style-type: none;
}

ul#list {
	list-style-type: square;
}

ol { 
	margin-left: 40px;
	padding-bottom: 14px;
}

ol li {
	line-height: 1.6em;
}


em {
	font-style: normal;
	color: #e59522;
}


/* =NAVIGATION
*********************************/
ul#nav {
	width: 200px;
	margin-bottom: 5px;
}

ul#nav li a {
	display: block;
	width: 200px;
	line-height: 25px;
	text-indent: -999em;
}

ul#nav a#nav-home {background-image: url('../images/nav/nav-home.png');}
ul#nav a#nav-about {background-image: url('../images/nav/nav-about.png');}
ul#nav a#nav-puppy {background-image: url('../images/nav/nav-puppy.png');}
ul#nav a#nav-kitten {background-image: url('../images/nav/nav-kitten.png');}
ul#nav a#nav-dog {background-image: url('../images/nav/nav-dog.png');}
ul#nav a#nav-cat {background-image: url('../images/nav/nav-cat.png');}
ul#nav a#nav-racehorses {background-image: url('../images/nav/nav-racehorses.png');}
ul#nav a#nav-otherhorses {background-image: url('../images/nav/nav-otherhorses.png');}
ul#nav a#nav-contact {background-image: url('../images/nav/nav-contact.png');}


ul#nav a:hover {background-position: -200px 0 ;}


/* =CTA
*********************************/
.cta-images {width: 200px; height: 196px; overflow: hidden;} /* degrades if no js available */


/* =FOOTER
*********************************/
#footer {
	height: 110px;
	width: 800px;
	clear: both;
	background: #f8e0a5 url('../images/core/footer-background.png') bottom center no-repeat;
	font-size: 0.91em;
	line-height: 1.80em;
	color: #57575b;
	text-align: center;
}

#footer p {
	padding: 30px 0 0 0;
}

#footer a {color: #b26508;}
#footer a:hover {text-decoration: none;}


/* =EXTRAS
*********************************/
hr {border:none; border-bottom:1px solid #ccc; margin:0 0 20px 0; padding:0 0 5px 0; height:1px;}
.top {padding:0 0 0 480px; padding:none;}
.baby-pic {float:right; margin: 0 0 0 15px;}

/*-----------------------
Gallery
----------------------*/
div#gallery { 
	width: 500px; 
	float: left;
}

div#gallery ul.gallery-list {
	list-style-type: none;
}

div#gallery ul li {
	display: inline;
	padding: 0 10px;
	float: left;
}

div#gallery ul li a img {
	border: 5px solid #f4c673;
}

div#gallery ul li a:hover img {
	border: 5px solid #dba94f;
}

div.gallery-caption {
	text-align: center;
	margin-top: 5px;
}

div.caption {
	font: 1em "Verdana";
	color: #ffffff;
	text-align: left;
	display: block;
	clear: both;
}