/*
Copyright (c) 2009, Blue Sky Veterinary Clinic, All Rights Reserved
Except where noted.
*/

/* YUI Reset */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version:3.0.0
build:1549
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/*/ YUI Reset */


/* Basic Typography */
strong,b,th,dl {font-weight:bold;}
a {color:#912020;text-decoration:none;}
a:hover {text-decoration:underline;}
em {font-style:italic;}

.left {float:left;}
.right {float:right;}
img.left {margin:10px 20px 10px 0;}
img.right {margin:10px 0 10px 20px;}
.clear {clear:both;}
.strong {font-weight:bold;}

span.shea {
	position:absolute;
	top:0;left:0;
	width:100%;height:100%;
}

/* Structure */
body {
	min-width:980px;
	color:#35353d;
	font-size:12px;
	font-family:helvetica,arial,sans-serif;
	background:#c0cbf5 url(../img/bg.jpg) repeat-x;
}

#wrapper {
	position:relative;
	width:960px;
	margin:0 auto;
	padding-top:176px;
}


/* Header */
#masthead {
	position:absolute;
	top:0;left:0;
	width:960px;height:131px;
}

#masthead #logo {
	position:absolute;
	left:0;bottom:-1px;
	width:700px;height:105px;
	color:#212792;
	font-weight:normal;
	font-size:44px;
	z-index:800;
}
#masthead #logo .tagline {
	display:block;
	font-size:20px;
	color:#35353d;
}
#masthead #logo span.shea {background:url(../img/header-logo.gif);}

#masthead p.tel {
	position:absolute;
	bottom:0;right:0;
	width:213px;height:40px;
	line-height:44px;
	color:#912020;
	font-size:30px;
	font-style:italic;
}
#masthead p.tel span {background:url(../img/header-tel.gif);}

/* Nav */
#nav {
	position:absolute;
	top:131px;left:0;
	width:960px;height:45px;
	border-bottom-color:#747371;
	background:#dfe0e6;
}

#nav li {float:left;}
#nav li.home {width:75px;}
#nav li.clinic {width:111px;}
#nav li.tour {width:124px;}
#nav li.meet {width:98px;}
#nav li.care {width:150px;}
#nav li.tips {width:144px;}
#nav li.store {width:132px;}
#nav li.contact {width:126px;}

#nav li a,
#nav li span.on {
	display:block;
	position:relative;
	width:100%;height:45px;
	font-size:14px;
	text-indent:10px;line-height:45px;
	font-weight:bold;
	color:#555;
}

#nav li span.shea {background:url(../img/nav.gif);}

#nav li.home a span.shea {background-position:0 0;}
#nav li.clinic a span.shea {background-position:-75px 0;}
#nav li.tour a span.shea {background-position:-186px 0;}
#nav li.meet a span.shea {background-position:-310px 0;}
#nav li.care a span.shea {background-position:-408px 0;}
#nav li.tips a span.shea {background-position:-558px 0;}
#nav li.store a span.shea {background-position:-702px 0;}
#nav li.contact a span.shea {background-position:-834px 0;}

#nav li.home a:hover span, #nav li.home span.on span.shea {background-position:0 -45px;}
#nav li.clinic a:hover span.shea, #nav li.clinic span.on span.shea {background-position:-75px -45px;}
#nav li.tour a:hover span.shea, #nav li.tour span.on span.shea {background-position:-186px -45px;}
#nav li.meet a:hover span.shea, #nav li.meet span.on span.shea {background-position:-310px -45px;}
#nav li.care a:hover span.shea, #nav li.care span.on span.shea {background-position:-408px -45px;}
#nav li.tips a:hover span.shea, #nav li.tips span.on span.shea {background-position:-558px -45px;}
#nav li.store a:hover span.shea, #nav li.store span.on span.shea {background-position:-702px -45px;}
#nav li.contact a:hover span.shea, #nav li.contact span.on span.shea {background-position:-834px -45px;}

/* Content */
#content {
	position:relative;
	width:958px;height:auto !important;height:400px;min-height:400px;
	font-size:15px;
	line-height:20px;
	background:#f4f1ed;
	border:1px solid #35353d;
	border-top:1px solid #747371;
	border-bottom-width:0;
}

/* Content Typography */

/* doctor images */

.doctor {clear:both;width:520px;}
 
.doctor img {
	width:140px;height:180px;
	border:1px solid #747371;
}

/* virtual tour */
object {display:block;}

/* contact page */
.clinic {width:280px;}

/* headers */
#content h1 {font-size:2em;}
#content h2 {font-size:1.4em;}
#content h3 {font-size:1.3em;}
#content h4 {font-size:1.2em;}
#content h5 {font-size:1.1em;}
#content h6 {font-size:1em;}
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 {
	color:#202691;
}
#content h2,#content h3,#content h4,#content h5,#content h6 {
	margin-top:18px;
	margin-bottom:10px;
}

/* lists */
#content ul,
#content ol {margin-left:30px;}
#content li {margin-bottom:0;list-style:disc;}
#content ol li {list-style:decimal;font-weight:bold;}

/* text */
#content p.first {font-size:1.1em;line-height:1.2em;}


/* Col Content */
#col-content * {margin-bottom:18px;}
#col-content {
	width:590px;
	margin-left:18px;
	padding:40px 0 20px 30px
}
#col-content h1 {margin-left:-18px;}

/* Side Content */
img.side-img {
	margin:64px 20px 0;
	width:270px;
	background:#e4e4ea;
	border:1px solid #c2c1ca;
}
img.second {margin:0 20px 20px;}
img.middle {margin-bottom:0;}

.side-content {
	width:210px;
	margin:20px;
	padding:20px 30px 40px;
	font-size:13px;line-height:16px;
	background:#e4e4ea;
	border:1px solid #c2c1ca;
}
.top {margin-top:64px;}
.side-content p {font-size:13px;padding:5px 0 0 0;}

#content .side-content h3 {
	margin-bottom:3px;
}

/* Homepage Styles */

/* text */
#col-content.home {
	width:531px;height:251px;
	position:absolute;
	top:0;left:0;
	padding-top:30px;margin:0;
	z-index:800;
	background:url(../img/slideshow-mask.png) no-repeat top right;
	overflow:hidden;
}

#col-content.home h1 {font-size:1.6em;padding:0 0 0 30px;}
#col-content.home p {width:375px;padding:0 0 0 30px;}
#col-content.home img {margin:5px 0 0;border:1px solid #747371;}

#home-bottom {
	width:958px;height:120px;
	margin:0;padding:0;
	border-width:1px 0 0;
	border-top-color:#747371;
}
#home-bottom .item {width:240px;padding-left:60px;}

/* slideshow */
#slideshow {
	float:right;
	width:506px;height:301px;
	overflow:hidden;
}

/* map */
#map {
	width:958px;height:355px;
	margin-bottom:0;
	border-bottom:1px solid #747371;
	overflow:hidden;
}

/* Footer */
#footer {
	width:940px;
	padding:32px 10px 20px;
	font-size:11px;
	color:#555;
	text-align:right;
	background:url(../img/footer-bg.gif) no-repeat;
}
#footer span {padding:0 6px;}