/* -----------------------------------
			
		 Jefferson at 1001 Ross
		~ screen.css stylesheet ~
		  
   ----------------------------------- */

* { padding: 0; margin: 0; } /* kill all whitespace */

body {
	line-height: 1; /* http://www.meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/ */
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;	/* for standards based browsers */
	font-family: Georgia, Times, serif;
	background-color: #fff;
	color: #000;
}

html>body {
	font-size: small; 	/* for Opera */
}


/* -----------------------------------
			 General Styles
   ----------------------------------- */
   
img,
a img,
form fieldset { border: none; }
form legend { display: none; }
ul { list-style: none; }
a { color: #101e38; }
a:hover { color: #c04000; }


/* -----------------------------------
			   Containers
   ----------------------------------- */

div#north { 
	background-color: #fff; 
	padding: 15px 0 0 0;
}
div#south { 
	background-color: #e6e3cd;
	padding: 15px 0;
}

.wrapper { width: 100%; }

div#header,
div#content,
div#footer { 
	width: 950px;
	margin: 0 auto;
}


/* -----------------------------------
			     Header
   ----------------------------------- */

div#header {
	padding: 0 0 15px 0;
}

h1#logo {
	width: 175px;
	height: 135px;
	text-indent: 5px;
	float: left;
}

h2#tagline {
	width: 775px;
	height: 75px;
	font: italic lighter 2.3em Georgia, Times, serif;
	float: right;
	text-align: center;
	color: #deddb6;
}

div#mainnav {
	width: 775px;
	height: 35px;
	float: left;
}

#mainnav ul {
	width: 775px;
	height: 35px;
}

/* Multiple colors for main nav background: #body-element-ID ul#mainnav { background-color: #xxxxxx; } */

#home #mainnav ul { background-color: #f1efe2; }

#mainnav ul li {
	float: left;
}
#mainnav ul li a {
	margin: 0.5em;
	padding: 0.5em;
	text-decoration: none;
	text-transform: uppercase;
	font: 1.2em Georgia, Times, serif;
	line-height: 230%;
	color: #77787b;
}
#mainnav ul li a:hover { color: #000; }


/* -----------------------------------
				Content
   ----------------------------------- */

#home #content { 
	padding-bottom: 50px; 
}

#content {
	color: #5b6164;
	font-family: Verdana, Arial, sans-serif;
	font-size: 85%;
}

h2.header {
	width: 815px;
	height: 47px;
	background: url('http://property.onesite.realpage.com/templates/template_jpi_c/images/content/h2header.gif') repeat-x 0 0;
	margin-bottom: 10px;
	padding-left: 135px;
	background-color:#a8a267;
}

h3.heading {
	margin-bottom: 15px;
	font-weight: lighter;
	font-size: 180%;
	text-transform: uppercase;
	color: #5b6164;
}

ul#panels {
	width: 696px !important;
	width: 705px; /* IE only */
	height: 322px;
	margin: 0 auto 0 166px;
}
#panels li {
	float: left;
	margin: 0 9px;
	text-align: center;
}
#panels li a { 
	display: block;
	width: 210px;
	height: 322px;
	text-indent: -9000px;
	border: 2px solid #f1efe2;
}
#panels li.panel a { text-indent: 0; }
#panels li.panel-one a { background: #fff url('http://property.onesite.realpage.com/templates/template_jpi_c/images/panels/panel-amenities.jpg') no-repeat 0 0; }
#panels li.panel-two a { background: #fff url('http://property.onesite.realpage.com/templates/template_jpi_c/images/panels/panel-floorplans.jpg') no-repeat 0 0; }
#panels li.panel-three a { background: #fff url('http://property.onesite.realpage.com/templates/template_jpi_c/images/panels/panel-tour.jpg') no-repeat 0 0; }
#panels li a:hover { border: 2px solid #999; }

div#amenitiesList {
	width: 504px;
	padding-left: 40px;
	float: left;
}

#amenitiesList div.list {
	width: 48%;
	padding-right: 2%;
}

#amenitiesList div.list ul {
	list-style: disc outside;
	padding: 0 15px;
}
#amenitiesList div.list ul li {
	margin-bottom: 7px;
	line-height: 120%;
}

