/* ---------------------- [ General ] ---------------------- */

* {
	margin: 0;
	padding: 0;
	}
	
body {
	background: #131313 url('images/bg2.jpg') repeat-x top left;
	color: #fff;
	text-align: center;		/* Ensures that Internet Explorer centres wrapper div */
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 14px
	}
	
#wrapper {
	width: 716px;
	margin: 0 auto;
	text-align: left;
	}
	
a,
a:link,
a:visited,
a:active {
	color: #C19C4F;
	text-decoration: underline;
	}
	
a:hover {
	text-decoration: none;
	}

	
/* ---------------------- [ Header and menus ] ---------------------- */

ul#mainmenu.home {
	clear: both;
	background: url('images/menu-main-home.jpg') no-repeat top left;
	width: 716px;
	height: 294px;
	list-style-type: none;
	margin-left:0; margin-right:0; margin-top:25px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:50px; padding-bottom:0
	}

ul#mainmenu.about {
	clear: both;
	background: url('images/menu-main-2.jpg') no-repeat top left;
	width: 716px;
	height: 294px;
	list-style-type: none;
	margin-left:0; margin-right:0; margin-top:25px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:50px; padding-bottom:0
	}
	
ul#mainmenu.challenging {
	clear: both;
	background: url('images/menu-main-3.jpg') no-repeat top left;
	width: 716px;
	height: 294px;
	list-style-type: none;
	margin-left:0; margin-right:0; margin-top:25px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:50px; padding-bottom:0
	}
	
ul#mainmenu.kids {
	clear: both;
	background: url('images/menu-main-4.jpg') no-repeat top left;
	width: 716px;
	height: 294px;
	list-style-type: none;
	margin-left:0; margin-right:0; margin-top:25px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:50px; padding-bottom:0
	}
	
ul#mainmenu.puppy {
	clear: both;
	background: url('images/menu-main-puppy.jpg') no-repeat top left;
	width: 716px;
	height: 294px;
	list-style-type: none;
	margin-left:0; margin-right:0; margin-top:25px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:50px; padding-bottom:0
	}
	
ul#mainmenu.testimonials {
	clear: both;
	background: url('images/menu-main-testimonials.jpg') no-repeat top left;
	width: 716px;
	height: 294px;
	list-style-type: none;
	margin-left:0; margin-right:0; margin-top:25px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:50px; padding-bottom:0
	}
	
h1 {
	width: 310px;
	height: 158px;
	background: url('images/header4.gif') no-repeat top left;
	text-indent: -9999px
	}
	
ul#uppernav {
	list-style-type: none;
	margin: -25px 0 0 600px;
	}
	
ul#uppernav li {
	width: 13px;
	height: 13px;
	text-indent: -9000px;
	display: block;
	float: left;
	margin: 0 25px 0 0;
	}
	
#uppernav li a {
	display: block;
	width: 13px;
	height: 13px;
	border: none;
	text-decoration: none;
	}
	
ul#uppernav li#home {
	background: url('images/uppernav-home.png') no-repeat top left;
	}
	
ul#uppernav li#contact {
	background: url('images/uppernav-contact.png') no-repeat top left;
	}
	
ul#uppernav li#sitemap {
	background: url('images/uppernav-sitemap.png') no-repeat top left;
	}
	
ul#mainmenu {
	clear: both;
	background: url('images/menu-main-home.jpg') no-repeat top left;
	width: 716px;
	height: 294px;
	list-style-type: none;
	margin-left:0; margin-right:0; margin-top:25px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:50px; padding-bottom:0
	}
	
ul#mainmenu li {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	display: block;
	height: 37px;
	width: 220px;
	margin: 0 0 0 80px;
	}
	
ul#mainmenu li a,
ul#mainmenu li a:link,
ul#mainmenu li a:visited,
ul#mainmenu li a:active {
	display: block;
	color: #fff;
	text-decoration: none;
	height: 37px;
	width: 220px;
	}
	
ul#mainmenu li a:hover {
	color: #F1E04E;
	}
	

/* ---------------------- [ Content - Home page ] ---------------------- */

	
#welcome {
	width: 435px;
	float: left;
	margin: 0 0 0 10px;
	margin-top: -15px;
	}
	
#welcome-content2 {
	width: 500px;
	float: left;
	margin: 0 0 0 10px;
	margin-top: 0px;
	}

#welcome-content2 p {
	line-height: 140%;
	margin: 0 0 15px 0;
	color:#CCCCCC;
	}
	
#welcome h2 {
	width: 441px;
	height: 20px;
	background: url('images/welcome-header.gif') no-repeat top left;
	text-indent: -9999px;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px
	}
	
#welcome p {
	line-height: 140%;
	margin: 0 0 15px 0;
	color:#CCCCCC;
	}
	
