/* ---------------------------------------------------------------------------

	The Brick Companies Screen Styles
	http://thebrickcompanies.com
	
	author: nGen Works
	http://ngenworks.com

--------------------------------------------------------------------------- */

/* RESET! */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, 
input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
fieldset, img, abbr, acronym { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }

/*  ---------------------------------------------------------------------------

	=global

--------------------------------------------------------------------------- */

body {
	padding: 10px 0 15px 0;
	font: small/1.5em Arial, Helvetica, Verdana, sans-serif;
	color: #333;
	background-color: #666;
	text-align: center;
}
	
#container1 {
	margin: 0 auto;
	width: 836px;
	text-align: left;
	background: url(../img/pg_bg_repeat.gif) repeat-y 0 0;
}

#container2 {
	background: url(../img/pg_bg_top.gif) no-repeat 0 0;
}

#container3 {
	padding: 33px;
	background: url(../img/pg_bg_bottom.gif) no-repeat bottom left;
}
	
#header {
	overflow: hidden;
	background-color: #fff;
}
	
#content { /* NOTE: 770 wide with above styles */
	clear: both;
	background: #fff url(../img/content_bg_top.gif) repeat-x 0 0;
}

#content_inside {
	overflow: hidden;
	padding: 0 36px 20px 10px;
	background: url(../img/content_bg_bottom.gif) no-repeat bottom left;
}
	
#main_content {
	float: right;
	width: 485px;
}

#sidebar {
	float: left;
	width: 212px;
}
	
#foot {
	clear: both;
	font-weight: bold;
	text-align: center;
	color: #a9a9a9;
	font-size: 90%;
}

/* ---------------------------------------------------------------------------
	
	=links

--------------------------------------------------------------------------- */

a:link { color: #7da7c4; }
	
a:visited { color: #666; }
	
a:hover { color: #a9c64f; }

/* ---------------------------------------------------------------------------
	
	=typography

--------------------------------------------------------------------------- */

h1 {
	float: left;
	width: 374px;
	height: 96px;
	background: url(../img/logo.gif) no-repeat 0 0;
	text-indent: -9999px;
}

h1 a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

h2 {
	margin-bottom: 5px;
	font-size: 120%;
	color: #7da8c4;
}

h3 {
	margin-bottom: 5px;
	font-size: 110%;
	text-transform: uppercase;
	color: #e55e04;
}

h4 {
	margin-bottom: 5px;
	font-size: 110%;
}

p { margin-bottom: 15px; }

/* ---------------------------------------------------------------------------
	
	=lists

--------------------------------------------------------------------------- */

dl { 
}

dt {
	margin-bottom: 5px;
	color: #000;
	font-weight: bold;
}

dd { margin-bottom: 2px; }

ul {
	margin-bottom: 15px;
	list-style: none;
}

ul li ul { 
	margin: 0 0 7px 5px; 
	padding-top: 5px;
}

li {
	margin-bottom: 4px;
	padding-left: 10px;
	background: url(../img/bullet.gif) no-repeat 0 7px;
}

/* ---------------------------------------------------------------------------
	
	=images

--------------------------------------------------------------------------- */

#main_content img {
	float: right;
	margin: 0 0 10px 10px;	
}

#main_content img.large { 
	float: none;
	margin: 0 0 15px 0;
}
	
/* ---------------------------------------------------------------------------
	
	=header

--------------------------------------------------------------------------- */

#supporting_image {
	float: right;
	width: 608px;
	height: 244px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* ---------------------------------------------------------------------------
	
	=navigation 1

--------------------------------------------------------------------------- */

#nav1 {
	float: right;
	margin-bottom: 0;
	width: 396px;
}

#nav1 li {
	float: left;
	margin-bottom: 0;
	padding: 0;
	width: 99px;
	height: 96px;
	text-indent: -9999px;
}

#nav1 li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#nav1 #nav1_working, #nav1 #nav1_working a {
	background: url(../img/nav1_working.gif) no-repeat 0 0;
}