div.tour-panel {
	display: block;
	float: left;
	margin: 0 0 15px 0;
	padding: 0 34px;
}

img.tour-img {
	display: block;
	float: left;
	margin: 0 auto;
}

div#floorplansList {
	width: 505px;
	padding-left: 40px;
	float: left;
}

/* Table */

table.content-data {
	width:100%;
	border-top:1px solid #939598;
	border-right:1px solid #939598;
	margin:1em auto;
	border-collapse:collapse;
}
table.content-data caption {
	color: #939598;
	font-size:.94em;
	letter-spacing:.1em;
	margin:0;
	padding:1em;
	font-style: italic;
	caption-side:bottom;
	text-align:center;
}
table.content-data td {
	color:#5b6164;
	border-bottom:1px solid #939598;
	border-left:1px solid #939598;
	padding:.1em 1em;
	text-align:left;
}
table.content-data tr { border-right:1px solid #939598; }
table.content-data tr.odd td { background:#e6e3cd; } 
table.content-data tr.odd .column1 { background:#e6e3cd; }
table.content-data .column1 { background:#fff; }
table.content-data th {
	font-weight:normal;
	color: #5b6164;
	text-align:left;
	border-bottom: 1px solid #939598;
	border-left:1px solid #939598;
	padding:.3em 1em;
	line-height: 130%;
}							
table.content-data thead th,
table.content-data thead td {
	background:#9e985a;
	text-align:left;
	text-transform: uppercase;
	font:normal 1.1em/1em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#ffffff;
}
table.content-data thead tr.odd .column1 { background:#9e985a; }

/* Floorplans */

div#floorplanInfo {
	width: 305px;
	padding: 15px;
}

#brochure div#floorplanInfo { padding: 0; }

div#floorplanPlan {
	width: 615px;
}

h4.floorplan-title {
	font-size: 280%;
	margin-bottom: 5px;
}
span.floorplan-sqft {
	display: block;
	margin-bottom: 20px;
	font-size: 120%;
}

#floorplanInfo table td { padding: .5em 1em; }

ul.office-hours {
	margin: .5em 0;
	line-height: 160%;
}

ul.amenities-list {
	list-style: disc outside;
	padding: 0 15px;
}
ul.amenities-list li {
	margin-bottom: 7px;
	line-height: 120%;
}

ul.floorplan-list {
	list-style: disc outside;
	padding: 0 2px;
	line-height: 150%;
}
ul.floorplan-list li {
	margin-bottom: 7px;
	line-height: 150%;
}

/* Contact */

#contact h2.header { margin: 0; }

img#contactMap { margin-left: 55px; }


/* Residents */

#residents h2.header { margin: 0; }

div#residentsInfo {
	float: left;
	width: 550px;
	padding-top: 15px;
	padding-left: 40px;
}

#residentsInfo h3 { margin: 5px 0; }

#residentsInfo p {
	line-height: 150%;
	margin-bottom: 15px;
}

#residents table,
#residents table tr,
#residents table td { border: none; }
#residents table td { padding: .3em 0; }

form#residentLogin { }
#residentLogin label {
	display: block;
	float: left;
	width: 15%;
	line-height: 160%;
}
#residentLogin input {
	float: left;
	width: 30%;
	margin-bottom: 10px;
	background-color: #e6e3cd;
}
#residentLogin br { clear: both; }
#residentLogin input#submit { width: 45%; }


p.disclaimer {
	margin-top: 20px;
	font-style: italic;
	line-height: 140%;
}

/* -----------------------------------
				Footer
   ----------------------------------- */

h3#jpiLogo {
	width: 120px;
	height: 54px;
	float: left;
	text-indent: -9000px;
	background: url('http://property.onesite.realpage.com/templates/template_jpi_c/images/footer/logo-JPI.gif') no-repeat 0 0;
}
	
div#footerCenter {
	width: 710px;
	margin-top: 5px;
	float: left;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 90%;
}
#footer p#legalDisclaimer {
	margin: 0 auto;
	padding-top: 10px;
	color: #939598;
	font-size: 90%;
	line-height: 140%;
}