#welcome img.right {
	float:right;
	margin: 5px 0px 10px 15px;
	}	
	
#welcome img.left {
	float:left;
	margin: 5px 10px 5px 0px;
	}	
	
#whatsnew ul li {
	background: url('images/bullet.gif') no-repeat top left;
	list-style-type: none;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:5px; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0
	}
	
#whatsnew {
	width: 220px;
	float: right;
	color: #909090;
	margin-bottom: 50px;
	}
	
#whatsnew h2 {
	width: 220px;
	height: 20px;
	background: url('images/whatsnew-header.gif') no-repeat top left;
	text-indent: -9999px;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px
	}
	
#whatsnew ul li {
	margin: 0 0 15px 0;
	}
	
#whatsnew a,
#whatsnew a:link,
#whatsnew a:visited,
#whatsnew a:active {
	color: #909090;
	}
	
#boxes {
	width: 100%;
	clear: both;
	padding: 20px 0 0 0;
	}
	
#boxes h3 {
	width: 162px;
	height: 126px;
	text-indent: -9999px;
	float: left;
	margin: 0 17px 0 0;
	padding: 0 0 20px 0;
	}
	
#boxes h3#puppyhub {
	background: url('images/box-puppy.jpg') no-repeat top left;
	}
	
#boxes h3#challengingdog {
	background: url('images/box-challengingdog.jpg') no-repeat top left;
	}
	
#boxes h3#kidsanddogs {
	background: url('images/box-kidsanddogs.jpg') no-repeat top left;
	}
	
#boxes h3#testimonials {
	background: url('images/box-testimonials.jpg') no-repeat top left;
	}
	
#boxes h3 a {
	display: block;
	text-decoration: none;
	border: none;
	width: 162px;
	height: 126px;
	}
	

/* ---------------------- [ Content Page ] ---------------------- */	
	
	
#content {
	width: 500px;
	float: left;
	margin: -10px 0 0 0;
	padding-right: 20px;
	color: #CCCCCC;
	}
	
#content h2#home {
	width: 100%;
	height: 20px;
	background: url('images/welcome-header.gif') no-repeat top left;
	text-indent: -9999px;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px
	}
	
#content h2#about {
	width: 100%;
	height: 20px;
	background: url('images/about-header.gif') no-repeat top left;
	text-indent: -9999px;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px
	}
	
#content h2#challenging {
	width: 100%;
	height: 20px;
	background: url('images/challenging-header.gif') no-repeat top left;
	text-indent: -9999px;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px
	}	
	
#content h2#testimonials {
	width: 100%;
	height: 20px;
	background: url('images/testimonials-header.gif') no-repeat top left;
	text-indent: -9999px;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px
	}	
	
#content h2#puppy {
	width: 100%;
	height: 20px;
	background: url('images/puppy-header.gif') no-repeat top left;
	text-indent: -9999px;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px
	}	
	
#content h2#kids {
	width: 100%;
	height: 20px;
	background: url('images/kids-header.gif') no-repeat top left;
	text-indent: -9999px;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px
	}	
	
#content h2#resources {
	width: 100%;
	height: 20px;
	background: url('images/resources-header.gif') no-repeat top left;
	text-indent: -9999px;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px
	}	
	
#content h2#services {
	width: 100%;
	height: 20px;
	background: url('images/services-header.gif') no-repeat top left;
	text-indent: -9999px;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px
	}	
	
#content h2#sitemap {
	width: 100%;
	height: 20px;
	background: url('images/sitemap-header.gif') no-repeat top left;
	text-indent: -9999px;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px
	}	
	
#content h2#contact {
	width: 100%;
	height: 20px;
	background: url('images/contact-header.gif') no-repeat top left;
	text-indent: -9999px;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px
	}	
	
#content img.right {
	float:right;
	margin: 5px 5px 5px 5px;
	}	
	
#content img.left {
	float:left;
	margin: 5px 10px 5px 0px;
	}	
	
#content p {
	line-height: 135%;
	margin: 0 0 15px 0;
	font-size: 14px;
	}
	
#content h3 {
	line-height: 130%;
	margin: 25px 0 5px 0;
	color: #c19c4f;
	font-style: italic;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 14px;
	font-weight:normal;
	}
	
#boxes.side {
	width: 162px;
	float: right;
	margin: -25px 0 0 0;
	}
	
#boxes.homeside {
	width: 220px;
	float: right;
	margin: -35px 0 0 0;
	}

#boxes.side h3 {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	}
	
#content ul li {
	background: url('images/bullet.gif') no-repeat top left;
	list-style-type: none;
	margin-left:10px; margin-right:0; margin-top:0; margin-bottom:7px; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0
	}
	
#content ul li ul {
	margin-top: 15px;
	}