#nav1 #nav1_working, #nav1 #nav1_living a {
	background: url(../img/nav1_living.gif) no-repeat 0 0;
}

#nav1 #nav1_fun, #nav1 #nav1_fun a {
	background: url(../img/nav1_fun.gif) no-repeat 0 0;
}

#nav1 #nav1_good, #nav1 #nav1_good a {
	background: url(../img/nav1_good.gif) no-repeat 0 0;
}

#nav1 #nav1_working a:hover, 
#nav1 #nav1_living a:hover, 
#nav1 #nav1_fun a:hover, 
#nav1 #nav1_good a:hover {
	background-position: 0 -96px;
}

body.working #nav1 #nav1_working a, body.working #nav1 #nav1_working a:hover, 
body.living #nav1 #nav1_living a, body.living #nav1 #nav1_living a:hover, 
body.fun #nav1 #nav1_fun a, body.fun #nav1 #nav1_fun a:hover, 
body.good #nav1 #nav1_good a, body.good #nav1 #nav1_good a:hover {
	background-position: 0 -96px;
}

/* ---------------------------------------------------------------------------
	
	=navigation 2

--------------------------------------------------------------------------- */

#nav2 {
	float: left;
	margin-bottom: 0;
	padding-top: 10px;
	width: 162px;
}

#nav2 li {
	margin: 0 10px;
	padding: 0;
	width: 130px;
	height: 28px;
	text-indent: -9999px;
	border-bottom: 1px solid #dcdcdc;
}

#nav2 #nav2_contact { border-bottom-width: 0; }

#nav2 li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#nav2 #nav2_home, #nav2 #nav2_home a {
	background: url(../img/nav2_home.gif) no-repeat 0 0;
}

#nav2 #nav2_history, #nav2 #nav2_history a {
	background: url(../img/nav2_history.gif) no-repeat 0 0;
}

#nav2 #nav2_about, #nav2 #nav2_about a {
	background: url(../img/nav2_about.gif) no-repeat 0 0;
}

#nav2 #nav2_join, #nav2 #nav2_join a {
	background: url(../img/nav2_join.gif) no-repeat 0 0;
}

#nav2 #nav2_newsroom, #nav2 #nav2_newsroom a {
	background: url(../img/nav2_newsroom.gif) no-repeat 0 0;
}

#nav2 #nav2_partners, #nav2 #nav2_partners a {
	background: url(../img/nav2_partners.gif) no-repeat 0 0;
}

#nav2 #nav2_leasing, #nav2 #nav2_leasing a {
	background: url(../img/nav2_leasing.gif) no-repeat 0 0;
}

#nav2 #nav2_contact, #nav2 #nav2_contact a {
	background: url(../img/nav2_contact.gif) no-repeat 0 0;
}

#nav2 #nav2_home a:hover, 
#nav2 #nav2_history a:hover, 
#nav2 #nav2_about a:hover, 
#nav2 #nav2_join a:hover, 
#nav2 #nav2_newsroom a:hover, 
#nav2 #nav2_partners a:hover, 
#nav2 #nav2_leasing a:hover, 
#nav2 #nav2_contact a:hover {
	background-position: 0 -28px;
}

body.home #nav2 #nav2_home a, body.home #nav2 #nav2_home a:hover, 
body.history #nav2 #nav2_history a, body.history #nav2 #nav2_history a:hover, 
body.about #nav2 #nav2_about a, body.about #nav2 #nav2_about a:hover, 
body.join #nav2 #nav2_join a, body.join #nav2 #nav2_join a:hover, 
body.newsroom #nav2 #nav2_newsroom a, body.newsroom #nav2 #nav2_newsroom a:hover, 
body.partners #nav2 #nav2_partners a, body.partners #nav2 #nav2_partners a:hover, 
body.leasing #nav2 #nav2_leasing a, body.leasing #nav2 #nav2_leasing a:hover, 
body.contact #nav2 #nav2_contact a, body.contact #nav2 #nav2_contact a:hover {
	background-position: 0 -56px;
}


