@charset "utf-8";
/* CSS Document */

/* element types */

* {
	padding:0;
	margin:0;
}

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
	dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
	a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
	strong, sub, sup, tt, var {
		margin: 0;
		padding: 0;
	}

ul {
	list-style-type:none;
}

body {
	padding:0;
	margin:0;
	background: #ffffff url(../images/bg.jpg) no-repeat center top fixed;
	color: #e6e6e6;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

  a:link               { color:#fff; text-decoration:underline;}
  a:hover              { color:#fff; text-decoration:underline;}
  a:visited            { color:#fff; text-decoration:underline;}
  a:visited:hover      { color:#fff; text-decoration:none;} 

p {	padding: 5px;}



/* Page ID's
-----------------------------------------------------------------*/
body#home a#navHome, body#dogWalking a#navDogWalking, body#petMinding a#navPetMinding, body#petSitting a#navPetSitting, body#vetVisits a#navVetVisits, body#contact a#navContact {	
	color:#fc7e02;
	background-color:#B4E846;
}



/* Heading spans
-----------------------------------------------------------------*/

h1#headContact, h1#headPetSitting, h1#headPetMinding, h1#headVetVisits, h1#headDogWalking, h1#headHome  {
	position:relative;
	overflow:hidden;
	padding:0;
	margin: 0 0 5px 5px;
	color:#ffffff;	
	font-size: 16px;
	font:Arial, Helvetica, sans-serif bold; 
}

h1#headContact span, h1#headPetSitting span, h1#headPetMinding span, h1#headVetVisits span, h1#headDogWalking span, h1#headHome span  {
	position:absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-repeat:no-repeat;
}

h1#headHome {width: 270px; height: 30px;}
h1#headHome span {background-image: url(../images/txt_home.gif)}

h1#headContact {width: 180px; height: 30px;}
h1#headContact span {background-image: url(../images/txt_contactUs.gif)}

h1#headPetSitting {width: 180px; height: 30px;}
h1#headPetSitting span {background-image: url(../images/txt_petSitting.gif)}

h1#headPetMinding {width: 180px; height: 30px;}
h1#headPetMinding span {background-image: url(../images/txt_petMinding.gif)}

h1#headVetVisits {width: 180px; height: 30px;}
h1#headVetVisits span {background-image: url(../images/txt_vetVisits.gif)}

h1#headDogWalking {width: 180px; height: 30px;}
h1#headDogWalking span {background-image: url(../images/txt_dogWalking.gif)}


dt#headTile1, dt#headTile2, dt#headTile3   {
	position:relative;
	overflow:hidden;
	padding:0;
	margin: 0 0 5px 0;
	color:#ffffff;	
	font-size: 16px;
	font:Arial, Helvetica, sans-serif bold; 
}

dt#headTile1 span, dt#headTile2 span, dt#headTile3 span  {
	position:absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-repeat:no-repeat;
}


dt#headTile1 {width: 110px; height: 25px;}
dt#headTile1 span {background-image: url(../images/txtTile1.gif)}

dt#headTile2 {width: 110px; height: 25px;}
dt#headTile2 span {background-image: url(../images/txtTile2.gif)}

dt#headTile3 {width: 110px; height: 25px;}
dt#headTile3 span {background-image: url(../images/txtTile3.gif)}




/* id selectors design layout */

#outer {
	margin: 20px auto 0 auto;
	width:950px;
	position:relative;
	text-align:left;
}

#logo	{
	width: 100%;
	margin: 0 0 20px 0;

}

#headMain	{
	color:#FFFFFF;
	padding: 20px 45px;
}

#contentMain	{
	color:#FFFFFF;
	padding: 20px 45px;
	text-align:justify;
}

ul#homeTiles	{
	width: 950px;
	clear:left;
	margin: 15px 0 0 0;
}

ul#homeTiles li	{
	float:left;
	display:inline;
}

ul#homeTiles li.listPad	{
	padding: 0 10px;
}


dl#tile1, dl#tile2, dl#tile3	{
	color:#FFFFFF;
	padding: 20px 30px;	
}

dl#tile1 dd, dl#tile2 dd, dl#tile3 dd	{
	width: 75%;
}

#heroHolder	{
	float:right;
	margin: 10px 0 20px 20px;
}

#heroHomeHolder	{
	margin: 10px 0;
}

img#hero	{
	 border: #9D9D9D 1px solid;
	 padding: 5px;
	 background-color:#FFFFFF;
}

img#puddy1	{
	position:absolute;
	right:25px;
	top:5px;
	z-index:2;
}

img#puddy2	{
	position:absolute;
	left:15px;
	top:680px;
}

#footer{
	clear:left;
	color:#999999;
	text-align:center;
	font-size:11px;
	padding: 15px 0 0 0;
}

#testimonial	{
	font-size: 11px;
	font-style:italic;
	width: 190px;
}

