
body {
background-color:#ac2641;
}

a:link {
	color:#f47421;
	text-decoration:underline;
}

a:hover {
	color:#fff;
	text-decoration:underline;
}

#wrapper {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
background-color: #ac2641;
min-width:950px;
}

#branding {
background-color: #FFF;
text-align: center;
margin-bottom: -3px;min-width:950px;
}

.layoutContent {
width: 855px;
margin: auto;
}


.layoutContent h1 {
margin-top: 32px;
margin-right: 16px;
}

#navMain {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFF;
background-color: #000;
white-space: nowrap;/*padding:10px 0 6px 0;*/
margin-left:-50px;
position:relative;
}

#navMain li {
float:left;
}

#navMain a {
float:left;
padding-right: 10px;
padding-left: 10px;
padding-top: 35px;
padding-bottom: 12px;
}

#navMain a:link,
#navMain a:visited {
color: #fff;
background-color: #000;
text-decoration: none;
}

#navMain a:hover,
#navMain a.current,
#navMain li.floorplans a.current-path {
color: #fff;
background-color: #AC2641;
text-decoration: none;
}

#navMain h1 {
color: #f47421;
float: RIGHT;
font-size: 22px;
text-transform: uppercase;
margin-right:-10px;
}

#contentMain {
float: left;
width: 550px;
margin-bottom:30px;
}

#contentMain h1 {
font-size: 35px;
padding: 30px 0 30px 0;
}

#contentMain h2 {
font-size:18px;
margin-bottom:10px;
}

#contentMain h3 {
color:#FFF;
font-size:16px;
font-weight:bold;
}

#contentMain h3 a {
color:#FFF;
}

#contentMain .text {
margin-top:50px;
margin-bottom:50px;
}

#contentMain .callout img {
float: left;
border: 2px solid #FFF;
margin-right: 41px;
}

#contentMain .blkbar {
float: left;
background-color:#000;
height: 40px; 
width: 494px;
color:#FFF;
margin-bottom:10px;
}

#contentMain .imapicon {
float: left;
margin-left:-31px;
margin-top:-7px;
}

#contentMain h5 {
float: left;
font-size: 18px;
font-weight: normal;
color: #FFF;
text-transform: uppercase;
text-align: center;
margin-left: 40px;
margin-top:15px;
}

#contentMain .floorplans img,
#contentMain .floorplans span {
float: left;
margin-right: 41px;
margin-bottom: 20px;
}

#contentMain .callout .calloutText,
.calloutText p {
float: left;
width: 390px;
padding-bottom: 20px;
}

#contentMain .calloutText h3 {
font-size: 18px;
float:left;
}

#contentMain .calloutText h3 a {
text-decoration:none
}

#contentMain .calloutText a {
font-weight: bold;
color: #FFF;
}

#contentMain .calloutText h4 {
padding-bottom:30px;
float:left;
}

#contentMain .calloutText h4 a, a.external {
padding-right: 18px;
background: transparent url(../images/common/6857-01%20JOL_f47421_Arrow.png) no-repeat center right;
font-weight: bold;
color: #FFF;
}

#contentMain td {
padding-bottom: 10px;
color:#FFF;
}

#contentMain td a {
padding-bottom: 10px;
color:#FFF;
text-decoration:none;
}

#contentSidebar {
color: #000;
width: 244px;
float: right;
margin-right: 12px;
}

#contentSidebar .white {
background-color:#FFF;
width:244;
position:relative;
}

#contentSidebar .address {
padding-top: 50px;
color:#000;
width:244;
font-size: 16px;
font-weight:bold;
padding: 20px 0px 20px 30px;
}

#contentSidebar .address a:hover {
color:#f47421;
text-decoration:none;
}

#contentSidebar .direction {
padding-top: 50px;
color:#000;
width:244;
font-size: 10px;
padding: 0px 20px 20px 30px;
}

#contentSidebar .text {
padding:20px;
}

#contentSidebar .chat {
	width:127px;
	float:left;
	padding: 20px 0 20px 0;
}