/* ---------------------------------------------------------------------------
	
	=quotes

--------------------------------------------------------------------------- */

q:before, q:after { content:''; }

/* ---------------------------------------------------------------------------
	
	=content

--------------------------------------------------------------------------- */

body.home #content, body.error #content { padding-top: 25px; }

/* breadcrumbs */

#breadcrumbs {
	margin: 0 0 10px 160px;
	padding-bottom: 15px;
	font-size: 80%;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	background: url(../img/content_bg_top.gif) repeat-x bottom left;
}

#breadcrumbs p { 
	margin-bottom: 0;
	padding: 5px 10px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	background-color: #a0a0a0;
}

#breadcrumbs a {
	margin-right: 5px;
	padding-right: 15px;
	background: url(../img/icon_breadcrumb.gif) no-repeat 100% 50%;
}

#breadcrumbs a:link, 
#breadcrumbs a:visited { 
	color: #d0d0d0; 
	text-decoration: none; 
}
	
#breadcrumbs a:hover { 
	color: #333; 
}

/* content links */

#main_content a { font-weight: bold; }

/* ---------------------------------------------------------------------------
	
	=sidebar

--------------------------------------------------------------------------- */

#sidebar img { margin-left: 0px; }

/* ---------------------------------------------------------------------------
	
	=foot

--------------------------------------------------------------------------- */

#copyright {
	margin-bottom: 2px;
	font-weight: normal;
}

#foot ul {
	margin-bottom: 2px;
}

#foot_nav1 {
	text-transform: uppercase;
}

#foot li {
	display: inline;
	margin: 0 3px 0 0;
	padding: 0 10px 0 0;
	background: url(../img/bullet_sub.gif) no-repeat 100% 50%;
}

#foot li.last { 
	padding-right: 0;
	background-image: none; 
}

#foot a:link, 
#foot a:visited { 
	color: #a9a9a9; 
	text-decoration: none; 
}

#foot a:hover { 
	color: #333;
	text-decoration: underline;
}

/* ---------------------------------------------------------------------------
	
	=sub navigation

--------------------------------------------------------------------------- */

#sub_nav {
	margin: 0 0 20px 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 90%;
}

#sub_nav li ul {
	margin: 0;
	padding-top: 0;
	text-transform: none;
}

#sub_nav li {
	margin-bottom: 0;
	padding-left: 0;
	border-bottom: 1px solid #ccc;
	background-image: none;
}

#sub_nav li ul li {
	border-top: 1px solid #ccc;
	border-bottom-width: 0;
}

#sub_nav li.last {
	padding-bottom: 0;
	border-bottom-width: 0;
}

#sub_nav a {
	display: block;
	padding: 4px 0 4px 10px;
	text-decoration: none;
}

#sub_nav li ul a { 
	padding-left: 35px; 
	background: transparent url(../img/bullet_subsub_nav.gif) no-repeat 15px 8px;
}

#sub_nav a:link, #sub_nav a:visited {
	color: #a9c64f;
}

#sub_nav a:hover {
	color: #7da8c4;
}

/* here states */

#sub_nav li.here a {
	padding-left: 30px;
	background: url(../img/icon_subnav.gif) no-repeat 10px 9px;
}

/* reset subsub when parent is here */

#sub_nav li.here ul li a {
	padding-left: 35px; 
	background: transparent url(../img/bullet_subsub_nav.gif) no-repeat 15px 8px;
}

/* subsub here */

#sub_nav li.here ul li.here a {
	padding-left: 60px;
	background: url(../img/icon_subnav.gif) no-repeat 40px 9px;
}

/* here link states */

#sub_nav li.here a:link, 
#sub_nav li.here a:visited, 
#sub_nav li.here a:hover {
	color: #fff;
	background-color: #7ba133;
}

/* reset subsub link states when parent is here */