#testimonial dl	{
	padding: 5px;
}

#testimonial dl h1	{
	font-size: 13px;
	padding: 5px 0;
	font-style:normal;
}

#testimonial dd	{
	padding: 5px 0 0 0;
	font-weight:bold;
}

img#petHead	{
	margin: 0 0 15px 0;
}

ul#priceList	{
	margin: 20px 5px;
	font-weight:bold;
	border-top: 1px solid #FFFFFF;
	text-align:left;
}

ul#priceList li, ul#priceListFix li	{
	padding: 0 10px;
	margin: 0 0 0 30px;
	list-style: outside disc; 
}

ul#priceList h2, ul#priceListFix h2	{
	font-size: 16px;
	padding: 5px 5px 10px 5px;
}


ul#priceListFix	{
	margin: 10px 210px 10px 5px;
	font-weight:bold;
	border-top: 1px solid #FFFFFF;
	text-align:left;
}



dl#ratesList	{
	margin: 10px 5px;
	font-size:90%;
	font-style:italic;
}

dl#ratesList dt	{
	font-weight:bold;
	
}

dl#ratesList dd	{	
	margin: 0 0 10px 0;
}


/* Homepage
-----------------------------------------------------------------*/
ul#home-intro {
	width: 100%;
	margin: 0;
	font-style:italic;
}

ul#home-intro li {
	float:left;
	width: 48%;
	padding: 0 5px;
}

ul#home-intro  {
	margin: 10px 0 0 0;
}

ul#home-intro li ul  {
	margin: 10px 0 0 0;
	font-style:normal;
}

ul#home-intro li ul li {
	float:none;
	text-align: left;
	width: 100%;
}

ul#home-intro h2{
	font-size:14px;
	font-weight:bold;
	padding: 10px 10px 5px 10px;
	text-align:justify;
	font-style:normal;
}


img#homeSide	{
	position:absolute;
	left: 0;
	top:570px;
}


/* Dog Walking
-----------------------------------------------------------------*/

dl#faqList	{
	margin: 20px 5px;
	border-top: 1px solid #FFFFFF;
}

dl#faqList dt	{
	font-weight:bold;
	padding: 10px;
	background-color: #fea044;
}

dl#faqList dd	{	
	padding: 8px;
	background-color: #fe952d;
	margin: 0 0 10px 0;
}

dl#faqList dd ul	{	
	list-style:disc;
	margin: 0 0 0 20px;
}

dl#faqList h2	{
	font-size: 16px;
	padding: 5px 5px 10px 5px;
}


/* Contact Us
-----------------------------------------------------------------*/
ul#contactList {
	margin: 10px 30px;
}

ul#contactList li{
	list-style-type: disc;
}



/* Navigation
-----------------------------------------------------------------*/

ul#nav	{
	margin: 40px 0;
	
}

ul#nav li	{
	
}

ul#nav li a:link, ul#nav li a:visited {
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	padding: 20px 45px;
	font-weight: bold;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}

ul#nav li a:hover {
	color:#fc7e02;
	text-decoration:none;
	background-color:#B4E846;
}


/*
  +------------------------------------------------------------------+
  | Green-Beast.com                                                  |
  | CSS: Smart Corners                                               |
  | Cascading Style Sheet                                            |
  | Copyright Aug 2006                                               |
  | Use with attribution by visible link please!                     |
  | Attribute to: <a href="http://green-beast.com/">Mike Cherim</a>  |
  +------------------------------------------------------------------+
*/ 

/* here's the box... the image is the upper-left corner */
#navCorners {
  width : 249px;
  height : auto;
  position : relative;
  padding : 0;
  float:left;
  background: #89cd28 url(../images/navBg_b.gif) bottom repeat-x;
}

/* these are the other three spans. classes were used to allow multiuse on a page */
#navCorners span.tl, #navCorners span.tr, #navCorners span.bl, #navCorners span.br {
  position : absolute;
  width : 39px;
  height : 41px;  /* corner images are 40x40 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-right */
#navCorners span.tl {
  background: url(../images/navBg_tl.gif) transparent no-repeat;
  top : 0;
  left : 0;
}

/* change position and image: top-right */
#navCorners span.tr {
  background: url(../images/navBg_tr.gif) transparent no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
#navCorners span.bl {
  background : transparent url(../images/navBg_bl.gif) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
#navCorners span.br {
  background : transparent url(../images/navBg_br.gif) no-repeat;
  right : 0;
  bottom : 0;
}


/* Content Corners
-----------------------------------------------------------------*/

#contentCorners {
  width : 686px;
  height : auto;
  position : relative;
  padding : 0;
  background: #fc7e02 url(../images/contentBg_b.gif) bottom repeat-x;
  margin: 0 0 0 264px;
}

#contentCorners span.tl, #contentCorners span.tr, #contentCorners span.bl, #contentCorners span.br {
  position : absolute;
  width : 39px;
  height : 41px;  /* corner images are 40x40 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-right */
