/* WeLoveYourDogs CSS */

@import url(ui.theme.css);

body {
	color: #333;
	font-size:  14px;
	font-family: Verdana, Arial, sans-serif;
	background:  #FFF url(../../img/bg_top-strip.gif) 75% 0 repeat-x; }

a { 
	font-weight: bold;
	color: #ac7eaf; }
	
a:hover {
	color: #6e3a70; }
	
#wrapper {
	width: 100%;
	margin: 0 auto;
	background: url(../../img/bg_colored-striped.gif) 50% 15px repeat-x; }	
	
#header {
	position:  relative;
	width: 975px;
	height: 95px;
	margin: 0 auto;
	padding:  40px 0 0; }
	
div#logo a#weloveyourdogs {
	float: left;
	display: block;
	width: 375px;
	height:  106px;
	margin: 0 0 0 15px;
	text-indent:  -9999px;
	background: url(../../img/logo.png) no-repeat; }
	
ul#mainNav {
	position:  absolute;
	top: 100px;
	right: 15px; 
	width: 373px;
	height:  13px;
	background: url(../../img/nav.png) no-repeat; }
	ul#mainNav li {}
		ul#mainNav li {
			float: left;
			display: block;
			height: 13px;
			padding: 2px 0;
			text-indent: -9999px; }
			li#navServices { width: 69px; margin-right: 36px; }
			li#navAbout { width: 79px; margin-right: 40px; }
			li#navSchedule { width: 142px; }
	ul#mainNav a {
		display: block;
		height: 13px; 
		padding: 2px 0; }
		
p#subNav {
	position: absolute;
	top: 55px;
	right: 15px;
	width: 189px;
	height: 13px;
	background: url(../../img/img_email-us-or-call.gif) no-repeat;
	text-indent: -9999px; }
	p#subNav a {
		position: absolute;
		top: 0;
		left: 0; 
		width: 50px;
		height: 13px; }
			
ul#subNav {
	position: absolute;
	top: 55px;
	right: 15px;
	width: 89px;
	height: 13px;
	background: url(../../img/subnav.png) no-repeat; }
	ul#subNav li {}
		ul#subNav li {
			float: left;
			display: block;
			height: 13px;
			text-indent: -9999px; }
			li#navBlog { width: 25px; margin-right: 2px; }
			li#navContact { width: 58px; }
	ul#subNav a {
		display: block;
		height: 13px; }

p#freePortrait {
	position: absolute;
	top: 134px;
	right: 3px;
	background: url(../../img/img_free-portrait.gif) no-repeat; 
	width: 602px;
	height: 33px;
	text-indent: -9999px; }
	p#freePortrait a {
		display: block;
		width: 602px;
		height: 33px; }
		
p#clientPhotos {
	position: absolute;
	top: 134px;
	right: 3px;
	background: url(../../img/img_client-photos.gif) no-repeat; 
	width: 439px;
	height: 33px;
	text-indent: -9999px; }
	p#clientPhotos a {
		display: block;
		width: 439px;
		height: 33px; }
			
#content {
	/*overflow: auto;*/
	width: 880px;
	margin: 0 auto;
	padding: 0 0 40px 80px; }
	
h1#dog-walking {
	width: 807px;
	height: 25px;	
	margin: 55px 0 0 0;
	text-indent: -9999px;
	background: url(../../img/hdr_dog-walking.gif) no-repeat; }
	
h1#dog-walking-services {
	width: 220px;
	height: 25px;	
	margin: 55px 0 0 0;
	text-indent: -9999px;
	background: url(../../img/hdr_services.gif) no-repeat; }	
	
h1#who-we-are {
	width: 127px;
	height: 18px;	
	margin: 55px 0 0 0;
	text-indent: -9999px;
	background: url(../../img/hdr_about.gif) no-repeat; }

h1#schedule {
	width: 215px;
	height: 26px;	
	margin: 55px 0 0 0;
	text-indent: -9999px;
	background: url(../../img/hdr_schedule.gif) no-repeat; }
	
h1#resources {
	width: 263px;
	height: 19px;	
	margin: 55px 0 0 0;
	text-indent: -9999px;
	background: url(../../img/hdr_resources.gif) no-repeat; }
	
h1#free-portrait {
	width: 492px;
	height: 24px;	
	margin: 55px 0 0 0;
	text-indent: -9999px;
	background: url(../../img/hdr_free-portrait.gif) no-repeat; }
	
