/* Modified by SCT 20090415 */
/* Begin Reset Styles */
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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-size:62.5%;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}

strong {
	font-weight:bold;
}

#content p, #content li, #content ul, #content h2, #content h3 {margin:0px 20px 20px; font-size:1.1em;}

#content li {
	list-style:circle;
	line-height:1.2em;
}

#content h2 {
	font-weight:bold;
	font-size:1.5em;
}

#content a {
	color:#BA48BA;
}

/* End Resest Styles */

/* preload button images */
.preloadpic {display:none;}
/* end preload button images */


body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#wrapper {
	min-width:800px;
	max-width:1200px;
	margin:0px auto;
}

#content {
	float:left;
	width:100%;
}

#top {
	height:310px;
/*	background:#fff; */
}

#top img {
	margin-left:-40px;
	*margin-left:-37px;
	position:absolute;
	top:0;
}


/* Header Styles */
#header {
	height:110px;
	background:url(images/headerbg.png) top left no-repeat; 
}

span.highlight {
	color:#cc33cc;
	font-size:1.8em;
	width:130px;
	padding:10px;
	text-align:center;
	line-height:1.3em;
	display:block;
}

span.highlight a {
	color:#cc33cc;
	text-decoration:none;
}



/* Left Section */

#left {
	width:149px;
	float:left;
	margin-left:-100%;
	xposition:relative;
	border-right:1px solid #cc33cc;
	z-index:2;
	position:relative;
}

/* Center Section */
#center {
	margin:0 153px 0 150px;
	min-height:400px;
	overflow:hidden;
}

#right {
	width:153px;
	margin-left:-153px;
	float:left;
	background:url(images/rightbg.jpg) 0 110px no-repeat;
	min-height:500px;
	position:relative;
}

#center.homepage {
	background:url(images/centerbg.jpg) 0 110px no-repeat;
}

/* ******************************* NON PANEL PAGE */
#center.nonpanelpage {
/*	background:url(images/centerbgabout.jpg) 0 110px no-repeat; */
background:url(images.php) 0 110px no-repeat;
}


#center.nonpanelpage .content {
	margin-top:322px;
}

#center.nonpanelpage .content #top {
	position:absolute;
	top:-322px;
	right:13px;
	width:315px;
	height:287px;
	color:#FFF;
/*	background:url(images/topbg.png); */
	padding:10px;
	font-size:1.4em;
}

/* ******************************* PANEL PAGE - NOT HOME*/
#center.nonhomepanelpage {
/*	background:url(images/centerbgabout.jpg) 0 110px no-repeat; */
background:url(images.php) 0 110px no-repeat;
}

#center.nonhomepanelpage ul {
	font-size:1.0em;
}
		
#center.nonhomepanelpage .content {
	margin-top:322px;
}


#center.nonhomepanelpage .content #top {
	position:absolute;
	top:-322px;
	right:13px;
	width:315px;
	height:287px;
	color:#FFF;
	background:url(images/topbg.png); 
	padding:10px;
	font-size:1.4em;
}

#center.nonhomepanelpage .content #top dt {
	font-weight:bold;
}

#center.nonhomepanelpage .content #top dd a {
	margin-bottom:15px;
	color:#FFFFFF;
}



/* ******************************* END PANEL PAGE - NOT HOME*/

#center .content {
	background:#F1DAF1 url(images/contentbg.png) bottom repeat-x;
	width:96%;
	float:right;
	padding-bottom:50px;
	position:relative;
}

#center.homepage .content {
	margin-top:322px;
}


#center .content h1 {
	background:#c8bdcb;
	border-bottom:1px solid #c5a6c8;
	height:37px;
	line-height:37px;
	padding-top:10px;
	text-align:center;
	font-size:1.8em;
	color:#756a75;
	font-weight:bold;
	margin-bottom:30px;
}

#center.homepage .content #top {
	position:absolute;
	top:-322px;
	right:13px;
	width:315px;
	height:287px;
	color:#FFF;
	background:url(images/topbg.png);
	padding:10px;
	font-size:1.4em;
}

#center.homepage .content #top dt {
	font-weight:bold;
}

#center.homepage .content #top dd {
	margin-bottom:15px;
}

#center.homepage .content .homebox {
	width:128px;
	width:33%;
	margin-top:15px;
	float:left;
	color:#663366;
	text-align:center;
}

#center.homepage .content .homeboxinner {
	xwidth:128px;
	margin:0 20px;
	min-height:182px;
	background:#dff1ff;
}


#center.homepage .content p.more a {
	color:#336633;	
}

