/*

main style sheet containing styles universal to all pages

/* -----------------------------------------------------------------
                        LISTING ORDER
--------------------------------------------------------------------
UNIVERSAL
BANNER
CONTENT AREA
NAVIGATION
COPY AREA
	- COPY HEADERS
	- CLIENT TYPE LIST
	- COPY TEXT TREATMENTS
	- ADDITIONAL CONTAINERS
	- TESTIMONIALS
	- FAQS
	- AREA PAGES
SIDEBAR
	- SIDEBAR BUTTONS
	- TOP APARTMENTS BOX
IMAGES

--------------------------------------------------------------------


--------------------------------------------------------------------
						UNIVERSAL
--------------------------------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #4B95A9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0 auto;
	text-align: center;
}

br.clearfloat {
	clear: both;
	height: 0;
	overflow: hidden;
}

a {
	color: #008BA7;
	outline: none;
}

a:hover {color: #0DC4E9;}

/*
BANNER
================================================*/

#outer-banner-wrapper {
	background: url(../images/backgrounds/outer-banner-wrapper.gif) repeat-x; 
	width: 100%;height: 189px;
}

#banner-wrapper {
	background: url(../images/backgrounds/banner-wrapper.gif) no-repeat center top; 
	width: 100%;height: 189px;
}

#banner {
	margin: 0 auto;
	padding: 0 0 0 28px;
	width: 947px;height: 189px;
}

#logo {
	background: url(../images/backgrounds/logo.png) no-repeat;
	float: left;
	height: 189px;
	text-indent: -9999px;
	width: 259px;
}

#logo a {
	float: left;
	height: 116px;
	position: relative; left: 36px; top: 46px;
	text-indent: -9999px;
	width: 185px;
}

#banner-contact {
	background: url(../images/backgrounds/banner-contact.gif) no-repeat;
	float: left;
	height: 189px;
	text-indent: -9999px;
	width: 571px;
}

#free-button {
	background: url(../images/backgrounds/free-button.png) no-repeat;
	float: left;
	height: 189px;
	text-indent: -9999px;
	width: 117px;
}

/*
CONTENT AREA
================================================*/

#content-wrapper {
	background: url(../images/backgrounds/content-wrapper.gif);
	border-bottom: 8px solid #00718F;
	text-align: left;
	width: 100%;
}

#content {
	background: url(../images/backgrounds/content.gif) repeat-y;
	padding: 0 19px;
	margin: 0 auto;
	text-align: left;
	width: 939px;
}

/*
NAVIGATION
================================================*/

#nav {
	background: url(../images/backgrounds/nav.gif) repeat-x;
	float: left;
	font-size: 1.2em;
	width: 939px; height: 37px;
}

#nav ul {
	list-style-type: none;
	padding: 0 0 0 19px;
}

#nav ul li {
	float: left;
}

#nav ul li a {
	background: url(../images/backgrounds/nav-item.gif) repeat-x left top;
	color: #017A9A;
	float: left;
	font-weight: bold;
	height: 25px;
	padding: 10px 15px 0 15px;
	text-decoration: none;
}

#nav ul li a:hover {
	background-color: #60B7CA;
	background-position:  0 -35px;
	color: #fff;
}

#nav ul li a.current, #nav ul li a.current:hover {
	background-color: #0088A6;
	background-position: 0 -70px;
	color: #fff;
}


#nav p {
	background: url(../images/backgrounds/nav-p.gif) repeat-x;
	color: #014B5A;
	float: right;
	font-weight: bold;
	height: 25px;
	padding: 10px 0 0 10px;
	width: 250px;
}

#nav p a {
	color: #014B5A;
	padding: 0 4px;
}

#nav p a:hover {color: #000;}


/*
COPY AREA
================================================*/

#copy {
	background: url(../images/backgrounds/copy.gif) repeat-x;
	color: #333333;
	float: left;
	overflow: hidden;
	padding: 19px;
	width: 642px;
}

/*COPY HEADERS*/

#copy h1 {
	color: #008BA7;
	font-size: 2.4em;
	font-weight: normal;
	letter-spacing: -1px;
	padding: 0 0 25px 0;
	text-align: center;
}

#copy h1#home-h1 {
	background: url(../images/backgrounds/home-h1.gif) no-repeat;
	float: left;
	height: 50px;
	padding: 0;
	text-indent: -9999px;
	width: 642px;;
}