#sub_nav li.here ul li a:link, 
#sub_nav li.here ul li a:visited {
	color: #a9c64f;
	background-color: transparent;
}

#sub_nav li.here ul li a:hover {
	color: #7da8c4;
	background-color: transparent;
}

/* subsub here link states */

#sub_nav li.here ul li.here a:link, 
#sub_nav li.here ul li.here a:visited, 
#sub_nav li.here ul li.here a:hover {
	color: #fff;
	background-color: #7ba133;
}

/* subnav span - used under "For Fun » Atlantic Golf" */

#sub_nav li span {
	text-transform: none;
}

#sub_nav a:link, #sub_nav a:visited {
	color: #a9c64f;
}

#sub_nav a:hover {
	color: #7da8c4;
}

/* ---------------------------------------------------------------------------
	
	=switch

--------------------------------------------------------------------------- */

/* NOTE: make content larger and sidebar more narrow for pages with no #sub_nav */

body.history #main_content,
body.about #main_content, 
body.join #main_content, 
body.partners #main_content, 
body.newsroom #main_content,
body.contact #main_content { 
	width: 562px; 
}

body.history #sidebar,
body.about #sidebar, 
body.join #sidebar, 
body.partners #sidebar, 
body.newsroom #sidebar,
body.contact #sidebar  { 
	width: 135px; 
}

/* NOTE: styles for background color variations in nav1 sections */

/* #content */

body.working #content { 
	background: #e2540b url(../img/orange/content_bg_top.gif) repeat-x 0 0; 
	color: #fff;
}

body.living #content { 
	background: #93c13c url(../img/green/content_bg_top.gif) repeat-x 0 0; 
	color: #fff;
}

body.fun #content { 
	background: #6b95b7 url(../img/blue/content_bg_top.gif) repeat-x 0 0; 
	color: #fff;
}
/* switch bullet in fun section */
body.fun li { background: url(../img/blue/bullet.gif) no-repeat 0 7px; }

body.good #content { 
	background: #e4e4e4 url(../img/grey/content_bg_top.gif) repeat-x 0 0; 
}

/* #content_inside */

body.working #content_inside { background-image: url(../img/orange/content_bg_bottom.gif); }

body.living #content_inside { background-image: url(../img/green/content_bg_bottom.gif); }

body.fun #content_inside { background-image: url(../img/blue/content_bg_bottom.gif); }

body.good #content_inside { background-image: url(../img/grey/content_bg_bottom.gif); }

/* titles */