#contentCorners span.tl {
  background: transparent url(../images/contentBg_tl.gif) no-repeat;
  top : 0;
  left : 0;
}

/* change position and image: top-right */
#contentCorners span.tr {
  background: transparent url(../images/contentBg_tr.gif) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
#contentCorners span.bl {
  background : transparent url(../images/contentBg_bl.gif) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
#contentCorners span.br {
  background : transparent url(../images/contentBg_br.gif) no-repeat;
  right : 0;
  bottom : 0;
}


/* Header Corners
-----------------------------------------------------------------*/

#headCorners {
  width : 950px;
  height : auto;
  position : relative;
  padding : 0;
  background: #28c7cd url(../images/headBg_b.gif) bottom repeat-x;
  margin: 0 0 15px 0;
}

#headCorners span.tl, #headCorners span.tr, #headCorners span.bl, #headCorners span.br {
  position : absolute;
  width : 39px;
  height : 41px;  /* corner images are 40x40 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-right */
#headCorners span.tl {
  background: transparent url(../images/headBg_tl.gif) no-repeat;
  top : 0;
  left : 0;
}

/* change position and image: top-right */
#headCorners span.tr {
  background: transparent url(../images/headBg_tr.gif) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
#headCorners span.bl {
  background : transparent url(../images/headBg_bl.gif) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
#headCorners span.br {
  background : transparent url(../images/headBg_br.gif) no-repeat;
  right : 0;
  bottom : 0;
}


/* Tile 1 Corners
-----------------------------------------------------------------*/

#homeTile1 {
  width : 308px;
  height : auto;
  position : relative;
  padding : 0;
  background: #28c7cd url(../images/homeTile1Bg.gif) right no-repeat;
  margin: 0;
}

#homeTile1 span.tl, #homeTile1 span.tr, #homeTile1 span.bl, #homeTile1 span.br {
  position : absolute;
  width : 29px;
  height : 31px;  /* corner images are 30x30 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-right */
#homeTile1 span.tl {
  background: transparent url(../images/homeTile1Bg_tl.gif) no-repeat;
  top : 0;
  left : 0;
}

/* change position and image: top-right */
#homeTile1 span.tr {
  background: transparent url(../images/homeTile1Bg_tr.gif) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
#homeTile1 span.bl {
  background : transparent url(../images/homeTile1Bg_bl.gif) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
#homeTile1 span.br {
  background : transparent url(../images/homeTileBg_br.gif) no-repeat;
  right : 0;
  bottom : 0;
}


/* Tile 2 Corners
-----------------------------------------------------------------*/

#homeTile2 {
  width : 308px;
  height : auto;
  position : relative;
  padding : 0;
  background: #89cd28 url(../images/homeTile2Bg.gif) right no-repeat;
  margin: 0;
}

#homeTile2 span.tl, #homeTile2 span.tr, #homeTile2 span.bl, #homeTile2 span.br {
  position : absolute;
  width : 29px;
  height : 31px;  /* corner images are 30x30 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-right */
#homeTile2 span.tl {
  background: transparent url(../images/homeTile2Bg_tl.gif) no-repeat;
  top : 0;
  left : 0;
}

/* change position and image: top-right */
#homeTile2 span.tr {
  background: transparent url(../images/homeTile2Bg_tr.gif) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
#homeTile2 span.bl {
  background : transparent url(../images/homeTile2Bg_bl.gif) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
#homeTile2 span.br {
  background : transparent url(../images/homeTileBg_br.gif) no-repeat;
  right : 0;
  bottom : 0;
}


/* Tile 3 Corners
-----------------------------------------------------------------*/

#homeTile3 {
  width : 308px;
  height : auto;
  position : relative;
  padding : 0;
  background: #cd286a url(../images/homeTile3Bg.gif) right no-repeat;
  margin: 0;
}

#homeTile3 span.tl, #homeTile3 span.tr, #homeTile3 span.bl, #homeTile3 span.br {
  position : absolute;
  width : 29px;
  height : 31px;  /* corner images are 30x30 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-right */
#homeTile3 span.tl {
  background: transparent url(../images/homeTile3Bg_tl.gif) no-repeat;
  top : 0;
  left : 0;
}

/* change position and image: top-right */
#homeTile3 span.tr {
  background: transparent url(../images/homeTile3Bg_tr.gif) no-repeat;
  top : 0;
  right : 0;
}

/* change position and image: bottom-left */
#homeTile3 span.bl {
  background : transparent url(../images/homeTile3Bg_bl.gif) no-repeat;
  bottom : 0;
  left : 0;
}

/* change position and image: bottom-right */
#homeTile3 span.br {
  background : transparent url(../images/homeTileBg_br.gif) no-repeat;
  right : 0;
  bottom : 0;
}


.clearLeft	{
	clear:left;
}