ul#footernav {
	width: 435px; /* IE only */
	margin: 0 auto;
}
#footernav li {
	float: left;
	margin: 5px 0;
	padding: 0px 7px;
	background: url('http://property.onesite.realpage.com/templates/template_jpi_c/images/footer/nav-border.gif') repeat-y right top;
}
#footernav li.last { background: none; }

#footernav li a {
	font-family: Verdana, Arial, sans-serif;
	font-size: 90%;
	text-decoration: none;
	color: #5b6164;
}

ul#legalnav {
	width: 120px;
	float: right;
}
#legalnav li {
	float: left;
}
#legalnav li.equal-housing {
	width: 47px;
	height: 54px;
	display: block;
	text-indent: -9000px;
	background: url('http://property.onesite.realpage.com/templates/template_jpi_c/images/footer/legal-equal.gif') no-repeat 0 0;
}
#legalnav li.handicap {
	width: 40px;
	height: 54px;
	display: block;
	text-indent: -9000px;
	background: url('http://property.onesite.realpage.com/templates/template_jpi_c/images/footer/legal-handicap.gif') no-repeat 0 0;
}

#EmailBox table td
{
padding:0 !important;
}
/* -----------------------------------
			 Miscellaneous
   ----------------------------------- */

.clear-left 	{ clear: left; }
.clear-right 	{ clear: right; }
.clear-both 	{ clear: both; }
.left 			{ float: left; }
.right			{ float: right; }
.block			{ display: block; }
.none			{ display: none; }
.strong			{ font-weight: bold; }
.no-background 	{ background-image: none; }
.ampersand		{ font-family: "Baskerville", "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-style: italic; }

/* ----------------------------------------------------------------------------
						Clearfix Easy Clearing of Floats

			http://www.positioniseverything.net/easyclearing.asp
   ---------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


tr.d0 td {
			background-color: #FFFFFF; 
			border-bottom: 1px solid #939598;
			color: black;
			TEXT-ALIGN: center;
    		FONT-SIZE: 8pt;    		
    		LINE-HEIGHT: 16pt;
    		FONT-STYLE: normal;
    		FONT-FAMILY: Verdana, Arial, sans-serif;
}
tr.d1 td {
			background-color: #E6E3CD; 
			color: black;
			border-bottom: 1px solid #939598;
			TEXT-ALIGN: center;
    		FONT-SIZE: 8pt;    		
    		LINE-HEIGHT: 16pt;
    		FONT-STYLE: normal;
    		FONT-FAMILY: Verdana, Arial, sans-serif;
}

.bodycntr
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #FFFFFF;
    LINE-HEIGHT: 16pt;
	TEXT-ALIGN: center;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial, sans-serif;
	border-bottom: 1px solid #939598;
}

.specials
{
	text-align: center;
	border-bottom: 0px solid #939598;
	padding-bottom:20pt
}

.specialstxt
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #a20ed9;
    LINE-HEIGHT: 16pt;
	TEXT-ALIGN: center;
	FONT-STYLE: italic;
    FONT-FAMILY: Verdana, Arial, sans-serif;

}

 A.print:link {color:#000000; 
 				text-decoration:underline; 
				cursor:hand;    
				FONT-WEIGHT: normal;
				FONT-SIZE: 8pt;
				TEXT-ALIGN: left;
				FONT-STYLE: normal;
				FONT-FAMILY: Verdana, Arial, sans-serif;
				padding-right:0px;
				line-height:11pt;}
				
 A.print:visited {color:#000000; 
 				text-decoration:underline; 
				cursor:hand;    
				FONT-WEIGHT: normal;
				FONT-SIZE: 8pt;
				TEXT-ALIGN: left;
				FONT-STYLE: normal;
				FONT-FAMILY: Verdana, Arial, sans-serif;
				padding-right:0px;
				line-height:11pt;}
				
				
 A.print:hover {color:#cc5500; 
 				text-decoration:underline; 
				cursor:hand;    
				FONT-WEIGHT: normal;
				FONT-SIZE: 8pt;
				TEXT-ALIGN: left;
				FONT-STYLE: normal;
				FONT-FAMILY: Verdana, Arial, sans-serif;
				padding-right:0px;
				line-height:11pt;}