/* The CSS for the Services/Resources Page is all at the bottom of this document */









/*Global CSS*/



body {

	background-color: #695e4a;

	margin: 0px; 

	padding: 0px;

	font: 80% Arial, Helvetica, sans serif;

	color: #2a1d16;

	margin: 0 auto;	

}



h1 {

	color: #b94136;

	font-size: 170%;

}



h2 {

	font-size: 120%;

}





a {

	text-decoration: none;

	color: #82d1c7;

}





img {

	border: 0;

}



ul  {

	list-style-type: none;

	

}







/*Form*/



label {

	margin-right: 10px;

	

}



#ziplabel {

	margin-left: 18px;

}	



#phoneradio {

	margin-left: 20px;

}



#emailradio {

	margin-left: 20px;

}







fieldset {

	border: 0;

	

}



#topcontact  {

	line-height: 230%;

}



#contactservice {

	line-height: 150%;

	margin-top: -20px;

}



#lowercontact label {

	display: block;

}



#lowercontact {

	line-height: 210%;

}



#submit {

	background-color:#e3d1b2;

	margin-left: 280px;

}



#service_request {

	padding-top: 20px;

	padding-left: 10px;

	}





/*Center Magic*/



#wrap {

	position: relative;

	margin-right: auto;

	margin-left: auto;

	width: 940px;

}



#container {

	position: relative;

	width: 940px;

	background-color: #f1e6d3;

	min-height: 500px;

	height: 800px;

	

}





#texture {

	background: url(Images/texture.gif);

	background-repeat: no-repeat;

	width: 940px;

	height: 229px;

}





/*Header & Navigation*/



#header {

	background: url(Images/header.jpg);

	width: 940px;

	height: 356px;

	}



#nav {

	position: absolute;

	top: 310px;

	width: 800px;

	left: 110px;

} 



/*Nav Rollover Magic*/



#homenav

{

  display: inline-block;

  width: 32px;

  height: 12px;

  background: url("Images/home.gif") no-repeat 0 0;

  margin-right: 15px;

}



#homenav:hover

{ 

  background-position: 0 -12px;

}



#homenav span

{

  display: none;

}



#servicesnav

{

  display: inline-block;

  width: 107px;

  height: 12px;

  background: url("Images/services.gif") no-repeat 0 0;

  margin-right: 15px;

  



}



#servicesnav:hover

{ 

  background-position: 0 -12px;

}



#servicesnav span

{

  display: none;

}





#aboutnav

{

  display: inline-block;

  width: 185px;

  height: 12px;

  background: url("Images/about.gif") no-repeat 0 0;

  margin-right: 15px;



}



#aboutnav:hover

{ 

  background-position: 0 -12px;

}



#aboutnav span

{

  display: none;

}







#clientnav

{

  display: inline-block;

  width: 146px;

  height: 12px;

  background: url("Images/clients.gif") no-repeat 0 0;

  margin-right: 15px;



}



#clientnav:hover

{ 

  background-position: 0 -12px;

}



#clientnav span

{

  display: none;

}





#resourcesnav

{

  display: inline-block;

  width: 90px;

  height: 12px;

  background: url("Images/resources.gif") no-repeat 0 0;

  margin-right: 15px;



}



#resourcesnav:hover

{ 

  background-position: 0 -12px;

}



#resourcesnav span

{

  display: none;

}





#contactnav

{

  display: inline-block;

  width: 70px;

  height: 12px;

  background: url("Images/contact.gif") no-repeat 0 0;



}



#contactnav:hover

{ 

  background-position: 0 -12px;

}



#contactnav span

{

  display: none;

}













	



/*Main Content*/



#main {

	position: absolute;

	top: 20px;

	right: 70px;

	width: 503px;

	

}



#testimonials {

	position: absolute;

	top: 20px;

	right: 70px;

	width: 530px;

}

#landing-walking {

	position: absolute;

	top: 20px;

	right: 70px;

	width: 560px;

}



.names {

	margin-bottom: 40px;

}



.hulaquote {

	position: absolute;

	right: 120px;

	width: 410px;

}



.featuredtestimony {

	position: absolute;

	top: 610px;

}



#hula {

	position: absolute;

	top: 510px;

	padding-left: 370px;

	z-index: 1;

}



#homebox {

	background: url(Images/homebox.jpg);

	background-repeat: no-repeat;

	width: 503px;

	height: 144px;

	margin-top: 20px;

}



#aboutbox {

	background: url(Images/aboutboxmiddle.jpg);

	background-repeat: repeat-y;

	width: 531px;

	}



