@charset "UTF-8";

/* CSS Document */

/* !Main Colors Used 
**
** Green:				#799737
** Red: 				#A23A23
** Blue:				#486F86
** Light Blue:		#56829d
** Orange:			#C77131
** Light Yellow:		#FAEBAC (header navigation)
** Lighter Yellow:	#FDF7DD (header navigation rollover)
** 
*/

/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;} /* remember to define focus styles! */
body {line-height: 1;}
ol, ul {list-style: none;}
table {	border-collapse: separate; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* DEFAULTS */

body {font-family: Georgia, Helvetica, Verdana, Arial, sans-serif; font-size: 12px; background: url(../images/backgrounds/pet_players_site_bg.jpg) left top repeat-x #e0e0e0; color: #333;}
div {position: relative; overflow: hidden;}
p, li {line-height: 1.3em;}
label {display: block; clear: both; margin: 10px 0 2px 0;}
p label {margin: 0;}
input[type=text]:focus, select:focus, textarea:focus {border: 1px solid #A23A23;}
input, textarea, select, option, label, .buttons {font-size: 1em;}
option {background: transparent;}
input, textarea, select {padding: 5px; background: #fff; border: 1px solid #999;}
textarea, select {margin-bottom: 10px;}
fieldset {padding: 20px; border: 1px solid #FAEBAC;}
legend {font-weight: bold; color: #FAEBAC; padding: 0 10px; font-size: 1.2em;}
.inline {display: inline; clear: none;}
.buttons {display: block; background: #799737; color: #fff; margin: 20px 0; border: 0; padding: 6px 12px; text-align: center;}
.buttons:hover {cursor: pointer; background: #84a63c;}
.rb6 {-moz-border-radius: 6px; -webkit-border-radius: 6px;}
img.separator-sm {margin: 0 auto 55px; width: 242px;}
.more {position: absolute; bottom: 10px; right: 10px; color: #a23a23;}
.button {clear: both; background: #FAEBAC; border: none; padding: 5px 10px; color: #555; margin: 10px 0 0; display: block; font-size: 1em; cursor: pointer;}
.block {display: block;}


/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6 {font-weight: bold; margin-bottom: 5px;}
h1 {font-size: 2.1em; margin: 10px 0 20px 0; color: #a23a23; padding-bottom: 20px; border-bottom: 1px solid #a23a23;}
h2 {font-size: 1.7em; color: #486F86;}
h3 {font-size: 1.5em; color: #555555;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em; color: #C77131;}
h6 {font-size: 1.0em; color: #333;}
a:link, a:visited {color: #a23a23; text-decoration: none;}
a:hover {color: #666}
small {color: #666; font-size: 0.8em;}
strong {font-weight: bold;}
.success-message, .error-message {text-transform: capitalize;}
.success-message {margin: 20px 0; padding: 10px; border: 1px solid #333;}
.error-message {color: #a23a23; margin: 15px 0;}
.errors {margin: 0 0 2px 0; padding: 10px; font-weight: bold; background: #970000; color: #fff;}
.success {padding: 10px; background: #799737; color: #fff;}

/* SITE */

#wrapper {width: 982px; margin: 0 auto;}
	/* Header */
	#header {height: 190px; margin-bottom: 10px;}
		#header a:link, #header a:visited {color: #FAEBAC; text-decoration: none;}
		#header a:hover {color: #FDF7DD;}
		#logo {position: absolute; top: 15px; left: 15px; width: 240px;}
		#tagline {height: 65px; position: absolute; top: 120px; right: 50px; text-align: center; color: #fff;}
		#admin-banner {color: #fff; position: absolute; top: 25px; right: 10px;}
		#consult {position: absolute; top: 25px; right: 5px; color: #ffffff; padding-bottom: 8px; border-bottom: 1px solid #507b94; width: 710px; text-align: center;}
		#main-navi {position: absolute; right: 0; bottom: 60px; width: 720px; overflow: hidden;}
			#main-navi li {float: left; clear:none;}
			#main-navi img {vertical-align: middle; margin-right: 5px;}
			#main-navi a {display: block; float: left; margin: 0 5px; height: 57px; line-height: 57px; width: 110px; text-align: center; vertical-align: middle;}
			#main-navi a:hover, .selected {background: url(../images/main_navigation/nav_links_hover_2.png) center top no-repeat;}
		
	#content {background: #fff url(../images/backgrounds/pet_players_content_top.jpg) top left no-repeat; padding: 15px;}
	
		/* Home */
		#slideshow-container {height: 360px; background: url(../images/backgrounds/slideshow_bg_sm.jpg) center center no-repeat;}
			.slider-wrap {padding: 15px; height: 330px; width: 920px;}
				.caption {height: 290px; width: 280px; padding: 60px 70px 70px; float: left; clear: none;}
					.caption h2 {color: #C77131; line-height: 2.1em; text-align: center;}
				.image-wrap {width: 495px; height: 330px; float: right; clear: none;}
		#ad h2 a {display: block; height: 182px; width: 952px; margin: 20px 0 0 0; background: url(../images/promo_banners/holiday_ad_nov_10.jpg) top left no-repeat; text-indent: -999em;}
		#hp-touts-wrap {margin: 20px 0;}
			#hp-touts-wrap .tout {height: 320px; width: 300px; float: left; clear: none; margin: 0 8px; background: #FDF7DD;}
				#hp-touts-wrap h5 {color: #799737; margin: 55px 20px 10px;}
				#hp-touts-wrap ul {margin: 0 20px 0; list-style: outside circle none;}
				#hp-touts-wrap li {line-height: 1.5em; margin-left: 15px;}
				#hp-touts-wrap p {margin: 50px 20px 10px;}
				#hp-touts-wrap strong {padding: 0 20px;}
				#hp-touts-wrap h3 {color: #fff; padding: 10px 0 10px 20px; -moz-border-radius: 6px 6px 0 0; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;}
				#hp-touts-wrap img {position: absolute; z-index: 1; top: 0; right: 20px;}
				#service-tout h3 {background: #799737;}
				#client-tout h3 {background: #486F86;}
				#testimonial-tout h3 {background: #a23a23;}

		/* Services */
		#services-wrap {width: 640px; float: left; clear: none;}
			#services-wrap img {vertical-align: text-top; float: left; margin-right: 10px;}
			#services-wrap h3 {height: 2.1em; line-height: 2.1em; border-bottom: 1px solid #56829d;}
			#services-wrap p {margin-bottom: 30px;}
		
		/* About */
		#about-wrap {}
			#rotator {float: left; clear: none; height: 600px; width: 500px;}
			#about-content {float: right; padding-right: 20px; width: 400px;}
				#about-content div {margin-bottom: 20px;}
				#about-content h2 {margin-top: 25px;}
				#about-content h4 {margin-top: 10px;}
				#about-content .separator-sm {margin: 15px auto 10px; width: 100%;}
			#services-tout {display: none; height: 121px; margin: 20px; padding: 20px; background: url(../images/backgrounds/about_services_banner_bg.png) center top no-repeat;}
				#services-tout ul {list-style: square outside none; float: left; padding: 20px; width: 240px;}
				#services-tout a.more {bottom: 20px; right: 20px;}
		
		/* Clients */
		#clients {}
			#clients h2 {margin: 20px 0;}
			#clients h6 {margin: 20px 0 0 0;}
			#clients p {margin-top: 10px;}
			#clients img {height: 120px; width: 120px; margin-right: 40px; float: left;}
			#clients > div {height: 190px; width: 872px; padding: 40px 40px 0; margin-bottom: 20px; background: url(../images/backgrounds/testimonials_bg.png) top left no-repeat;}
		#separator-lg {clear: both; height: 1px; width: 960px; margin: 20px auto;}
		#client-list-wrap {margin: 10px 40px;}
     		#client-list-wrap ul {float: left; text-align: center;}
			#client-list-wrap h3 {margin: 0 0 40px 0;}
     		#client-list-wrap img {height: 80px; width: 80px; border: 1px solid #ccc;}
     		#client-list-wrap ul li {float: left; width: 120px; height: 130px;}
			#client-list-wrap ul li p {margin: 0;}
		
		/* FAQs */
		#faq {margin-top: 20px; list-style: decimal outside none; margin-left: 20px;}
			#faq h3 {margin: 20px 0 5px;}
		#faq-tout {width: 220px; padding: 20px; background: #FDF7DD; border: 1px solid #A23A23; float: right; margin: 0 20px 20px 40px; text-align: center;}
			#faq-tout a {display: block; margin-top: 20px;}
			#faq-tout h3 {color: #A23A23; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #A23A23;}
			#faq-tout p {color: #333;}
		
		/* Contact */
		#form-container {float: right; clear: none; width: 570px; background: #fff; padding: 20px; margin: 20px 20px 0 0;}
			#form-container h1 {margin-left: 0;} /* Override header styling for contact page */
			.form-errors {color: #a23a23;}
			#form-container p {float: left; clear: none; margin: 0 5px 10px 0;}
			#form-container small {padding-left: 3px;}
			#contact-intro {margin: 0 0 30px 0; padding: 0 0 30px; border-bottom: 1px solid #666;}			
	
	/* Sidebars */
	#left-sidebar {width: 240px; margin: 20px 0 0 0; float: left; clear: none; padding: 60px 40px 20px 20px; background: url(../images/vertical_sep.png) right center no-repeat;}
		#left-sidebar div {margin: 0 0 55px 20px;}
		#left-sidebar h3 {color: #799737;}
		#left-sidebar li {line-height: 1.3em;}
		#left-sidebar h6 {margin-top: 20px; color: #666;}
		#left-sidebar small {margin: 20px 0;}
	#right-sidebar {float: right; clear: none; padding: 20px; width: 240px; background: url(../images/vertical_sep.png) left top no-repeat;}
		#right-sidebar div {margin-bottom: 20px;}
		#holiday-banner-small {margin-left: 5px;}
		#become-client {color: #444; display: block; width: 161px; height: 320px; padding: 20px; background: url(../images/promo_banners/become_a_client_ad_bg_2.png) top left no-repeat;}
		#become-client:hover {color: #444;}
			#become-client li {margin: 0 0 20px 10px; list-style: outside square none;}
			#become-client img {margin-top: 10px;}
	
	/* 404 Errors */
	#error-wrap {height: 800px; padding: 20px; width: 700px; border: 1px solid #e0e0e0; margin: auto;}
		
	/* container for bottom container cap only */
	#content-bottom {height: 29px; background: url(../images/backgrounds/pet_players_content_bottom.jpg) top left no-repeat;}
	
/* Footer */
#footer-upper {padding: 40px; background: #43687d; margin: 20px 0 0 0; color: #fff;}
	#footer-inner {width: 982px; margin: 0 auto;}
		#footer-inner h5 {color: #fff; padding: 0 0 5px 0; margin: 10px 0; border-bottom: 1px solid #f0f0f0;}
		#footer-inner ul li {width: 420px; float: left; margin: 20px 10px; padding: 20px;}
			#footer-inner ul#site-map {overflow: hidden; list-style: square inside none; padding: 0; margin: 0 0 20px 0;}
				#footer-inner ul#site-map li {padding: 0; margin: 0 0 5px; height: 100%; float: none;}
				#footer-inner ul#site-map li a:link, #footer-inner ul#site-map li a:visited {color: #FAEBAC;}
				#footer-inner ul#site-map li a:hover {color: #fff;}
		#download {margin: 20px 0 0 0;}
			#download img {margin: 10px 0 0 0;}
	#signup-form {width: 400px; margin: 0;}
		#sub-info {margin-bottom: 20px;}
		#signup-form input[type=radio] {margin: 0;}
		#sub-unsub {margin: 10px 0 0 0;}
			#sub-unsub label {padding: 0 5px;}
		#form-disclaimer {float: left; margin: 10px 0 0 0;}
		#signup-form small {color: #f0f0f0; margin: 0;}
		#signup-form input:focus {border: 1px solid #FDF7DD; background: #FDF7DD;}
		#message-wrap {margin: 10px; text-align: center;}
		#fst-name, #lst-name {float: left;}
		#fst-name {margin-right: 5px; width: 100px;}
		#lst-name {clear: right; width: 200px;}
		#fst-name label, #lst-name label {margin-top: 0;}
		#signup-button {float: left; margin-top: 20px;}
#footer-lower {background: #E0D5A3; text-align: center;}
	#footer-lower h6 {color: #333;}
	#footer-lower h3 {border-top: 1px solid #3D6574; border-bottom: 1px solid #fff; color: #fff; padding: 15px 0; background: #56829d;}
	#affiliations {padding: 20px; overflow: hidden; width: 942px; margin: auto;}
		#affiliations li {float: left; overflow: hidden;}
		#affiliations li a {margin: 0 25px; height: 120px;}
			#affiliations p {margin-bottom: 5px; color: #333; text-align: center;}
#disclaimers p {background: #fff; color: #666; text-align: center; height: 50px; line-height: 50px;}
	#disclaimers a:link, #disclaimers a:visited {color: #56829d;}
	#disclaimers a:hover {color: #666;}
	#disclaimers img {vertical-align: middle;}
		
/* Success Page */

#success-message {width: 300px; margin: 100px auto; padding: 20px; border: 1px solid #a23a23;}
	#success-message p {margin: 0 0 20px 0;}