h1#our-clients {
	width: 240px;
	height: 19px;	
	margin: 55px 0 0 0;
	text-indent: -9999px;
	background: url(../../img/hdr_our-clients.gif) no-repeat; }
	
h1#mizner-gallery {
	width: 317px;
	height: 24px;	
	margin: 55px 0 0 0;
	text-indent: -9999px;
	background: url(../../img/hdr_mizner-gallery.gif) no-repeat; }
	
.maincol {
	float: left;
	width: 598px; }

#content h2 {
	margin: 30px 0 -5px;
	font-size: 16px;
	font-weight: normal;
	color: #707d5e; }
	#content h2.sm {
		margin: 30px 145px -5px 0; 
		font-size: 14px;
		line-height: 1.4; }

#content p {
	margin: 15px 240px 15px 0;
	line-height: 1.6; }
	#pgHome #content p {
		margin: 15px 160px 15px 0; }
	#content p img {
		float: left;
		margin: -5px 15px 15px 0;
		border: 8px solid #c9dea9;
		color: 404040; 
		font-size: 14px; }
	#content p img.rt {
		float: right; }
	#content p.note {
		font-size: 12px;
		line-height: 1.4;
		color: #A0A0A0; }
	#content p.privacy {
		float: left;
		width: 300px;
		margin: 0; }
		
#content ul {
	margin: 15px 200px 15px 0; }
#content li {
	margin: 0 0 10px 15px;
	line-height: 1.4;}
	
#content ul.logos {
	float: left;
	width: 405px;
	margin: 0;
	padding: 10px 0 40px; }
	#content ul.logos li {
		float: left;
		margin: 0; }
	#content ul.logos li#logo_psa {
		width: 205px; }
	#content ul.logos li#logo_napps {
		width: 130px; }
	#content ul.logos img {
		display: block;
		padding: 15px; }
	#content ul.logos p {
		margin: 5px 0 0;
		font-size: 11px;
		color: #A0A0A0;
		line-height: 1.2; }
	#content ul.logos a img {
		border: 4px solid transparent; }
	#content ul.logos a img:hover {
		border: 4px solid #ac7eaf; }

#content ul.resources p {
	margin: 5px 0; }
		
#content .col {
	float: left; 
	width: 375px; }
	#content .col p {
		margin: 15px 0; }
		
#content .sidebar {
	float: right; 
	width: 137px;
	margin: 24px 0 0;
	font-size: 11px; }
	#content .sidebar h2 {
		margin: 0 0 7px; 
		padding: 0 0 3px;
		font-size: 12px;
		color: #A5C0D9;
		border-bottom: 1px solid #A5C0D9; }
	#content .sidebar ul { }
	#content .sidebar li {
		margin: 0 0 5px;
		line-height: 1.2;
		color: #A0A0A0; }
	#content .sidebar a {
		font-weight: normal;
		text-decoration: none; }
		
ul#fineprint {
	padding: 15px 200px 0 30px;
	list-style: disc;
	list-style-position: outside;
	font-size: 12px;
	color: #777; }
	#fineprint li {
		margin: 0 0 5px;
		line-height: 1.4; }
		
div.photo {
	position: relative;
	float: left;
	margin: 0 0 30px;
	padding: 0 15px 0 0; }
div.photo.rt {
	float: right; }
.photo img {
	margin: 5px 0 15px 0;
	border: 8px solid #c9dea9; }
.photo.rt img {
	margin: -25px 0 0; }
#content .photo p, #pgHome #content .photo p {
	position: absolute;
	bottom: 23px;
	left: 8px;
	width: 228px;
	margin: 0;
	padding: 8px 4px 7px;
	background: #a5c0d9;
	color: #333;
	font-style: italic;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7; }
#content .photo p#team {
	width: 442px; }
#content .photo p span {
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1; } 
			
form#schedule_walk {
	float: left;
	overflow: auto;
	width: 545px;
	padding: 0 0 40px; }			

