/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: Heather Holme Holseins
	Created: 2009-08-18
	Created by: RKD Web Studios info@rkd.ca
	
------------------------------------------------------------------- */

@import url("reset.css");

* {
	padding: 0;
	margin: 0;
}
/* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
html {
	overflow-y: scroll;
}

/* background colour should be same as content area background colour to ensure WYSIWYG looks same as website */
body {
	background: #fff;
	font-size: 100%; /* from 16px browser default to useable 10px */
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
/* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
.bodystyle {
	color: #000000;
	background: #fff url(../../images/site_bg.gif) top left repeat;
}
/* clears all floats; apply to empty divs if needed. */
.clear {clear: both;}


/* ====================
GLOBAL STYLES - style as necessary
======================= */

p, td {
	font-size: 15px; /*14px*/
	line-height: 22px; /*18px*/
	margin: 0 0 18px 0;
}

small {
	font-size: 12px;
	line-height: 18px;
	COLOR: #010167;
	font-weight: BOLD;
}

a:link {
	color: #448ccb;
	text-decoration: underline;

}
a:visited {
	color: #448ccb;
	text-decoration: underline;

}
a:hover {
	color: #448ccb;
	text-decoration: none;
}
a:active {
	color: #448ccb;
	text-decoration: underline;
}
strong, b {
	font-weight: bold;
	color: #990033;
}

em, i {
	font-style: italic;
}
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #990033;
	padding: 25px 0 25px 0;
	
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	*font-size: 17px;
	color: #990033;
	margin: 0 0 3px 0;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	padding: 25px 0 5px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #990033;
}

h4 {
	font-size: 14px;
	color: #d4513b;
}

h5 {
	font-size: 12px;
	line-height: 22px;
}
h6 {
	font-size: 10px;
	color: #a6a198;
	padding: 5px 0 5px 0;
}
ul, ol {}

hr { }

.right {float: right;}
.left {float: left;}

.floatleft {float: left; margin: 0 15px 0 0;}
.rightfloat {float: right; padding: 85px 15px 0 15px;}

.floatleftmap {float: left; margin: 0 15px 25px 0; border: 1px solid #CCC;
	padding: 4px; background:#fff;}
	
.border {border: 1px solid #CCC; padding: 5px; background:#FFF;}

/* styles used by WYSIWYG - style as necessary */
pre {}
address {}

/*==================
STRUCTURE
==================*/

#header {
	background:url(../../images/header_bg.png) top left repeat-x;
	height: 127px;
	margin:0 auto;
}

#header img {float: left;}

#homepagesplash {
	background: url(../../images/splash_bg.png) top left repeat-x;
	height: 335px;
	margin: 0 auto;
}

#homepagesplash p {font-size: 17px; margin:10px 0 0 0;}

#homepagecontent {
	background:url(../../images/hompeage_content_bg.png) top left repeat-x;
	margin: 0 auto;
	clear: both;
}

#wrap {width:960px; margin: 0 auto;}

#homepagesplash .splashtext img {margin:0 0 -15px 0; padding:0;}

/*==================
Navigation
==================*/

#nav {position: relative; top: 70px;}

#nav ul { float: right;}

#nav li {float: left; margin-left: 7px;}

#nav li a {
	height: 39px;
	padding: 0;
	margin: 0;
	text-indent:-9000px;
	}

#nav li#home a {background: url(../../images/btn_home.png) top left no-repeat; width:67px; display: block;}
#nav li#home a:hover {background: url(../../images/btn_home_over.png) top left no-repeat;}

#nav li#about a {background: url(../../images/btn_aboutus.png) top left no-repeat; width:84px; display: block;}
#nav li#about a:hover {background: url(../../images/btn_aboutus_over.png) top left no-repeat;}

#nav li#cows a {background: url(../../images/btn_cows.png) top left no-repeat; width:58px; display: block;}
#nav li#cows a:hover {background: url(../../images/btn_cows_over.png) top left no-repeat;}

#nav li#sires a {background: url(../../images/btn_sires.png) top left no-repeat; width:58px; display: block;}
#nav li#sires a:hover {background: url(../../images/btn_sires_over.png) top left no-repeat;}

#nav li#emb a {background: url(../../images/btn_embryos.png) top left no-repeat; width:77px; display: block;}
#nav li#emb a:hover {background: url(../../images/btn_embryos_over.png) top left no-repeat;}

