/*
	-------------------- 
	General Housekeeping
	--------------------
*/

* {
	padding: 0;
	margin: 0;
}

a img {
	border: 0px;
}

a {text-decoration: none}

table {
    border: 0;
    border-collapse: collapse;
}

td {
    vertical-align: top;
}

/*
	-------------------- 
	   Layout Styles
	--------------------
*/
html, body {
    height: 100%;
}

body {
	background-color: #CCC08F;
	font-family: Verdana, Helvetica, Arial;
	font-size: 12px;
	color: #eee;
}

#layout-container {
	background-color: #111;
	width: 1024px;
	background-image: url('http://static.horizonfarms.ca/images/bg-gradient.gif');
	margin: 0px auto;
	padding-top: 10px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -30px;
}

#layout-banner {
    text-align: center;
}

#layout-menu {
	padding: 0 10px;
	margin-bottom: 2em;	
}

#layout-menu ul {
    list-style: none;
    display:block;
    padding: 0;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
}

#layout-menu ul li {
    margin: 0;
    float: left;
    display: block;
}

#layout-menu ul li a {
    font-size: 10px;
    display: block;
    height: 13px;
    width: 100px;
    color: #eee;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 5px;
    text-align: center;
}

#layout-menu ul li a.current, #layout-menu ul li a:hover {
    color: #CCC08F;
    border-top-color: #CCC08F;
    border-bottom-color: #CCC08F;
}

#layout-menu ul li.filler a {
	width: 330px;
}

#layout-menu ul li.filler a:hover {
	border-top-color: #666;
	border-bottom-color: #666;
}

#layout-content {
	padding: 10px 20px;
	line-height: 1.7;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#layout-content h2 {
	font-size: 17px;
	color: #fff;
}

#layout-content #right-float-image {
	float: right;
	margin: 0 0 0 4px;
}

#layout-content #horse-details {
    padding: 5px 0;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

#layout-content #horse-sale-info {
	padding: 5px 0;
	margin-bottom: 5px;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
}

#layout-content #horse-info-text {
    padding: 5px 0;
}

#layout-content #right-column {
	float: right;
	width: 500px;
}

#layout-content #left-column {
    width: 450px;
    padding: 5px;
    margin: 5px 0px;
}

#layout-content #right-column-thirds {
    float: right;
	width: 700px;
}

#layout-content #left-column-thirds {
    width: 250px;
    padding: 5px;
    margin: 5px 0px;
}

#layout-content ul {
    list-style: none;
    padding-left: 0px;
}


ul.offset li  {
	padding-left: 10px;
	padding-top: 2px;
}

div.bottom {
	position: absolute;
	bottom: 20px;
	text-align: left;
}

div.centered {
	text-align: center;
}

#layout-content h2 {
    text-transform: uppercase;
    letter-spacing: 0.2em;
    padding: 5px 10px;
    border-bottom: 1px solid #CCC08F;
    margin-bottom: 1em;
}

#layout-content h3, #layout-content h4 {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.1em;
    margin-left: 7px;
}

#layout-content h4 {
    border-bottom: 1px solid #CCC08F;
    display: inline;
    font-size: 13px;
    margin-bottom: 8px;
}

#layout-content p {
    padding: 4px 8px;
    margin-bottom: 1em;
}

#layout-content div.trainer-photos {
    margin: 10px;
}

#layout-content div.trainer-photos img {
    margin: 4px;
}

#layout-content p.small {
    font-size: 10px;
    padding: 2px;
    margin: 0;
}

#layout-content div.caption {
    font-size: 10px;
    padding: 2px;
    margin: 0;
    text-align: center;
}

#horse-photos h3, #horse-videos h3 {
    border-bottom: 1px solid #666;
    padding: 7px 0 2px 0;
    margin: 0 0 5px 0;
}

#horse-photos ul li {
    display: inline;
}

#horse-photos ul li img {
    padding: 5px;
}

#layout-content td.horse-photo {
    text-align: center;
    width: 260px;
}

#layout-content td.horse-text {
    text-align: left;
    width: 700px;
}

#layout-content a {color: #CCC08F;}
#layout-content a:link {color: #CCC08F;}
#layout-content a:visited {color: #CCC08F;}
#layout-content a:active {color: #899CFC;}
#layout-content a:hover {color: #899CFC;}

#layout-content li.horse-list-item ul {
    margin-left: 5px;
}

#layout-content li.horse-list-item ul li {
    margin-left: 15px;
    line-height: 1.7;
}

.spacer {
    clear: both; 
    line-height: 1px; 
    height: 1px; 
    display:block; 
    margin: 0; 
    padding: 0;
}

#list-link {
    float: right;
}

#recent-list {
    margin-top: 1em;
}

#recent-list li {
    margin-left: 10px;
}

#recent-list li ul {
    font-size: 11px;
    list-style:disc;
    margin-bottom: 1em;
}

#bottom {
	margin-left: auto;
	margin-right: auto;
	padding: 2px 0 4px 0;
	width: 1000px;
	height: 20px;
	text-align: center;
	font-size: 9px;
	border-top: 1px solid #666;
	color: #888;
}