/* Reset css
=================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td { margin : 0; padding :0; }
h2, h3, h4, h5, h6 { font-size : 100%; font-weight : normal; }
ol, ul { list-style-type : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th { text-align : left; }
fieldset, img { border : 0; }
dt, address, caption, cite, code, dfn, em, i, strong, b, th, var { font-style : normal; font-weight : normal; }
q:before, q:after { content :''; }

html { 
  min-height: 100%; 
	margin-bottom: 1px; 
}
body {
	font-size: 75%;			/* This sets the default font size to be equivalent to 12px (12/16) */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #403d10;
}
img.imleft {float:left}
img.imright {float:right}
img.imleft-pad {float:left; padding: 10px 10px 10px 0;}
img.imright-pad {float:right; padding: 10px 0 10px 10px;}

/* blocktext */
h1, h2, h3, h4, h5, p, ul { 
	margin: 0;
	padding : 5px 10px; 
}

/* a */
a, a:visited { 
	color : #9D4619; 
	text-decoration : underline;
} 
a:hover { 
	text-decoration : none;
} 
/* a */
a.light, a.light:visited { 
	color : #6f8239; 
}

.clear {
	clear: both;
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

ul {
	list-style: disc;
	padding-left: 25px;
}

ol {
	list-style-type: decimal;
	list-style-position: outside;
	padding-left: 35px;
}


h1 {
	color : #9D4619; 
	font-size: 150%;
}
h2 {
	font-size: 130%;
}
h3 {
	font-size: 110%;
}


div.right_images {
	width: 160px;
	float: right;
}

span.altcolour {
	color : #9D4619 !important; 
}
 

/* Main blocks
=================================*/
#wrapper {
	width: 805px;
	margin: 0 auto;
}


#header {
	width: 805px;
	height: 115px;
	position: relative;
	background: url("../images/gradient.gif") repeat-x 0 bottom;
}
#header h1 {
	font-size: 2.2em;
	line-height: 1;
	font-weight: normal;
}
#header h1 a {
	display: block;
	width: 215px;
	height: 105px;
	background: url("../images/logo.gif") no-repeat 0 0;
	text-indent: -10000px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
#header p {
	text-indent: -10000px;
}
#header div {
	font-size: 110%;
	position: relative;
	bottom: -10px;
	left: 500px;
	color: #6f8239;
	width: 300px;
	height: 50px;
}
#header div span {
	font-size: 120%;
	font-weight: bold;
	color: #9D4619;
}




div#left-and-center {
	width: 483px;
	float: left;
}

div#right-3col {
	width: 322px;
	float: right;
}


div#left-3col {
	width: 246px;
	float: left;
}

div#center-3col {
	width: 237px;
	float: right;
}

div#left-2col {
	width: 483px;
	float: left;
}
div#left-2col-wide {
	width: 246px;
	float: left;
}
div#right-3col-wide {
	width: 559px;
	float: right;
}

div#content-1col {
	width: 805px;
}


div.flickr img {
	margin-top: 2px;
	margin-right: 2px;
}

img.ourdogs {
	float: left;
	margin-right: 10px;
}


div.testimonial {
	width: 390px;
	float: left;
}
div.testimonial_images {
	width: 160px;
	float: right;
}
div.testimonial_images img {
	margin-bottom: 10px;
}


div.litter {
	width: 390px;
	float: left;
}
div.litter_images {
	width: 160px;
	float: right;
}
div.litter_images img {
	margin-bottom: 10px;
}

/* signposts
==============================================*/
div.testimonial-signpost {
	margin-top: 10px;
	color: #ffffff;
	background: #9D4619;
	min-height: 113px;
}
div.testimonial-signpost img {
	float: right;
	border: 2px solid #ffffff;
	margin: 10px;
}
div.testimonial-signpost a {
	color: #ffffff;
}