fieldset {
	display: block;
	width: 481px;
	margin: 16px 0 15px;
	padding: 0 30px 15px;
	border: 2px solid #a5c0d9; }
	
legend {
	margin: 0 0 0 -15px;
	padding: 0 5px;
	color: #707d5e;
	font-weight: bold; }
	legend span {
		font-size: 11px;
		color: #A0A0A0;
		font-weight: normal; }
	
input, label {
	display: block; }

label {
	padding: 0 0 5px;
	font-size: 12px; }
	label.first {
		padding: 15px 0 5px; }
	label.error {
		margin: -10px 0 10px;
		font-weight: normal;
		color: #CC0000; }
		
input {
	width: 300px; 
	padding: 7px;
	margin: 0 0 15px;
	color: #777;
	font-size: 14px;
	border: 1px solid #c9dea9; }
	input:focus {
		border: 1px solid #a5c0d9; }
	input.error {
		border: 1px solid #CC0000; }
	input.submit {
		float: right;
		width: 75px; 
		padding: 4px 0;
		font-weight: bold; 
		cursor: pointer;
		text-align: center;
		background: #EEE; }
	input.submit:hover {
		color: #6e3a70; }
	#send input.submit {
		margin: 0 165px 0 0; }
		
textarea {
	width: 300px;
	height: 75px;
	padding: 7px;
	font-size: 14px;
	color: #777;
	font-family: Verdana, Arial, sans-serif;
	border: 1px solid #c9dea9; }
	textarea:focus {
		border: 1px solid #a5c0d9; }		
		
select {
	width: 300px;
	padding: 0 7px; }
a.cancel {
	float: right;
	margin: 10px 15px 0 0;
	font-size: 11px;
	font-weight: normal;
	color: #A0A0A0; }
#send {
	display: none; }
	
.callout {
	width: 645px;
	background: #c9dea9; }
	#content .callout h2 {
		padding: 5px 0 5px;
		background: #707d5e;
		color: #FFF;
		text-align: center;
		letter-spacing: 2px;
		text-transform: uppercase;
		font-size: 11px;
		border-bottom: 1px solid #FFF; }
	#content .callout p {
		margin: 0;
		padding: 15px;
		font-size: 16px;
		text-align: center; }
	
table#rates {
	width: 645px;
	text-align: left; }
	#rates caption {
		padding: 5px 0 5px;
		background: #707d5e;
		color: #FFF;
		text-align: center;
		letter-spacing: 2px;
		text-transform: uppercase;
		font-size: 11px;
		border-bottom: 1px solid #c9dea9; }
	#rates th {
		padding: 7px 0 8px 15px;
		background: #c9dea9;
		border: 1px solid #FFF;
		border-right: none; }
	#rates td {
		padding: 7px 0 8px 15px; 
		background: #c9dea9; 
		border: 1px solid #FFF; 
		border-right: none; }
		
#pgSched .testimonial {
	float: right;
	width: 240px;
	padding: 78px 0 0 60px; }
#pgAbout .testimonial {
	margin: 0 0 0 480px; }
#pgHome .testimonial {
	margin: 5px 0 0;
	padding: 0 0 10px;
	background: #fbfaf4; 
	color: #FFF;
	border: 1px solid #ac7eaf; }
	.testimonial blockquote {
		font-style: italic; }
	#content .testimonial h2 {
		margin: 0;
		padding: 5px 20px;
		color: #FFF;
		background: #ac7eaf;
		font-size: 14px;
		font-weight: bold; }
	#content .testimonial p {
		margin: 0;
		color: #ac7eaf;
		line-height: 1.8;
		font-size: 16px; }
	#pgHome #content .testimonial p {
		margin: 15px 0;
		padding: 0 20px;
		line-height: 1.4;
		font-size: 14px; 
		color: #333; }
	#content .testimonial p.author {
		text-align: right;
		font-size: 14px;
		font-style: normal; }
		
#gallery {
	width: 600px;
	padding: 15px 30px; }
	#pgParkPhotos #gallery {
		width: 850px;
		padding: 15px 0; }
	#gallery img {
		margin: 15px; 
		border: 8px solid #c9dea9; }
	#pgParkPhotos #gallery img {
		margin: 15px 30px 15px 0; }
	#gallery img:hover {
		border: 8px solid #ac7eaf; }
	
#footer {
	overflow: auto;
	clear: both;
	width: 910px;
	margin: 0 auto 20px;
	padding: 5px 15px;
	color: #A0A0A0;
	font-size: 12px;
	border-top: 1px solid #CCC;
	line-height: 1.4; }
	#footer p#copyright {
		float: left;
		width: 200px; }
	#footer p#callus {
		float: right;
		width: 650px;
		text-align: right; }
	#footer a {
		color: #A0A0A0; 
		font-weight: normal; }
	#footer a strong {
		color: #AC7EAF; }
	#footer a:hover,
	#footer a:hover strong {
		color: #6E3A70; }