#center.homepage .content p {
	font-size:1.2em;
}

#center.homepage .content h2 {
	font-weight:bold;
	font-size:2em;
	margin:5px 0 10px;
	line-height:1em;
}

/* Right Section */

#right span.highlight {
	background:url(images/headerbg.png) right top;
	height:90px;
	width:133px;
	font-size:1.3em;
	line-height:1.2em;
}


#rightmid{
	height:322px;
}

#rightbottom {
	position:relative;
	font-size:1.1em;
	background:#fff;
	padding:5px 0 0 0;
}

#rightbottom img.bottomquote {
	position:absolute;
	bottom:-135px;
}

#right #testimonial {
	color:#BA48BA;
	padding:10px;
	margin-bottom:20px;
}

/* End Right */

#contentbottom {
	float:left;
	height:179px;
	width:100%;
	clear:both;
	background:url(images/street.png) bottom repeat-x;
}

/* Footer Section */
#footer {
	height:30px;
	padding:20px 0;
	width:100%;
	float:left;
	clear:both;
}

/* Menu Styles */
#left ul {
	padding:0 10px 10px;
}

#left ul.second {
	font-weight:bold;
	border-top:1px solid #cc33cc;
	border-bottom:1px solid #cc33cc;
}

#left li a{
	color:#ba48ba;
	font-size:1.2em;
	text-decoration:none;
	display:block;
	height:27px;
	width:100px;
	padding:20px 58px 0 0;
	text-align:right;
	*margin-top:-1px;
}

#left ul.second li a {
	width:130px;
	margin-left:-18px;
}

#left ul.third li a {
	width:120px;
	margin-left:-8px;
}

#left .smm {
	font-weight:bold;
	border-top:1px solid #cc33cc;
	width:149px;
	margin-left:0px;
	float:left;	
}

#left .smm p { 
	margin:5px 0 5px 5px;
	font-size:1.3em;
	color:#ba48ba;
}

#left .smm ul {
	float:left;
}

#left .smm ul li {
	float:left;
	margin:0;
	height:32px;
}

#left .smm ul li a {
	color:#ba48ba;
	font-size:1.2em;
	text-decoration:none;
	float:left;
	padding:0;
	width:32px;
	height:32px;
	margin:5px 5px 2px 5px;
}

#left li.about a {background:url(images/menu/1.png) top right no-repeat;}
#left li.about a:hover {background:url(images/menu/1o.png) top right no-repeat;}

#left li.why a {background:url(images/menu/2.png) top right no-repeat;}
#left li.why a:hover {background:url(images/menu/2o.png) top right no-repeat;}

#left li.faq a {background:url(images/menu/3.png) top right no-repeat;}
#left li.faq a:hover {background:url(images/menu/3o.png) top right no-repeat;}

#left li.contact a {background:url(images/menu/4.png) top right no-repeat; height:37px;}
#left li.contact a:hover {background:url(images/menu/4o.png) top right no-repeat;}

#left li.sitters a {background:url(images/menu/5.png) top right no-repeat;}
#left li.sitters a:hover {background:url(images/menu/5o.png) top right no-repeat;}

#left li.brochure a {background:url(images/menu/6.png) top right no-repeat;}
#left li.brochure a:hover {background:url(images/menu/6o.png) top right no-repeat;}

#left li.how a {background:url(images/menu/7.png) top right no-repeat; height:37px;}
#left li.how a:hover {background:url(images/menu/7o.png) top right no-repeat;}

#left li.insurance a {background:url(images/menu/8.png) top right no-repeat; padding-top:14px; height:33px;}
#left li.insurance a:hover {background:url(images/menu/8o.png) top right no-repeat;}

#left li.links a {background:url(images/menu/9.png) top right no-repeat;}
#left li.links a:hover {background:url(images/menu/9o.png) top right no-repeat;}

#left li.use a {background:url(images/menu/10.png) top right no-repeat; padding-top:8px; height:47px;}
#left li.use a:hover {background:url(images/menu/10o.png) top right no-repeat;}

/* Common Styles */
.hide {
	position:relative;
	text-indent:-999em;
}

.formpos {position:absolute; left:280px;}

/* Brochure Page */

#center.brochurepage label {
	display:block;
	width:200px;
}

#center.brochurepage fieldset, #center.brochurepage legend {
	margin:0 20px 20px;
}

#center.brochurepage li {
	list-style:none;
	margin-left:0;
}

#center.linkspage li {
	line-height:1.5em;}
	
.preload {
	display:none;
}