div.flickr-signpost {
	margin-top: 10px;
	background: #6f8239;
	position: relative;
}
div.flickr-signpost h1 {
	color: #ffffff;
}
div.flickr-signpost img {
	margin-right: 30px;
	margin-bottom: 10px;
	border: 2px solid #ffffff;
}
div.flickr-signpost img.right {
	margin-right: 0;
}
div.flickr-signpost div.view-more {
	position:absolute; 
	left:180px; 
	top:10px;
}
div.flickr-signpost div.view-more a {
	color: #ffffff;
}

div.single-signpost {
	border: 2px solid #6f8239;
	background: #ffffff;
	margin-top: 10px;
	padding: 10px;
}
div.single-signpost h2 {
	color: #9D4619;
	font-size: 130%;
	font-weight: bold;
}
div.single-signpost h2, div.single-signpost p  {
	margin: 0;
	padding: 3px 0;
}


/* subnav_menu
=================================*/
div#sub-menu-cont {
	background: #ffffff;
	width: 226px;
}
ul#sub-menu {
	font-size: 100%;
	padding-left: 0;
	width: 226px;
} 
ul#sub-menu li {
	padding: 5px 0;
	list-style: none;
}
ul#sub-menu li a {
	display: block;
	color: #9D4619;
	text-decoration: none;
	padding: 0 10px;
	text-decoration: underline;
}
ul#sub-menu li a:hover, ul#sub-menu li a.current {
	color: #9D4619;
	font-weight: normal;
	text-decoration: none;
}




/* Maps
=================================*/
div#map {
	width: 463px;
	height: 463px;
	margin :10px;
}
div#directions {
	overflow:auto;
	height:0;
	width:463px;
	margin :10px;
}


/* Page Specific
==============================================*/
body#home div#top-cont {
	background: #6f8239;	
	color: #ffffff;
}
body#home div#top-cont h1 {
	color: #ffffff;
	padding-top: 40px;
}
body#home div#top-cont a {
	color: #ffffff;
}


/* Footer
==============================================*/

div.footer {
	width: 805px;
	height: 115px;
	position: relative;
	top: 20px;
	padding: 10px 0;
	font-size: 90%;
	background: url("../images/gradient.gif") repeat-x 0 top;
}
	

/* main_menu
=================================*/
div#main-menu-cont {
	width: 805px;
	height: 25px;
}
ul#main-menu {
	display: inline;
	font-size: 90%;
	padding-left: 0;
} 
ul#main-menu li {
	padding: 7px 0;
	list-style: none;
	display: inline;
}
ul#main-menu li a {
	font-weight: bold;
	color: #6f8239;
	text-decoration: none;
	padding: 3px 3px;
}
ul#main-menu li a.first {
	margin-left: 6px;
}
ul#main-menu li a.current {
	text-decoration: underline;
	color: #403d10;
}
ul#main-menu li a:hover {
	color: #9D4619;
}




/* messages styling
=======================*/

.msg, .alert, .error {
  padding: 12px 10px 10px 35px;
  border: 1px dashed #403d10;
  margin: 1em 0;
  color: #403d10;
  font-weight: normal;
  font-size: 110%;
  margin-right: 7px;
	}
.msg {
  background: #FFFFE1 url(../images/info.gif) no-repeat 10px 10px;
	}
.alert {
  background: #FFFFE1 url(../images/alert.gif) no-repeat 10px 10px;
	}
.error {
  background: #FFFFE1 url(../images/error.gif) no-repeat 10px 10px;
	}

div#loader {
	color: #ffffff;
	background: #ED1C24;
	padding: 3px 2px;
	width: 432px;
}



textarea.textile {
	font-size: 140% !important;
}
/*///////////////////////////////////////////
-----------Textarea Resizing Styles----------
///////////////////////////////////////////*/
.tbSizeChanger{
	margin-top:3px;
}
.tbSizeChanger a{
	margin-top:3px;
	text-decoration: none;
}
.tbSizeText{
	margin-top:3px;
	text-align:right;
}
.tbLarger, .tbSmaller{
	width:1.3em;
	height:1.3em;
	font-size:1.3em;
	text-align:center;
	border:1px solid #000000;
	margin-left:3px;
}
.tbLarger:hover, .tbSmaller:hover{
	background-color:#222;
	border:1px solid #888;
}
