@charset "UTF-8";

/* Salmassage.com: CSS Document */

/* Horse Ink 2009 */


/*-------------------reset
*/
* { margin: 0;
	padding: 0;
	outline: none;
	}
/*-img a { border:none;}-*/

body {
	font: 62.5%/1.25em Arial, Helvetica, sans-serif;
	color: #fafafa;
	background: url(../images/bg.gif) repeat;
	}


/*-------------------fonts 
*/

h1, h2, h3, h4, p {
	font-weight:normal;
	padding-right: 20px;
	padding-left: 20px;
	}

h1 {
	font-size: 7.2em;
	color: #C00;
	line-height: 2em;
	background: #002;
	text-align: right;
	font-weight: normal;
	}

h2 {
	font-size: 3em;
	text-align: left;
	padding-top: 0.3em;
	line-height: 3;
	}

#content h2 a:link {
	color: #FAFAFA;
	text-decoration: none;
	border-bottom: 1px solid #33F;
}
#content h2 a:visited {
	color: #FAFAFA;
	text-decoration: none;
	border-bottom: 1px solid #33F;
}
#content h2 a:hover {
	color: #FAFAFA;
	text-decoration: none;
	border-bottom: 1px solid #fafafa;
}
#content h2 a:active {
	color: #fafafa;
	text-decoration: none;
	border-bottom: 1px solid #33F;
}


h3 {
	font-size: 2.2em;
	margin:0em;
	font-weight: normal;
	color: #33F;
	line-height: 1.2em;
	}



h4 {
	font-size: 1.4em; 
	margin: 0 0 0.9em 0;
	}

p {
	font-size: 1.4em;
	line-height: 1.6;
	margin-top: 1.8em;
	margin-bottom: 1.8em;
	}


/*-----------------genl
*/

body {
	background: #002 url(../images/bg.gif) repeat;
	margin:0;
	text-align: center;
	position: relative;
	}
	
#wrap {
	width: 900px;
	margin: 30px auto;
	border: 2px solid #33f;
	text-align:left;
	background: #002;
	}
	
/*-----------------header
*/
#header {
	width: 890px;
	position: relative;
	margin: 0px auto;
	}



/*-----------------content
*/

#content {
	width: 690px;
	padding: 0;
	border: 2px solid #C00;
	position: relative;
	margin-right: 30px;
	float: right;
	display:inline;/*for IE6 doublemargin-float bug*/
}
#photogallery {
	margin: 20px auto;
	width: 660px;
	float: left;
	padding-left: 20px;
}
#photogallery ul {
	margin-right: auto;
	margin-left: auto;
}
#photogallery ul li {
	display: inline;
	float: left;
	height: 136px;
	width: 145px;
	position: relative;
	padding-right: 15px;
	padding-bottom: 20px;
}
#photogallery ul li a img {
	float: left;
	position: relative;
	height: 136px;
	width: 145px;
	border: 1px solid #666;
	margin: 0px;
	padding: 0px;
}

#content img {
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	clear: left;
}

/*-----------------content links
*/
ul.veterinarians li a:link, ul.riderstrainers li a:link, p a:link {
	color: #fafafa;
	text-decoration: none;
	border-bottom: 1px dashed #33f;
	}
ul.veterinarians li a:visited, ul.riderstrainers li a:visited, p a:visited {
	color: #fafafa;
	text-decoration: none;
	border-bottom: 1px dashed #33f;
	}
ul.veterinarians li a:hover, ul.riderstrainers li a:hover, p a:hover {
	color: #82AEFF;
	text-decoration: none;
	border-bottom: 1px solid #a00;
	}
ul.veterinarians li a:active, ul.riderstrainers li a:active, p a:active {
	color: #fafafa;
	text-decoration: none;
	border-bottom: 1px dashed #33f;
	}
ul.veterinarians li a:focus, ul.riderstrainers li a:focus, p a:focus {
	color: #fafafa;
	text-decoration: none;
	border-bottom: 1px dashed #33f;
	}
	
p a.external {
	background: url(../images/external-link.gif) no-repeat right center;
	padding: 0 12px 0 0;
	}
li a.external {
	background: url(../images/external-link.gif) no-repeat right center;
	padding: 0 12px 0 0;
	}
	
/*---GALLERY SETUP---*/

#content h2 a:link {
	color: #FAFAFA;
	text-decoration: none;
	border-bottom: 1px solid #33F;
}
#content h2 a:visited {
	color: #FAFAFA;
	text-decoration: none;
	border-bottom: 1px solid #33F;
}
#content h2 a:hover {
	color: #FAFAFA;
	text-decoration: none;
	border-bottom: 1px solid #fafafa;
}
#content h2 a:active {
	color: #fafafa;
	text-decoration: none;
	border-bottom: 1px solid #33F;
}

#content h3 a:link {
	color: #FAFAFA;
	text-decoration: none;
	border-bottom: 1px solid #33F;
}
#content h3 a:visited {
	color: #FAFAFA;
	text-decoration: none;
	border-bottom: 1px solid #33F;
}
#content h3 a:hover {
	color: #FAFAFA;
	text-decoration: none;
	border-bottom: 1px solid #333;
}
#content h3 a:active {
	color: #fafafa;
	text-decoration: none;
	border-bottom: 1px solid #33F;
}
#content h3.gallerydate {
	color: #fafafa;
}
.gallerydate {
	color:#fafafa;
}


	

/*----------------leftcol/leftnav
*/

#leftcol	{
	width: 170px;
	float: left;
	margin-left: 6px;
	display: inline;/*maybe this is where IE6 hiccups?*//* this is it! fixed.*/
	}
ul#nav				{
	list-style: none;
	width: 150px;
	padding: 40px 0 10px 20px;
	float: right;
	}