body.working h2, body.working h3 { color: #662900; }

body.living h2, body.living h3 { color: #4f6800; }

body.fun h2, body.fun h3 { color: #004371; }

body.good h2 { color: #769e01; }

/* #main_content links */

body.working #main_content a:link { color: #640000; text-decoration: underline; }
body.working #main_content a:visited { color: #640000; text-decoration: none; }
body.working #main_content a:hover { color: #333; text-decoration: underline; }

body.living #main_content a:link { color: #396987; text-decoration: underline; }
body.living #main_content a:visited { color: #396987; text-decoration: none; }
body.living #main_content a:hover { color: #333; text-decoration: underline; }

body.fun #main_content a:link { color: #d0f759; text-decoration: underline; }
body.fun #main_content a:visited { color: #d0f759; text-decoration: none; }
body.fun #main_content a:hover { color: #333; text-decoration: underline; }

body.good #main_content a:link { color: #3d93ce; text-decoration: underline; }
body.good #main_content a:visited { color: #3d93ce; text-decoration: none; }
body.good #main_content a:hover { color: #666; text-decoration: underline; }

/* #breadcrumbs */

body.working #breadcrumbs { background-image: url(../img/orange/content_bg_top.gif); }

body.living #breadcrumbs { background-image: url(../img/green/content_bg_top.gif); }

body.fun #breadcrumbs { background-image: url(../img/blue/content_bg_top.gif); }

body.good #breadcrumbs { background-image: url(../img/grey/content_bg_top.gif); }

/* #sub_nav borders */

body.working #sub_nav li { border-color: #e08e36; }

body.living #sub_nav li { border-color: #a5cf4f; }

body.fun #sub_nav li { border-color: #90b0c9; }

body.good #sub_nav li { border-color: #f6f6f6; }

/* #sub_nav links */

body.working #sub_nav a:link, body.working #sub_nav a:visited { color: #f7d859; }
body.working #sub_nav a:hover { color: #813400; }

body.living #sub_nav a:link, body.living #sub_nav a:visited { color: #d0f759; }
body.living #sub_nav a:hover { color: #396987; }

body.fun #sub_nav a:link, body.fun #sub_nav a:visited { color: #a3d6ff; }
body.fun #sub_nav a:hover { color: #97d144; }
body.fun #sub_nav li ul a { background-image: url(../img/blue/bullet_subsub_nav.gif); }

body.good #sub_nav a:link, body.good #sub_nav a:visited { color: #3d93ce; }
body.good #sub_nav a:hover { color: #e55e03; }

/* #sub_nav here state links */

body.working #sub_nav li.here a:link, 
body.working #sub_nav li.here a:visited, 
body.working #sub_nav li.here a:hover {
	color: #fff;
	background-color: #c44d08;
}

body.living #sub_nav li.here a:link, 
body.living #sub_nav li.here a:visited, 
body.living #sub_nav li.here a:hover {
	color: #fff;
	background-color: #7ba133;
}

body.fun #sub_nav li.here a:link, 
body.fun #sub_nav li.here a:visited, 
body.fun #sub_nav li.here a:hover {
	color: #fff;
	background-color: #5983a4;
}

body.good #sub_nav li.here a:link, 
body.good #sub_nav li.here a:visited, 
body.good #sub_nav li.here a:hover {
	color: #fff;
	background-color: #cdcdcd;
}

/* fun: reset subsub link states when parent is here */
body.fun #sub_nav li.here ul li a:link, 
body.fun #sub_nav li.here ul li a:visited {
	color: #a3d6ff;
	background-color: transparent;
}
body.fun #sub_nav li.here ul li a:hover {
	color: #97d144;
	background-color: transparent;
}
/* fun: subsub here link states */
body.fun #sub_nav li.here ul li.here a:link, 
body.fun #sub_nav li.here ul li.here a:visited, 
body.fun #sub_nav li.here ul li.here a:hover {
	color: #fff;
	background-color: #5983a4;
}

/* ---------------------------------------------------------------------------
	
	=vcards

--------------------------------------------------------------------------- */

.vcard .hide,
body.home .org, 
body.home .adr, 
body.error .adr {
	position: absolute;
	top: 0;
	left: -9999px;
}

body.contact .vcard {
	margin-bottom: 15px;
	padding-bottom: 10px;
	background: url(../img/px.gif) repeat-x bottom left;
}

/* ---------------------------------------------------------------------------
	
	=newsroom

--------------------------------------------------------------------------- */

div.news_article {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../img/px.gif) repeat-x bottom left;
}

div.news_article h2 {
	padding-left: 27px;
	font-size: 110%;
	background: url(../img/icon_pdf.gif) no-repeat 0 0;
}

div.news_article p {
	margin-bottom: 0;
	font-size: 90%;
	color: #555;
}

div.news_article p strong {
	color: #e55e03;
}

p.archive {
	padding-top: 5px;
	font-size: 110%;
	border-top: ;
}

