@charset "utf-8";

/***\
| A | JSitters
\***/

	/***********************\
	| (c)2008 eCoastStudios |
	\***********************/
	
/********************************\
		Table of Contents

	A. Introduction
	B. Container Elements (wrapper, common  font styles, body, etc)
	C. Sub and Header
	D. Main Menu
	E. Main Content
	F. Other Elements / MISC
		- try it for free
		- testimonial
		- sidebar
	G. Footer
	
\*********************************/

/***\
| B | Container Elements
\***/

body { 
	background:url(../images/bg.body.gif) repeat-x top;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif; 
	}
	
#container { width: 960px; margin: 0px auto; }

.menu li { float: left; }

/***\
| C | Sub and Header 
\***/
	
	#header { }
	
	/* Sub Menu */
	#sub { 
		float: right; width: 360px; height: 30px; 
		background: #012539; border: 1px solid #1f5377; border-top: none; margin-top: 16px; font-size: 1.2em; 
		}
	
	#sub li { border-right: 1px solid #44527c; margin-top: 5px; }
	#sub li a { color: #7fabc7; text-decoration: none; padding: 9px; } #sub li a:hover { color: #a8cee6; }
	#sub li.search { border: none; margin-top: 12px; margin-top: -5px; }
	
	#sub li form { float: left; margin: 0px 0px 0px 10px; padding-top: 6px; line-height: 19px !important; }
	#sub li form label { color: #fff; float: left; }
	#sub li form input { width: 33px; color: #4a4a4a; font-size: 11px; background:url(../images/bg.form.input.gif); border: 1px solid #fff; border-top: none; border-bottom: none; height: 19px; margin-left: 5px; float: left; }
	#sub li form select { width: 85px; color: #4a4a4a; font-size: 11px;  background: #f1f1f1 url(../images/bg.form.input.gif); border: 1px solid #fff; border-top: none; border-bottom: none; height: 19px; float: left; margin-left: 5px; }
	#sub li form button { background: none; border: none !important; padding: 0; margin: 0; cursor: pointer; width: 63px; float: left; margin-top: -2px; }
	#sub fieldset { float:left; }
	
	/* Logo */
	#logo { margin-top: 40px; }
	
/***\
| D | Main Menu
\***/
	
	
	
	/* Most Pages */
	#mainmenu { height: 41px; margin-top: 33px; }
	#mainmenu li { float: left; width: 320px;  }
	#mainmenu li a { display: block; width: 320px; height: 31px; text-indent: -999999em; background-image: url(../images/menu.gif); margin-top: 4px; }
	#mainmenu li a:hover { border-bottom: 6px solid; }
	#mainmenu .active { margin-top: 0; height: 35px; border-bottom: 6px solid; }
	
	#mainmenu li.child a { background-position: left bottom; } #mainmenu li.child a:hover, #mainmenu li.child .active { border-color: #ded7b2; }
	#mainmenu li.pet a { background-position: center bottom; } #mainmenu li.pet a:hover, #mainmenu li.pet .active { border-color: #e6cdb8; }
	#mainmenu li.house a { background-position:right bottom; } #mainmenu li.house a:hover, #mainmenu li.house .active { border-color: #e6c1be; }
	
	/* Home Page */
	body.home #mainmenu { height: 289px; margin-top: 45px; }
	body.home #mainmenu li { float: left; width: 320px; height: 289px; margin: 0; }
	body.home #mainmenu li a { display: block; width: 320px; height: 289px; text-indent: -99999em; background-image:url(../images/boombox.jpg); border: none !important; }
	
	body.home #mainmenu li.child a { background-position: left top; } body.home #mainmenu li.child a:hover { background-position: left bottom; }
	body.home #mainmenu li.pet a { background-position: center top; } body.home #mainmenu li.pet a:hover { background-position: center bottom; }
	body.home #mainmenu li.house a { background-position:right top; } body.home #mainmenu li.house a:hover { background-position:right bottom; }
	
	

	
	