ul#nav li {
	 margin: 5px 0; 
	 }
ul#nav li a	 {
	padding: 8px 3px 8px 15px;
	display: block;
	text-decoration: none;
	font-size: 1.2em;
	color: #fafafa;
	background: #009 url(../images/nav-bg.jpg) repeat-y right top;
	letter-spacing: .1em;
	}
ul#nav li a:hover,
ul#nav li a:active	{
	border-left: 3px solid #a00;
	color: #fafafa;
	}
					
/*
ul#nav li.current a {
	background: #C00;
	border: none;
	}
*/
	

/*--highlight current page--*/

#home ul#nav a.home, 
#about ul#nav a.about, 
#faqs ul#nav a.faqs, 
#process ul#nav a.process, 
#clients ul#nav a.clients, 
#learning ul#nav a.learning, 
#saddlefitting ul#nav a.saddlefitting, 
#gallery ul#nav a.gallery, 
#contact ul#nav a.contact {
	background: #c00;
	}
	
	
/*---------------left col/noticebox
*/
div.noticebox {
	float:right;
	width: 150px;
	margin-top: 20px;
	border-bottom: 1px solid #002;
	}

div.noticebox p {
	font-size: 1.2em;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	padding-left: 15px;
	margin: 0px;
	line-height: 1.6;
	font-weight: bold;
	}

div.noticebox p.credit {
	text-align: right;
	font-weight: bold;
	}
	
div.banner {
	float:right;
	width: 150px;
	margin-top: 20px;
	background: #009 url(../images/nav-bg.jpg) repeat-y right top;
	}
div.banner-emph {
	float:right;
	width: 150px;
	margin-top: 20px;
	background: #C00 url(../images/noticeboxbg.jpg) repeat-y left top;
}
	
div.banner p, div.banner-emph p {
	text-align: center;
	font-weight:normal;
	font-size: 1.2em;
	padding: 0.5em 5px 0.5em 0px;
	margin: 0px;
	line-height: 1.4;
	}
	
div.banner p a:link,
div.banner p a:visited,
div.banner p a:active {
	color: #fafafa;
	text-decoration: none;
	border-bottom: 1px dashed #fafafa;
	}
div.banner p a:hover {
	color: #c00;
	text-decoration: none;
	border-bottom: 1px solid #c00;
	}
	
/*------------lists, lists, and mo' lists
*/

ul.booklist {
	padding-left: 3em;
	padding-top: 1em;
}
ul.booklist li {
	font-size: 1.4em;
	line-height: 1.6em;
	list-style: square inside;
}

ul.competitions {
	padding-left: 3em;
	padding-top: 1em;
}
ul.competitions li {
	font-size: 1.4em;
	line-height: 1.6em;
	list-style: square inside;
}

ul.veterinarians {
	padding-left: 3em;
	padding-top: 1em;
	padding-bottom:2em;
}
ul.veterinarians li {
	font-size: 1.4em;
	line-height: 1.6em;
	list-style: square inside;
}

ul.riderstrainers {
	padding-left: 3em;
	padding-top: 1em;
	padding-bottom:2em;
}
ul.riderstrainers li {
	font-size: 1.4em;
	line-height: 1.6em;
	list-style: square inside;
}

				
/*----------------footer
*/
#footer {
	width: 700px;
	position: relative;
	margin-right: 40px;
	margin-left: 175px;
	padding-bottom: 1em;
	clear: both;
	height: 40px;
	padding-top: .4em;
	}
#footer p.left {
	float: left;
	width:200px;
	color: #33c;
	margin-top: 0px;
	letter-spacing: 1px;
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 1em;
}
#footer p.right {
	float: right;
	width:200px;
	color: #33c;
	letter-spacing: 1px;
	position: relative;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-bottom: 1em;
}


/*----------------------misc
*/
.blue {
	color: #33f;
	}
#notice {
	position: absolute;
	width: 117px;
	height: 117px;
	left: 35px;
	top: 15px;	
}
#notice a  {
	text-indent: -1000em;
	width: 117px;
	height: 117px;
	background: url(../images/circle-ddaily.png) no-repeat;
	background-position: 0 left;
	display: block;
}
#notice a:hover {
	background-position: 0 -117px;
	}

p.jumpto {
	margin-top: -20px;
	padding-top: 0px;
	color: #ddd;
	}

p.credits {
	color: #888;
	}
p.creditcards {
	background: url(../images/creditcards.png) no-repeat 390px center;
	text-indent: 20px;
	margin-top:5px;
	margin-bottom: 30px;
	}
p.phone {
	background: url(../images/telephone.png) no-repeat 390px center;
	text-indent: 20px;
	margin-top:5px;
	}

p.email {
	background: url(../images/email.png) no-repeat 390px center;
	text-indent: 20px;
	margin-top:5px;
	}
#content #banners {
	float: left;
	width: 660px;
	display: inline;
	clear: both;
	margin-left: 20px;
	padding-top: 1em;
	padding-bottom: 1em;
}
#content #banners img {
	display: inline;
	float: left;
	width: 202px;
	clear: none;
	padding: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
/*---------------photo cycle
*/

#content #photoshow{
	height: 318px;
	width: 350px;
	position: /*absolute*/relative;
	z-index: 9999;
	padding: 0px;
	float: left;	/*float: right;*/
	margin-right: 20px;
	margin-left: 20px;
	}
#content #photoshow img {
	height: 318px;
	width: 350px;	/*position: absolute;*/
	padding: 0px;	/*float: right;*/
}

#content #photoshow img {
	display: none;
}
#content #photoshow img.first {
	display: block;
}
p.websitecredit, p.websitecredit a:link {
	color: #888;
}
p.websitecredit a:hover {
	color: #fafafa;
}
span.red {
	color: #C00;
}