#nav li#ads a {background: url(../../images/btn_ads.png) top left no-repeat; width:120px; display: block;}
#nav li#ads a:hover {background: url(../../images/btn_ads_over.png) top left no-repeat;}

#nav li#contact a {background: url(../../images/btn_contact.png) top left no-repeat; width:97px; display: block;}
#nav li#contact a:hover {background: url(../../images/btn_contact_over.png) top left no-repeat;}

/*===================
SLIDESHOW
===================*/

#slideshow {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	*overflow: hidden;
	*height: 320px;
}

#slideshow #one .wrap {width:960px; float:left;}

#slideshow #one .splashimage {padding-top: 7px;}

#slideshow #one .splashtext {
	padding:20px 0 0 0;
	margin-left: -550px;
	float: left;
	}

/*Arrow Naviagion*/

.arrows { 
	*position: absolute;
	*left: 1240px;
	float: right;
	margin: 300px 0 0 0;
	padding: 0;
	width: 70px;
	z-index: 999;
}

/*===================
HOMEPAGE CONTENT AREA
===================*/

#homepagecontent .wrap {
		width: 960px;
		float: left;
}

#homepagecontent .content {
	margin: 0 235px 0 0;
}

#homepagecontent .rightcol {
	float: left;
	width: 215px;
	margin-left: -215px;
	_margin-left: -230px;
	margin-top: 10px;
	padding: 0;
}

/*===================
HOMEPAGE Right
===================*/

#herdclass {
	background:url(../../images/heardclass_bg.png) top left no-repeat;	
	width: 211px;
	height: 98px;
	padding: 15px 0 0 15px;
}

#herdclass p {font-size: 12px;}

#herdspecs {
	background: url(../../images/heardspecs_bg.png) top left no-repeat;	
	width: 211px;
	height: 134px;
	padding: 15px 0 0 15px;
}

#herdspecs p {font-size: 12px;}

/*===================
FOOTER
===================*/

#footer {
	clear: both;
	background:url(../../images/footer_bg.png) top left repeat-x;
	height: 50px;
	font-size: 12px;
	line-height: 18px;
	color: #999;
}

#footer .wrap {
	width: 960px;
	background:url(../../images/footer_h_60.gif) top center no-repeat;
	height: 50px;
	margin: 0 auto;
	padding-top: 10px;
}

#footer .floatleft {float: left;}
#footer .floatright {float: right; text-align: right;}

#footer a {color: #999;}


/*===================
SUB PAGE
===================*/

#subpage {
	background:url(../../images/contentpage_bg.png) top left repeat-x;
	margin:0 0 25px 0;
	padding:0;
}

/*===================
Cow Tables
===================*/
table {
	width:100%;
	margin: 0 auto;
}

table small {color: #666;}

tr {}

td {
	text-align:center;
	padding: 0 0 35px 0;
}

td img {
	border:	1px solid #CCC;
	padding: 4px;
	background: #fff;
	margin: 0 0 0 0;
}

/*===================
Cow Popup
===================*/

#cowlisting {

}

#cowlisting #cowpic {float: left;}
#cowlisting #cowpic p {text-align:center; color:#06C; font-weight:bold; font-size:14px;}

#cowlisting p {font-size: 14px; margin: 7px 0 10px 0;}

#cowlisting p img {border: 0; padding:0; margin:0;}

#cowlisting img {
	border:	1px solid #CCC;
	padding: 4px;
	background: #fff;
	margin: 0 20px 10px 0;
	}

#cowlisting h1 {
	font-size: 20px;
	margin: 5px 0 5px 0;
	padding: 0;
}


/*===================
Sires for sale
===================*/

.sire table {}

.sire th {
	background: #069;
	color: #fff;
	font-weight: bold;
	line-height: 35px;
	text-align:center;
	}

.sire tr {border-right:1px solid #06F;}

.sire td {padding: 10px; vertical-align:middle;  text-align:left; }

.sire img {padding:0; margin:0; border:0; background:none;}

.alt { background: #c6d8ec;}




/*=======================
SLIDESHOW
========================*/

* {margin:0; padding:0}
/*body {font:12px Verdana, Arial, Helvetica, sans-serif; background:#666 url(images/bg.gif)}*/
#gallery {position:relative; width:686px; margin:40px auto; padding:10px; border:6px solid #fff; background:#AAA}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:672px; height:375px; padding:5px; border:2px solid #666; background:#FFF url(../../images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../../images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../../images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}