/*
Theme Name: johnross
Author: Noel Hougland
Author URI: http://eroi.com/
Description: Custome Theme and Templates created by <a href="http://eroi.com/">eROI</a>
Version: 1.0
Author: Noel Hougland
Author URI: http://eroi.com/
Tags: johnross, custom header, fixed width, one columns, widgets
*/



/* CSS Document */

/************************************************************************

	Site:		atwaterplace.com

	Author:		eROI		[www.eroi.com]  

	Client:		Atwater		[http://www.atwaterplace.com]

	Listing Order:
	==============

	1 - Global
	2 - Structure/Layout
	3 - Footer Navigation
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL 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, 
b, u, i, center, 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-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1.0;
    background: #ffffff;
    color: #636363;
	margin:0px auto;
	text-align:center;
	width:940px;
	font-size:11px;
	font-family:verdana, arial, trebuchet ms;
}

ol, ul {
    list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}

a{
	color:#ee2e24;
	font-family:verdana, arial, trebuchet ms;
	font-size:11px;
	text-decoration:none;
}

a:hover{
	color:#202020;
}

/**************** -- GLOBAL CLASSES -- ****************/

.invisible{
	display:none;
}

.italic{
	font-style:italic;
	padding-right:3px;
}

.redBold{
	color:#ee2e24;
	font-weight:bold;
}

.borderRightRed{
	border-right:#ee2e24 2px solid;
}	

.greyLink{
	color:#636363;
}

/***********************************************************************
	2 - STRUCTURE/LAYOUT STYLES
************************************************************************/


/**************** -- HEADER UPPER / NAVIGATION -- ****************/

#container{
	position:relative;
	margin:0px auto;
	text-align:left;
	width:938px;
	min-height:800px;
	height:auto !important;
	height:800px;
	/*background:url(images/background-fpo.jpg) top no-repeat;*/
}

#header{
	width:938px;
	height:58px;
	position:relative;
	padding-left:28px;
	padding-top:50px;
	display:block;
	float:left;
}

#logo{
	display:block;
	float:left;
	width:224px;
	height:58px;
	background:url(images/john-ross-logo.gif) top no-repeat;
}

#logo_over{
	display:block;
	float:left;
	width:224px;
	height:58px;
	background:url(images/john-ross-logo.gif) top no-repeat;
}

#logo_over:hover{
	background:transparent;
}

#nav{
	display:block;
	float:left;
	height:58px;
	width:670px;
	background:none;	
	margin-bottom:0px;
	position:relative;
	vertical-align:bottom;
	color:#000000;
	cursor:pointer;
}

#nav ul{
	padding-top:32px;
	cursor:pointer;
	position:relative;
}

#nav ul li{
	display:block;
	float:left;
	padding:0px 6px;
	cursor:pointer;
	font-size:12px;
	line-height:20px;
	overflow:visible;
	position:relative;
}

.mainNav{
	position:relative;
}

#nav ul li a{
	text-transform:lowercase;
	color:#000000;
	font-size:12px;	
	padding-top:6px;
	cursor:pointer;
	
}


#nav ul li a:hover{
	color:#919191;
	cursor:pointer;
		
	/*position:absolute;
	font-size:24px;
	top:-12px;*/
	
}


body.my-community #link_community, body.my-home #link_home, body.the-story #link_story, body.stop-by #link_stop_by, body.live-longer #link_live_longer{
	position:relative;
	/*
	font-size:25px;
	top:-12px;
	*/
}



/* My Community */

body.south-waterfront #link_community, body.photo-gallery #link_community, body.news-events #link_community{
	position:relative;
	font-size:24px;
	top:-5px;	
	
}

/* My Home */

body.my-views #link_home, body.amenities #link_home, body.floor-plans #link_home, body.inside #link_home, body.being-green #link_home{
	position:relative;
	font-size:25px;
	top:-5px;	
}


/* The Story */

body.ten-ways-to-live-longer #link_story{
	position:relative;
	font-size:25px;
	top:-5px;	
}



/**************** -- MAIN CONTENT || HOME -- ****************/

#main_content{
	display:block;
	width:940px;
	clear:both;
	height:365px;
	/*position:relative;*/
}

#southwaterfron_link{
	display:block;
	width:28px;
	height:362px;
	background:url(images/south-waterfront-link-over.gif) top no-repeat;	
	float:left;
}

#southwaterfron_link_over{
	display:block;
	float:left;
	width:28px;
	height:362px;
	background:url(images/south-waterfront-link.gif) top no-repeat;
}

#southwaterfron_link_over:hover{
	background:transparent;
}

#content_flash{
	width:901px;
	height:365px;
	display:block;
	/*background:url(images/content-fpo.jpg) top no-repeat;*/
	float:left;
	margin-left:8px;
}