p.archive a:link { color: #a9c64f; }
	
p.archive a:hover { color: #7da7c4; }

/* news archive */

div.news_article h3 { text-transform: none; }

/* videos */

div.news_video {
	padding: 10px 0;
	background: url(../img/px.gif) repeat-x 0 0;
}

div.news_video h3 {
	padding-left: 20px;
	font-size: 110%;
	text-transform: none;
	background: url(../img/icon_video.gif) no-repeat 0 0;
}

div.news_video p {
	margin-bottom: 0;
	font-size: 90%;
	color: #555;
}

div.news_video p strong {
	color: #e55e03;
}

/* ---------------------------------------------------------------------------
	
	=for partners

--------------------------------------------------------------------------- */

/* NOTE: Callout on pages without partners sub nav */

#partners_callout {
	padding: 5px 10px;
	font-weight: bold;
	text-align: center;
	background-color: #eee;
	border: 3px solid #ccc;
}

/* ---------------------------------------------------------------------------
	
	=pdf notices

--------------------------------------------------------------------------- */

/* used for pages with all PDFs */

.message_pdf {
	padding-left: 27px;
	font-style: italic;
	color: #666;
	background: url(../img/icon_pdf.gif) no-repeat 0 50%;
}

/* single PDF links */

.pdf {
	padding-left: 27px;
	font-weight: bold;
	font-size: 105%;
	background: url(../img/icon_pdf.gif) no-repeat 0 50%;
}

/* single powerpoint links */

.powerpoint {
	padding-left: 27px;
	font-weight: bold;
	font-size: 105%;
	background: url(../img/icon_ppt.gif) no-repeat 0 50%;
}

/*  ---------------------------------------------------------------------------

	=forms

--------------------------------------------------------------------------- */

label {
	padding-right: 10px;
	color: #333;
	font-weight: bold;
	font-size: 90%;
}

input, 
select, 
textarea {
	font-size: 100%;
}

textarea { height: 75px; }

input#submit { font-size: 100%; }

/* two column forms ------------------------------ */

dl.two_column { width: 100%; }

dl.two_column dt {
	float: left;
	width: 35%;
	line-height: 26px;
	text-align: right;
}

dl.two_column dd {
	margin: 0 0 0 37%;
	margin-bottom: 10px;
	line-height: 26px;
}

/* NOTE: used to break and create rows for relative font size increase */

dl.two_column dd.clear {
	clear: both;
	margin: 0;
	background-color: #000;
}

dl.two_column dd.clear hr { display: none; }

/* sub fields */

dl.two_column dd.sub {
	margin-bottom: 7px;
	font-size: 90%;
}

dl.two_column dd.sub label {
	color: #666; 
	font-weight: normal; 
}

/* submit */

dl.two_column dd.submit {
	margin-bottom: 0;
}

/* specific field elements ------------------------------ */

.full { width: 97%; }

.half { width: 50%; margin-right: 10px; }

.small { width: 15%; }

/* full column dds ------------------------------ */

dl.two_column dd.column_full {
	margin-left: 0;
}

/* required + highlighted ------------------------------ */

p.required {
	margin-bottom: 10px;
	font-size: 90%;
	color: #666;
}

.highlight {
	background-color: #efe381;
}

/*  ---------------------------------------------------------------------------

	=form messages

--------------------------------------------------------------------------- */

#error, #thanks {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 110%;
	font-weight: bold;
	border: 1px solid #ccc;
	background-color: #fff;
}

#error { color: #bb0000; }

#thanks { color: #a9c64f; }
	
#error p, #thanks p { margin: 0; }

#error ul { margin-bottom: 0; }

p.thanks {
	padding: 10px 15px;
	font-size: 110%;
	font-weight: bold;
	color: #333;
	background-color: #cce288;
}

/*  ---------------------------------------------------------------------------

	=callouts

--------------------------------------------------------------------------- */

div.callout_download { margin-bottom: 25px; }

div.callout_download p { margin-bottom: 5px; }

div.callout_download a {
	padding: 2px 0 2px 25px;
	font-weight: bold;
	background: url(../img/icon_pdf.gif) no-repeat 0 0;
}

div.callout_download a:link, div.callout_download a:visited {
	color: #e55e04;
	text-decoration: none;
}

div.callout_download a:hover {
	color: #333;
	text-decoration: none;
}

#main_content .content_callouts img {
	float: none;
	margin: 0 20px 20px 0;
}

#main_content .content_callouts img.last { margin-right: 0; }