html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}



/* END RESET */


p, a, span, ol, ul{
font-family: Arial, Helvetica, sans-serif ;
color: #7aa685 ;
}

h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif ;
color: #cca4c7 ;
}

p {
padding: 0 10px 0 10px ;
}

p, span, ul, ol {
font-size: 14px ;
line-height: 1.4em ;
}

h1 {
font-size: 26px ;
padding: 20px 10px 10px 10px ;
font-weight: normal ;
}

h2 {
font-size: 22px ;
padding: 20px 10px 10px 10px ;
font-weight: normal ;
}

h3 {
font-size: 18px ;
padding: 20px 10px 10px 10px ;
font-weight: normal ;
}

a {
color: #cba5c6 ;
text-decoration: none ;
}

a:hover {
color: #a591a2 ;
text-decoration: underline ;
}

.elevenPoint {
font-size: 11px ;
}

.left {
float: left ;
padding: 0 5px 0 0 ;
}

.right {
float: right ;
padding: 0 10px 0 5px ;
}


/* Start of Layout */

body {
background: url(../images/bg.jpg) repeat ;
}

#wrapper {
width: 955px ;
margin: 0 auto ;
}

/* Start of header */

#header {
background-color: #91e7a8 ;
width: 955px ;
overflow: hidden ;
}

#header img {
float: left ;
width: 535px ;
padding: 10px 0 0 10px ;
}

#mainNavWrapper {
float: right ;
width: 145px ;
}

#mainNavWrapper ul li a {
padding: 0 5px 5px 0 ;
font-size: 16px ;
line-height: 22px ;
color: #fff ;
text-align: right ;
display: block ;
}

#mainNavWrapper ul li a:hover {
color: #cba5c6 ;
text-decoration: none ;
}

#home #homeNav a,
#about #aboutNav a,
#testimonials #testimonialsNav a,
#canine #canineNav a,
#equine #equineNav a,
#articles #articlesNav a,
#contact #contactNav a {
background-color: #cba5c6 ;
}

/* Start of page */

#page {
overflow: hidden ;
background-color: #cba5c6 ;
}

#page ul {
padding: 0 10px 10px 50px ;
list-style: circle ;
}

/* Start of PAGE SPECIFIC */

/* home */

#homeSidebar {
float: left ;
width: 310px ;
background-color: #cba5c6 ;
}

#homeContent {
float: right ;
width: 645px ;
background-color: #fff ;
}

/* Start of homeCTAWrapper */

#homeCTAWrapper {
width: 630px ;
margin: 0 auto ;
overflow: hidden ;
padding: 20px 0 50px 0 ;
}

#homeCTAWrapper img {
width: 180px ;
margin: 0 15px 0 15px ;
}

#homeCTA1 {
float: left ;
background-color: #ee866b ;
}

#homeCTA2 {
float: left ;
background-color: #9eb1c8 ;
}

#homeCTA3 {
float: left ;
background-color: #7cdadf ;
}

/* Start of Inside */

#insideContent {
float: left ;
width: 645px ;
background-color: #fff ;
padding: 0 0 20px 0 ;
}

#insideSidebar {
float: right ;
width: 310px ;
height: 100% ;
background-color: #cba5c6 ;
}

/* Start of footerWrapper */

#footerWrapper {
background-color: #fff ;
margin: 20px auto 0 auto ;
width: 515px ;
text-align: center ;
}

#footerWrapper ul li {
display: inline ;
font-size: 11px ;
line-height: 24px ;
padding: 0 5px 0 5px ;
}