.feature {

	color: #c3b676;

	font-size: 108%;

	padding: 30px;

	margin-left: 10px;

	margin-right: 10px;

}



.featureabout {

	color: #c3b676;

	font-size: 90%;

	margin-left: 30px;

	margin-right: 20px;

	

}



#homelist ul {

	padding-left: 0;

	margin-left: 0;

	

	

}



.rheading {

	color: #dcd087;

	text-align: center;

	padding-top: 36px;

}



.rheading2 {

	color: #dcd087;

	text-align: center;

	position: absolute;

	top: 430px;

	left: 150px;

}



.rheading3 {

	color: #dcd087;

	text-align: center;

	position: absolute;

	top: 610px;

	left: 170px;

}



.rheading4 {

	color: #dcd087;

	text-align: center;

	position: absolute;

	top: 798px;

	left: 200px;

}



.boutiques {

	position: absolute;

	top: 840px;

}



.adoption {

	position: absolute;

	top: 170px;

}



.emergency {

	position: absolute;

	top: 480px;

}



.destinations {

	position: absolute;

	top: 660px;

}





#resourcesbg li{

	padding-left: 25px;

	line-height: 160%;

}





#homelist li {

	background-image: url(Images/bullet.gif);

	background-repeat: no-repeat;

	padding-left: 20px;

	padding-bottom: 20px;

}





#contactinfo {

	position: absolute;

	width: 200px;

	right: 20px;

	top: 30px;

	text-align: right;

	line-height: 90%;

	z-index: 1;

}



#mail {

	color: #45968c;

	font-size: 90%;

}



/*Services*/





#services {

	padding: 15px;

}



#left {

	width: 290px;

	font-size: 90%;
	
	top: 105px;

}



#right {

	width: 290px;

	font-size: 90%;

	position: absolute;

	right: 170px;

	top: 105px;

	

}



.service_h3 {

	padding-top: 30px;
	
}

.service2_h3 {

	padding-top: 10px;

}



.service_h3_waste {

	padding-top: 30px;

}







.servicelist ul {

	padding-left: 0;

	margin-left: 0;		

	

}



.servicelist li {

	background-image: url(Images/bullet_small.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 10px;

	line-height: 140%;

	margin-left: -40px;

}



#leftprice {

	width: 125px;

	height: 1400px;

	background-color: #e3d1b2;

	position: absolute;

	left: 320px;

	top: 145px;

	font-size: 80%;

	padding: 7px;

}



#rightprice {

	width: 125px;

	height: 1400px;

	background-color: #e3d1b2;

	position: absolute;

	right: 20px;

	top: 145px;

	font-size: 80%;

	padding: 7px;

}



.vacation {

	position: absolute;

	top: 16px;

	width: 123px;

}



.dogwalking {

	position: absolute;

	top: 298px;

}



.dailywalk {

	position: absolute;

	top: 600px;

	width: 120px;

}



.tlc {

	position: absolute;

	top: 590px;

	width: 120px;

}



.dailytlc {

	position: absolute;

	top: 970px;

	width: 120px;

}



.waste {

	position: absolute;

	top: 850px;

	width: 120px;

	

}

.mini {

	position: absolute;

	top: 21px;

}



.overnight {

	position: absolute;

	top: 245px;

}



.housesit {

	position: absolute;

	top: 410px;

}



.taxi {

	position: absolute;

	top: 688px;

}



.bath {

	position: absolute;

	top: 815px;

}



#dogwalker {

	position: absolute;

	top: 1270px;

	right: 170px;

	z-index: 1;

}







/*Sidebar*/





#sidebar {

	width: 330px;

	float: left;

}



.sidebarpic {

	padding-left: 50px;

	padding-top: 30px;

}



#brackets {

	padding-left: 30px;

	padding-top: 90px;

}



#brackets_testimonials {

	padding-left: 30px;

	padding-top: 30px;

}



#brackettext {

	position: absolute;

	top: 570px;

	left: 70px;

	width: 210px;

	font-size: 85%;

}



#brackettext_client {

	position: absolute;

	top: 580px;

	left: 70px;

	width: 210px;

	font-size: 85%;
	
}

#brackettext_client_landing {

	position: absolute;

	top: 580px;

	left: 60px;

	width: 210px;

	font-size: 110%;
	
	color: #b94136;

}



/*Footer*/





#footer {

	background-color: #e3d1b2;

	width: 940px;

	height: 160px;

	position: absolute;

	top: 760px;

	

}