#contentSidebar .retail {
	white-space:120px;
	float:right;
	padding: 20px 0 20px 13px;
}

#contentSidebar h2 {
font-size: 18px;
font-weight: bold;
}

#contentSidebar .iphone {
position:absolute;
bottom:-50px;
left:0px;
}

#contentSidebar .Twitter {
background-color: #000;
color: #FFF;
margin: 55px 0 50px 0;
height:45px;
}

#contentSidebar .Twitter .callout {
background-color: #FFF;
color: #000;
font-size: 10px;
}

#contentSidebar .Twitter .text {
padding: 20px;
}

#contentSidebar .Twitter #blackBar h2 {
font-size: 18px;
font-weight: normal;
color: #FFF;
padding-top:16px;
text-transform: uppercase;
}

#blackBar {
}


#contentSidebar .vidBar{
margin:60px 0 -35px 0;
background-color:#000;
}

#contentSidebar .vidBar h2 {
font-size: 18px;
font-weight: normal;
color: #FFF;
padding-top:11px;
text-transform: uppercase;
}

#contentSidebar .vidBar h2 a{
	color:#FFF;
}





.orangeSpark {
float:left;
margin-right: 8px;
}

#contentSidebarGallery {
margin-top: 50px;
width: 254px;
float:right;
margin-right: 12px;
}

#contentSidebarGallery .top {
position:relative;
background-color: #000;
color: #FFF;
height:50px;
width: 254px;
margin-bottom:30px;
}

#contentSidebarGallery .camera {
position:absolute;
left:-20px;
margin-top:-15px;
float:left;
}

#contentSidebarGallery h2 {
font-size: 18px;
font-weight: normal;
color: #FFF;
padding-top:10px;
text-transform: uppercase;
text-align: center;
margin-left: 100px;
}

#contentSidebarGallery table {
width:100%;
}

#contentSidebarGallery table td {
padding-top:15px;
text-align:right;
}

#contentSidebarGallery .flickr{
	padding-left:17px;
	margin-top:15px;	
}

#contentSidebarGallery .flickr a {
	text-decoration:underline;
	color:#FFF;
	
}



#contentSidebarwalkscore {
margin-top: 30px;
width: 254px;
float:right;
margin-right: 12px;
}

#contentSidebarwalkscore .top {
position:relative;
background-color: #000;
color: #FFF;
height:40px;
width: 239px;
margin-bottom:10px;
float:right;
}

#contentSidebarwalkscore .icon {
position:absolute;
left:-18px;
margin-top:-13px;
float:left;
}

#contentSidebarwalkscore .imap {
position:absolute;
left:-31px;
margin-top:-13px;
float:left;
}

#contentSidebarwalkscore .map {
margin-left:14px;
float:left;
border:2px solid #FFF;
}

#contentSidebarwalkscore h2 {
font-size: 18px;
font-weight: normal;
color: #FFF;
padding-top:15px;
text-transform: uppercase;
text-align: center;
margin-left: 40px;
}

#form {
width: 500px;
float:left;
}

#form .label {
padding-bottom: 5px;
text-align:right;
}

#form .input {
padding-right: 40px;
padding-bottom: 20px;
}

.clearBoth {
clear: both;
}

#footer {
background-color: #ac2641;
background-image: url(../images/common/6857-01%20JOL_Wave.png);
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
padding-top: 100px;
padding-bottom: 50px;
}

#footer a:link,
#footer a:hover,
#footer a:visited {
color: #FFF;
text-decoration:none;
}

#footer .logo {
float: left;
margin-right: 34px;
}

#footerNavBox {
list-style-type: none;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
float: left;
width:530px;
margin-top:19px;
}

#footerNav li {
display: inline;
margin: 0px;
padding: 0px;
}

#footerNav li:before {
content: "| ";
}

#footerNav li:first-child:before {
content: "";
}

address {
padding-top: 30px;
float: left;
}

#siteInfo {
float: left;
margin-top: 40px;
}

#siteInfo img {
padding-left: 20px;
}