/***\
| E | Content
\***/

	#content h1 { font-size: 24px; color: #575757; font-weight: normal; margin-top: 25px; padding-bottom: 4px; border-bottom: 5px solid #ececea; }
	#content .note { font-size: .6em; }
	#content a { color: #0c78b1; } #content a:hover { text-decoration: underline; }
	
	
	/* Home Page */
	body.home #content { background: #f2f7fa; padding: 20px 15px; color: #3a6176; font-size: 1.6em; line-height: 1.5em; }
	body.home #content h1 { font-size: 24px; font-weight: normal; color: #2c2c2c; margin: 0; padding: 0; border: none; }
	
	/* Search Results */
	body.search #content .search { background: url(../images/bg.blue.gif) repeat-y right; overflow: hidden; margin-top: 21px; }
	
	ul.results { width: 710px; float: left; }
	ul.results li { display: block; margin-bottom: 21px; overflow: hidden; }
	
	ul.results li img { float: left; }
	ul.results li .info { float: right; width: 480px; height: 120px; overflow: hidden; background:url(../images/bg.search.gif) no-repeat center right; padding-left: 40px; padding-top: 15px; padding-right: 15px; }
	ul.results li h3 { font-size: 14px; font-weight: bold; color: #4b819e; float: left; }
	ul.results li .details { float: right; font-size: 12px; color: #6d6d6d;  }
	ul.results li p { clear: both; font-size: 1.2em; line-height: 1.3em; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e9e9e9; }
	ul.results li a.view { font-size: 12px; float: left; margin-top: 8px; }
	ul.results li .info img { float: right; margin-top: 9px; }
	
	/* Profile */
	body.profile #content .profile {background: url(../images/bg.blue.gif) repeat-y right; overflow: hidden; margin-top: 21px; }
	
	#content .submenu { background: #f7f7f5; overflow: hidden; padding: 3px 0px; font-size: 1.1em; }
	#content .submenu li { float: left; padding-right: 7px; padding-left: 7px;  background: url(../images/bg.submenu.li.gif) no-repeat right; }
	#content .submenu li.last { background: none; }
	#content .submenu li a { display: block; line-height: 21px; padding: 0 5px; }
	#content .submenu .active a { background: #fff; color: #989897; text-decoration: none !important; }
	
	#content .photo { float: left; width: 171px; color: #656565; }
	#content .photo p { line-height: 1.2em; margin-top: 5px; }
	
	#content div.details { width: 528px; float: left; margin-left: 12px; color: #353535; font-size: 12px; }
	#content div.details h3 { color: #0a4a6c; font-size: 15px }
	#content div.details p { line-height: 18px; margin-bottom: 13px; } 
	
	/* Side Bar */
	.sidebar { width: 240px; float: right; padding-bottom: 20px; }
	.sidebar h3 { font-size: 1.7em; color: #fff; background: #0a4a6c; font-weight: normal; padding: 18px 0 10px 10px; }
	
	
	
	/* Forms */
	#content form ul { padding: 19px 0 0 0; line-height: 27px;  }
	#content form li { overflow: hidden; line-height: 27px !important; margin-bottom: 10px; }
	#content form label { float: left; width: 69px; text-align: right; font-size: 1.1em; color: #727272; font-weight: bold;}
	#content form input, #content select { width: 141px; height: 22px; padding: 2px 5px; background: url(../images/bg.form.input.content.gif) no-repeat right; line-height: 26px !important; vertical-align:middle; }
	#content form select { height: 28px; width: 151px; }
	#content form input, #content form select, #content form button { margin-left: 12px; float: left; }
	#content form .buttons { margin-top: 20px; padding-left: 69px;  }
	#content form button { float: left; margin-left: 10px; }
	
	
/***\
| F | Other Elements / MISC
\***/
	
	/* Try it for Free */
	#freetotry { width: 550px; height: 239px; float: left; margin-top: 15px; background: #f2f7fa; }
	#freetotry h3 { padding: 28px 0px 0px 15px; background: #2a698b; font-size: 17px; color: #b0d0e3; font-weight:normal; }
	#freetotry h2 { padding: 0px 0px 11px 15px; background: #2a698b; font-size: 24px; color: #fff; font-weight:normal; }
	
	#freetotry ul { padding: 25px 50px 30px 50px; line-height: 27px;  }
	#freetotry li { overflow: hidden; line-height: 27px !important; margin-bottom: 10px; }
	#freetotry label { float: left; width: 80px; text-align: right; font-size: 1.4em; color: #727272; font-weight: bold;}
	#freetotry input, #freetotry select { width: 172px; height: 22px; padding: 2px 5px; background: #f1f1f1 url(../images/bg.form.input.main.gif) no-repeat center; line-height: 26px !important; vertical-align:middle; }
	#freetotry select { height: 28px; width: 182px; }
	#freetotry input, #freetotry select, #freetotry button { margin-left: 17px; float: left; }
	#freetotry .buttons { margin-top: 20px; padding-left: 79px; }
	#freetotry .buttons button { float: left; }
	#freetotry .buttons p { float: left; margin-left: 15px; width: 260px; line-height: 1.2em; color: #505050; font-size: 1.4em; }
	#freetotry .buttons a { color: #215779; text-decoration: none; } #freetotry .buttons a:hover { text-decoration: underline; }
	
	/* Sitter & Parent Join */
	#promomembership { width: 550px; float:left; background:#F2F7FA; }
	#promomembership p { float: left; margin-left: 15px; width: 525px; line-height: 1.2em; color: #505050; font-size: 1.4em; }
	#promomembership h1 { font-size:20px; color:#012539; }
	
	/* testimonial */
	#testimonial { width: 390px; float: right; height: 239px; margin-top: 15px; }
	#testimonial blockquote { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: italic; line-height: 1.8em; width: 255px; height: 127px; padding:20px; padding-bottom: 50px; background: url(../images/bg.test.gif) no-repeat center; text-align: center; color: #fff; }
	#testimonial p { padding-left: 255px; padding-top: 6px; color: #757575; font-size: 1.1em; font-style:italic; }
	#testimonial p strong { font-family: Georgia, "Times New Roman", Times, serif; color: #000; font-size: 1.2em; }
	
	
	
/***\
| G | Footer
\***/

	#footer { border-top: 7px #dde1da solid; padding-top: 14px; margin-top: 70px; float: left; width: 100%; overflow: hidden; padding-bottom: 15px; }
	#footer p { color: #9f9f9f; font-size: 1.1em; line-height: 1.3em; }
	#footer a { color: #3075a0; } #footer a:hover { text-decoration: underline; color: #0f3b56; }
	#footer .contact { float: left; padding-left: 32px; }
	#footer .copyright { float: right; padding-right: 32px; }