#footer_services {

	background-color: #e3d1b2;

	width: 940px;

	height: 160px;

	position: absolute;

	top: 1440px;

	

}





#member {

	display: block;

	width: 210px;

	padding-top: 10px;

	margin-left: 50px;

	margin-bottom: 10px;

}



#logos {

	margin-left: 20px;

}



#facebook {

position: absolute;

top: 10px;

left: 400px;

}



#facebook_graphic {

margin-right: 8px;

}



#facebook p {

position: relative;

top: -10px;

font-style: italic;

float: right;

width: 240px;



}



.lowernav ul li{

	display: inline;

	padding-right: 10px;

}



.lowernav {

	position: absolute;

	top: 65px;

	left: 360px;

	width: 600px;

	font-size: 80%;

}



.lowernav a:link {

	color: #2a1d16;

}



.lowernav a:visited {

	color: #2a1d16;

}

	

.lowernav a:hover {

	color: #82d1c7;

}



.lowernav a:active {

	color: #2a1d16;

}

	



.subnav {

	color: #796d58;

	font-size: 75%;

	position: absolute;

	top: 95px;

	left: 400px;

	width: 500px;

}



.subnav a:link {

	color: #796d58;

}



.subnav a:visited {

	color: #796d58;

}



.subnav a:hover {

	color:  #82d1c7;

}



.subnav a:active{

	color: #796d58;

}





#lowerfooter {

	width: 940px;

	height: 130px;

	position: absolute;

	top: 890px;

}



#ffwd {

	font-size: 70%;

	text-align: center;

}





/*Special CSS for Long Pages that break the layout (Resources & Services)*/





#resourcesbg {

	background: url(Images/resourcebg.gif);

	width: 503px;

	height: 842px;

	line-height: 140%;

}



#resources {

	position: absolute;

	top: 20px;

	right: 70px;

	width: 530px;

	float: right;

	

}





#container_long {

	position: relative;

	width: 940px;

	background-color: #f1e6d3;

	height: 1000px;

	

}





#container_services {

	position: relative;

	width: 940px;

	background-color: #f1e6d3;

	height: 1570px;

	

}



#footer_long {

	background-color: #e3d1b2;

	width: 940px;

	height: 150px;

	position: absolute;

	top: 1000px;

}





.lowernav_long ul li{

	display: inline;

	padding-right: 10px;

}



.lowernav_long {

	position: absolute;

	top: 70px;

	left: 360px;

	width: 600px;

	font-size: 80%;

}



#lowerfooter_long {

	position: absolute;

	top: 1150px;

	width: 940px;

	height: 130px;

}



.lowernav_long a:link {

	color: #2a1d16;

}



.lowernav_long a:visited {

	color: #2a1d16;

}



.lowernav_long  a:hover {

	color:  #82d1c7;

}



.lowernav_long a:active {

	color: #2a1d16;

}



.subnav_long {

	color: #796d58;

	font-size: 75%;

	position: absolute;

	top: 100px;

	left: 400px;

	width: 500px;

}



.subnav_long  a:link{

	color: #796d58;

}



.subnav_long  a:visited{

	color: #796d58;

}



.subnav_long a:hover {

	color: #82d1c7;

}



.subnav_long  a:active{

	color: #796d58;

}



.lowernav_services ul li {

	display: inline;

	padding-right: 10px;

}



.lowernav_services {

	position: absolute;

	top: 90px;

	left: 360px;

	width: 600px;

	font-size: 80%;

}





.lowernav_services a:link {

	color: #2a1d16;

}



.lowernav_services a:visited{

	color: #2a1d16;

}



.lowernav_services a:hover {

	color: #82d1c7;

}



.lowernav_services a:active {

	color: #2a1d16;

}





.subnav_services {

	color: #796d58;

	font-size: 75%;

	position: absolute;

	top: 115px;

	left: 400px;

	width: 500px;

}



.subnav_services a:link {

	color: #796d58;

}



.subnav_services a:visited {

	color: #796d58;

}



.subnav_services a:hover {

	color: #82d1c7;

}



.subnav_services a:active {

	color: #796d58;

}





#lowerfooter_services {

	position: absolute;

	top: 1600px;

	width: 940px;

	height: 130px;

}



#brackettext_long {

	position: absolute;

	top: 750px;

	left: 70px;

	width: 210px;

	font-size: 85%;

}





/* Success! */



#success {

	background-color: #f1e6d3;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	width: 400px;

	height: 250px;

	top: 50px;

	padding: 20px;

	text-align: center;

}