#copy h2 {
	color: #008BA7;
	font-size: 1.8em;
	font-weight: normal;
	padding: 0 0 20px 0;
}

#copy h3 {
	color: #008BA7;
	font-size: 1.6em;
	font-weight: normal;
	padding: 0 0 15px 0;
}

#copy h4 {
	color: #008BA7;
	font-size: 1.6em;
	font-weight: normal;
	padding: 0 0 10px 0;
}



/*COPY TEXT TREATMENTS*/

#copy p,
#copy ul,
#copy ol {
	font-size: 1.2em;
	line-height: 1.7em;
}

#copy p {
	padding: 0 0 25px 0;
}

#copy ul {
	list-style-type: square;
	padding: 0 0 25px 30px;
}

#copy ol {
	padding: 0 0 25px 30px;
}

#copy .two-column-list ul{
	float: left;
	list-style-type: none;
	padding: 0 0 25px 0;
	width: 642px;	
}

#copy .two-column-list li {
	background: url(../images/backgrounds/two-column-li.gif) no-repeat 20px 10px;
	float: left;
	padding: 0 0 0 30px;
	width: 290px;
}

/* ADDITIONAL CONTAINERS */

#copy-right {
	background: #fff;
	float: right;
	overflow: hidden;
	width: 245px;
}

.hi-light {
	background: url(../images/backgrounds/hi-light.gif) #FEFFE7 repeat-x;
	color: #666666;
	float: left;
	margin: 0 0 20px 0;
	padding: 10px 10px 5px 10px;
	width: 377px;
}

#copy .hi-light p {
	padding-bottom: 10px;
	text-align: justify;
}

/* CTAs */

#cta-2 {
	background: url(../images/backgrounds/cta-2.jpg) no-repeat;
	clear: both;
	float: left;
	height: 238px;
	margin: 0 0 20px 0;
	width: 641px;
}

#cta-2 p {
	display: none;
}

#cta-2 a {
	background: url(../images/backgrounds/cta-2-link.gif) no-repeat;
	float: left;
	height: 100px;
	position: relative; left: 349px; top: 93px;
	text-indent: -9999px;
	width: 170px;
}

#cta-2 a:hover {background-position: 0 -100px;}

#contact-cta {
	background: url(../images/backgrounds/contact-cta.jpg) no-repeat;
	clear: both;
	float: left;
	height: 0;
	overflow: hidden;
	padding: 169px 0 0 0;
	width: 640px;
}


/* TESTIMONIALS */

.testimonial {
	border-bottom: 1px solid #E3EEF2;
	margin: 0 0 25px 0;
	padding: 0 0 20px 0;
}

#copy .testimonial p {
	font-style: italic;
	padding: 0 0 15px 0;
}


#copy .testimonial p.quote-giver {
	font-style: normal;
	line-height: 1.4em;
	padding: 0;
	text-align: right;
}

/* FAQS */

.faq {
	border-bottom: 1px solid #E3EEF2;
	margin: 0 0 25px 0;
	padding: 0;
}

#copy .faq h2 {
	font-size: 1.4em;
	font-weight: bold;
	padding: 0 0 15px 0;
}

/* AREA PAGES */

.area {
	border-bottom: 1px solid #E3EEF2;
	margin: 0 0 25px 0;
	min-height: 125px;
	padding: 0 0 20px 0;
}

#copy .area h2 {
	padding: 0 0 10px 0;;
}

#copy .area p {
	margin: 0 0 0 140px;
	padding: 0 0 15px 0;
}


#copy .area p.area-learn-more {
	padding: 0;
}

#copy-right img.right {
	float: none;
	border: 0;
	margin: 0;
}

#copy-right a {	
	background: #AED3DF;
	border: 8px solid #AED3DF;
	float: right;
	margin: 0 0 20px 0;
	overflow: hidden;
	text-align: center;
	width: 210px;
}

#copy-right a:hover {
	background: #C3D4D9;
	border: 8px solid #C3D4D9;
}

/* AREA PAGES */

#copy #sitemap li {
	padding: 0 0 7px 0;
}

#copy #sitemap ul {
	font-size: 12px;
	padding: 2px 0 5px 25px;
}


/*
SIDEBAR
================================================*/

#sidebar {
	float: left;
	padding: 20px;
	width: 218px;
}

/*SIDEBAR BUTTONS*/