#content_flash_floor_plans{
	width:901px;
	height:365px;
	display:block;
	float:left;
	margin-left:8px;
	border:1px solid #918f8f;
	border-top:2px solid #c8c7c7;
	border-bottom:2px solid #c8c7c7;	
}

#sub_content{
	
}

#sub_content p, #sub_content h3{
	display:block;
	width:830px;
	float:right;
	line-height:14px;
	margin-top:18px;
}

#news_events_entry p{
	margin-top:8px;
}

#sub_content h4{
	display:block;
	width:830px;
	float:right;
	line-height:14px;
	margin-top:6px;
	color:#000000;
}

#sub_content h4{
	display:block;
	width:830px;
	float:right;
	line-height:12px;
	margin-top:14px;
	color:#000000;
	font-weight:bold;
	font-size:11px;
}

#sub_content h4.date{
	display:block;
	width:830px;
	float:right;
	line-height:12px;
	margin-top:5px;
	color:#000000;
	font-weight:normal;
	font-size:10px;
}

.entry{
	display:block;
	width:830px;
	float:right;	
}

#bench_graphic{
	width:248px;
	height:109px;  
	background:url(images/bench-graphic.gif) top no-repeat;
	float:right;
	margin-top:6px;
}

/**************** -- MAIN CONTENT || SUBPAGE -- ****************/

#content_subpage{
	width:899px;
	height:362px;
	display:block;
	float:left;
	margin-left:8px;
	border:1px solid #918f8f;
	border-top:2px solid #c8c7c7;
	border-bottom:2px solid #c8c7c7;
}

.SubPageImage{
	width:668px;
	height:440px;
	float:right;
	margin:9px 10px;	
}

#my_community_image{
	background:url(images/my-community-image.jpg) top no-repeat;
}

/*  non-template  */

.content_image{
	width:901px;
	height:362px;
	display:block;
	float:left;
	margin-left:8px;
}

.contentImageSubpage{
	width:668px;
	height:340px;
	display:block;
	float:right;
	margin:9px 0px;
	margin-right:10px;
}

.contentInfoSubpage{
	width:200px;
	height:340px;
	display:block;
	float:left;
	margin:9px 0px;
	margin-left:10px;
	/*border:1px solid #000;*/
	position:relative;	
}

.contentInfoSubpage div{
	position:absolute;
	bottom:0px;
	float:right;
}

.contentInfoSubpage div ul{
	margin-top:10px;
	float:right;
}

.contentInfoSubpage div ul li{
	text-align:right;
	line-height:12px;
	font-size:10px;
	width:206px;
}

.contentSubNav{
	display:block;
	clear:both;
	width:830px;
	float:right;
	/*line-height:14px;*/
	margin-top:18px;
	cursor:pointer;	
	overflow:visible;
}

.contentSubNav ul{
	display:block;
	float:left;
	cursor:pointer;
	overflow:visible;
}

.contentSubNav ul li{
	display:block;
	float:left;
	list-style:none;
	margin-right:12px;
	padding-right:12px;
	font-weight:bold;
	border-right:2px solid #000000;
	cursor:pointer;
	overflow:visible;
	line-height:20px;
}

.contentSubNav ul li.current_page_item a{
	font-size:15px;
	overflow:visible;

}

/*drop down styles */
.mainNav{
	cursor:pointer;
}

#nav ul li.mainNav ul li{
	display:block;
	float:none;
	cursor:pointer;
}

#nav ul li ul li{
	display:block;
	float:left;
	padding:3px 15px;
	margin-top:0px;
	cursor:pointer;
}

#nav ul li ul{
	top:0px;
	padding:8px 0px;
	cursor:pointer;
}
.dropDown{
	z-index:1000;
}

#slider { 
	margin: 0px; 
	width:140px;
	background:url(images/background-tile.png) repeat; 
	position: absolute; 
	left:0px;
	cursor:pointer;
	z-index:100;
}

/*
body.my-community .content_image{
	background:url(images/content-my-community-img.jpg) top no-repeat;
}

body.my-home .content_image{
	background:url(images/content-my-home-img.jpg) top no-repeat;
}

body.the-story .content_image{
	background:url(images/content-the-story-img.jpg) top no-repeat;
}

body.stop-by .contentImageSubpage{
	background:url(images/content-stop-by-img.jpg) top no-repeat;
}
*/

/**************** -- MAIN CONTENT || SUBPAGE->SUBPAGE -- ****************/



/***********************************************************************
	3 - FOOTER
************************************************************************/

#footer{
	border-top:1px solid #000000;
	margin-top:15px;
	clear:both;
	display:block;
	width:901px;
	float:right;
}

#footer ul{
	padding-top:2px;
	float:right;
}

#footer ul li{
	padding:2px 10px;
	float:left;
	color:#000000;
}

#footer ul li a{
	padding-left:24px;
}