/**********************************************************************
 	*******************************************************************
	Website Name: Healthy Horses
	Website URL: http://www.healthyhorses.com.au/
	Description: 2 column soft blue, wooden layout
	Version: 1.0
	Author: Adz Power Agencies
	Author URL: http://www.adzpower.com.au/
	*******************************************************************
**********************************************************************/ 
	

/*********************************************************/ 
	/* Colors used:                                */
	/* ------------------------------------------- */
	/* HEX #485E88 = D. BLUE					   */
	/* HEX #32476F = D. BLUE II					   */
	/* HEX #657B99 = L. BLUE					   */
	/* HEX #F9A970 = PEACH						   */
	/* HEX #FFF685 = YELLOW						   */
	/* HEX #FFFCD3 = L. YELLOW					   */
	/* HEX #F58220 = ORANGE						   */
	/* HEX #DCBA74 = L. ORANGE					   */
	/* HEX #81746C = BROWN						   */
			
/*********************************************************/ 


/* UNIVERSAL RULES
---------------------------------------- */
body, html {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

body {
	background-image: url(images/bg2.jpg);
	background-repeat: repeat;
	background-color: #81746c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFCD3;
	
}

h1 {
	font-size: 15px;
	color: #FFF685;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0px;
	padding-bottom: 8px;
}

h2 {
	font-size: 13px;
	color: #DCBA74;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0px;
	padding-bottom: 5px;
	padding-top: 8px;
}

h3 {
	font-size: 11px;
	color: #F58220;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0px;
	padding-bottom: 5px;
	padding-top: 8px;
}

p {
	margin: 0px;
	padding-bottom: 15px;
	text-align: justify;
}

b {
	font-weight: 100;
}

/* LINKS */
a, a:visited {
	color: #F58220;
	text-decoration: none;
}

a:hover {
	color: #DCBA74;
}

/* TEXT ALIGN */
.center {
	text-align: center;
}


/* IMG ALIGN */
.alignleft {
	float: left;
	margin-right: 5px;
	margin-top: 3px;
}

.alignright {
	float: right;
	margin-left: 5px;
	margin-top: 3px;
}

.aligncenter {
	display: block;
	margin: 10px auto 5px;
}

.contact-img {
	margin-top: 25px;
}

/* LISTS */
ul {
	list-style-type: square;
}

li {
	padding-bottom: 15px;
	color: #f3f3f3;
}

/* RESETS */
.clear {
	clear: both;
}

.spacer {
	width: 660px;
	height: 1px;
	margin: 5px auto;
	border-bottom: 1px dashed #657b99;
}


/* PNG FIX */
img, div { 
	behavior: url(iepngfix.htc);
}


/* TEMPLATE LAYOUT
---------------------------------------- */
#wrapper {
	width: 970px;
	margin: auto;
	text-align: left;
}

/* --- HEADER ----------- */
#header {
	width: 970px;
	height: 180px;
	background-image: url(images/healthy-horses-banner.png);
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 3px;
}


/* --- CONTENT ----------- */
#content {
	width: 970px;
	float: right;
}

#content #content-top {
	height: 30px;
	background-image: url(images/healthy-horses-top.png);
	background-position: top right;
	background-repeat: no-repeat;
}

#content #content-mid {
	width: 970px;
	float: right;
	background-image: url(images/healthy-horses-mid.png);
	background-position: right;
	background-repeat: repeat-y;
}
/* --- -=MAIN CONTENT=- --------------------------------------------- */
#content #content-mid .content {
	width: 660px;
	float: right;
	margin-right: 22px;
	padding-bottom: 10px;
}

#content a, a:visited {
	color: #DCBA74;
	text-decoration: none;
}

#content a:hover {
	color: #F58220;
}

#home-imgs {
	width: 660px;
	height: 125px;
	margin: 10px auto 20px;
}

#home-imgs .box {
	float: left;
	width: 200px;
	height: 125px;
	margin: 0 10px;
}

/* ------------------------------------------------------------------ */

#content-bot {
	height: 30px;
	background-image: url(images/healthy-horses-bot.png);
	background-position: bottom right;
	background-repeat: repeat-y;
	clear: both;
}

/* EQUINE PAGE */
#content .title {
	color: #DCBA74;
	font-weight: bold;
}

.products-left {
	float: left;
	width: 300px;
}

.products-left ul {
	margin-top: 15px;
	list-style-type: square;
}

.products-left li {
	padding-bottom: 15px;
	color: #f3f3f3;
}

.products-right {
	float: right;
	width: 300px;
}

.products-right ul {
	margin-top: 15px;
	list-style-type: square;
}

.products-right li {
	padding-bottom: 15px;
	color: #f3f3f3;
}

/* EQUINE PRODUCT LINKS */
#equine-links {
	width: 660px;
	height: 140px;
	margin: 15px auto;
}

#equine-links img {
	width: 100px;
	height: 40px;
	float: left;
	margin: 0 5px 10px;
}

#equine-links .indent-middle {
	margin-left: 60px;
}

#equine-links .indent-bottom {
	margin-left: 170px;
}

/* CANINE PRODUCT LINKS */
#canine-links {
	width: 660px;
	height: 140px;
	margin: 15px auto;
}

#canine-links img {
	width: 100px;
	height: 40px;
	float: left;
	margin: 0 5px 10px;
}

#canine-links .indent-middle {
	margin-left: 60px;
}

#canine-links .indent-bottom {
	margin-left: 170px;
}

/* CONTACT EMAIL */
.contact-email a, a:visited {
	color: #DCBA74;
}

a:hover {
	color: #F58220;
	border-bottom: 1px dotted #FFF685;
}


/* --- SIDEBAR ----------- */
#sidebar {
	width: 275px;
	float: left;
}

#sidebar #address {
	width: 240px;
	margin: 25px auto 0 20px;
	padding-top: 5px;
	border-top: 1px dashed #485E88;
	float: left;
}

#sidebar #address h2 {
	text-align: center;
	color: #32476F;
}

#sidebar #address p {
	text-align: center;
}

#sidebar a, a:visited {
	color: #DCBA74;
	text-decoration: none;
}

#sidebar a:hover {
	color: #F58220;
	border-bottom: 1px dotted #FFF685;
}


/* --- MENU ----------- */
#sidebar #menu {
	width: 240px;
	margin-left: 20px;
}


/* --- FOOTER ----------- */
#footer {
	width: 970px;
	height: 100px;
	background-image: url(images/healthy-horses-footer.png);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 3px;
}
#footer p {
	padding-bottom: 1px;
}

#footer .owner {
	width: 340px;
	height: 50px;
	float: left;
	padding-left: 15px;
	padding-top: 20px;
	text-align: left;
}

#footer .owner p {
	text-align: left;
}

#footer .privacy {
	width: 250px;
	height: 50px;
	float: left;
	padding-top: 20px;
	text-align: center;
}

#footer .privacy p {
	text-align: center;
}

#footer .author {
	width: 350px;
	height: 50px;
	float: right;
	padding-right: 15px;
	padding-top: 20px;
}

#footer .author p {
	text-align: right;
}

#footer a, a:visited {
	color: #DCBA74;
	text-decoration: none;
}

#footer a:hover {
	color: #F58220;
	border-bottom: 2px dotted #FFF685;
}