p#side-cta {	
	background: url(../images/backgrounds/sidebar-cta.jpg) no-repeat;
	float: left;
	height: 479px;
	text-indent: -9999px;
	width: 220px;
}

p#side-cta a {
	background: url(../images/backgrounds/sidebar-cta-link.jpg) no-repeat;
	float: left;
	height: 26px;
	position: relative; left: 18px; top: 363px;
	width: 184px;
}	

p#side-cta a:hover {background-position:0 -26px;}


p#phone-button {	
	background: url(../images/backgrounds/phone-button.gif) no-repeat;
	float: left;
	height: 279px;
	text-indent: -9999px;
	width: 220px;
}

a#start-today {
	background: url(../images/backgrounds/start-today-button.gif);
	float: left;
	height: 49px;
	margin: 0 0 20px 0;
	text-indent: -9999px;
	width: 220px;
}

a#start-today:hover {
	background-position: 0 -49px;
}

a#pet-button {
	background: url(../images/backgrounds/pet-button.gif);
	float: left;
	height: 66px;
	margin: 0 0 20px 0;
	text-indent: -9999px;
	width: 220px;
}

a#pet-button:hover {
	background-position: 0 -66px;
}

a#corporate-button {
	background: url(../images/backgrounds/coporate-button.gif);
	float: left;
	height: 66px;
	margin: 0 0 20px 0;
	text-indent: -9999px;
	width: 220px;
}

a#corporate-button:hover {
	background-position: 0 -66px;
}

a#question-button {
	background: url(../images/backgrounds/question-button.gif);
	float: left;
	height: 66px;
	margin: 0 0 20px 0;
	text-indent: -9999px;
	width: 220px;
}

a#question-button:hover {
	background-position: 0 -66px;
}

p#call-us-button {	
	background: url(../images/backgrounds/call-us-button.gif);
	float: left;
	height: 62px;
	text-indent: -9999px;
	width: 220px;
}

a#loop-button {
	background: url(../images/backgrounds/loop-button.gif);
	float: left;
	height: 66px;
	margin: 0 0 20px 0;
	text-indent: -9999px;
	width: 220px;
}

a#loop-button:hover {
	background-position: 0 -66px;
}

#social-media {
	float: left;
	padding: 0 0 0 5px;
	width: 215px;
}

#social-media a {
	border: 0;
	float: left;
	margin: 0 4px 10px 4px;
}

#social-media a img {
	border: 0;
}


/*TOP APARTMENTS BOX*/

#top-apartments {
	background: #FBFCFD;
	float: left;
	margin: 0 0 20px 0;
	padding: 10px;
	width: 200px;
}

#top-apartments h3 {
	color: #0DC4E9;
	font-size: 1.2em;
	padding: 0 0 10px 0;
}

#top-apartments ul {
	color: #333;
	font-size: 1.1em;
	list-style-type: square;
	padding: 0 0 10px 15px;
}

#top-apartments ul li {
	padding: 0 0 5px 0;
}

a.top-apartments-more {
	float: right;
	font-size: 1.1em;
	font-weight: bold;
}

/*
FOOTER
================================================*/

#footer-wrapper {
	background: url(../images/backgrounds/footer-wrapper.gif) repeat-x center top;
	overflow: hidden;
	width: 100%;height: 136px;
}

#footer {
	padding: 20px 40px;
	margin: 0 auto;
	text-align: left;
	width: 897px;
}

#footer ul {
	float: left;
	font-size: 1em;
	list-style-type: none;
	position: relative; top: -10px;
	width: 475px;
}

#footer ul li {
	float: left;
	padding: 0 0 2px 0;
	width: 236px;
}

#footer ul li a {
	color: #767676;
	text-decoration: none;
}

#footer ul li a:hover {
	color: #00718F;
}

#footer-contact {
	color: #333;
	font-size: 1.1em;
	padding: 18px 0 0 0;
	text-align: right;
}

#footer-logo {	
	background: url(../images/backgrounds/footer-logo.png) no-repeat;
	float: right;
	height: 115px;
	margin: 0 0 0 10px;
	text-indent: -9999px;
	width: 155px;
}

/*
IMAGES
================================================*/

.left, .sit-left {
	border: 8px solid #AED3DF;
	float: left;
	margin: 0 20px 20px 0;
}

.right, .sit-right {
	border: 8px solid #AED3DF;
	float: right;
	margin: 0 0 20px 20px;
}