body { background: #70767b url(../images/bg.gif) repeat-x; }
body.root { background: #70767b url(../images/root-bg.gif) repeat-x; }

h1, a.h1, h2, a.h2, h3, a.h3, h4, a.h4, h5, a.h5, h6, a.h6 { font-family: "Times New Roman", Times, serif; color: #012241; font-weight: normal; margin-bottom: 10px; }

a:link, a:visited { color: #fff; }

#container { background: #70767b url(../images/container_bg.gif) no-repeat bottom left; width: 866px; margin: 0 auto; }

#header { background: #3e5283 url(../images/header_bg.gif) repeat-y; position: relative; }
#header h1 { background-image: url(../images/logo.gif); background-repeat: no-repeat; margin-bottom: 0; }
#header h1 a { text-indent: -9999px; display: block; width: 183px; height: 84px; }

/* Menu Override */
/* This is here so that menu-styles.css can not be overwritten */
#menu { position: absolute; top: 28px; right: 0%; font-family: Verdana, Arial, Helvetica, sans-serif; }
#menu ul li { background: none; width: auto; }
#menu a { color: #fff; font-size: 1em; font-weight: bold; text-transform: capitalize; padding: 4px 15px 5px 15px; text-decoration: none; }
#menu a:active { color: #060; background: none; }
#menu a:visited { color: #fff; }
#menu a:hover { color: #fff; }
#menu li:hover a { background: #012241; }
#menu ul ul { background: #012241; width: 140px; border: none; padding: 5px; }
#menu ul ul li { background: none; }
#menu ul ul a { color: #f4f4f4; background: none; border: none; font-weight: normal; text-align: left; }
#menu ul ul a:visited { color: #fff; }
#menu ul ul a:hover { color: #333; }
#menu ul ul li:hover a { color: #333; background: #e2e2e2; }
#menu ul ul ul { background: #e2e2e2; }
#menu ul ul ul li:hover a { background: #435689; color: #e2e2e2; }

#menu2 { margin: 0; padding: 0; background: #84878c; border: 1px solid #666; height: 24px; position: relative; z-index: 80; }
#menu2 li { list-style: none outside; float: left; position: relative; }
#menu2 li a:link, #menu2 li a:visited { display: block; padding: 6px 12px; text-transform: uppercase; text-decoration: none; color: #fff; font-weight: bold; border-right: 1px solid #7a7e83; }
#menu2 li a:hover, #menu2 li a:active { background: #7a7e83; }
#menu2 ul { display: none; margin: 0; padding: 0; position: absolute; top: 100%; left: 0%; z-index: 50; width: 150px; background: #84878c; border: 1px solid #666666; }
#menu2 ul li { float: none; position: static; }
#menu2 ul li a:link, #menu2 ul li a:visited { border: none; padding: 5px; margin: 0; }
#menu2 li:hover ul { display: block; }

#PageImage { margin-bottom: 12px; }
body.root #PageImage { background: #fff; padding-top: 12px; } /* Background and padding are to prevent the grey in container from showing. */

#PageTitle { color: #fff; background: #fff url(../images/PageTitle_bg.gif) no-repeat 0 12px; padding: 77px 60px 30px; margin-bottom: 12px; font-size: 3em; }

#main1 {}
#main2 {}

#colLeft { color: #fff; float: left; width: 240px; margin: 0; padding: 0; line-height: 20px; }
#colLeft .padding { padding: 0 15px; }
#colLeft h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; text-transform: uppercase; }
#colLeft ul { margin: 0; padding: 0; }
#colLeft li { list-style: none outside; }
#colLeft a:link, #colLeft a:visited { color: #fff; text-decoration: none; }
body.root #colLeft { width: 191px; }
body.root #colLeft .padding { padding: 40px 15px; }

#colRight { float: right; width: 346px; margin: 0; padding: 0; }
#colRight .padding { padding: 10px; }
#colRight h3 { font-size: 1.5em; font-weight: bold; }
body.root #colRight { background-image: url(../images/colRight_shadow.gif); background-repeat: no-repeat; }
body.root #colRight .padding { padding: 40px; }

#content { background-image: url(../images/content_shadow.gif); background-repeat: no-repeat; margin: 0 346px 0 240px; min-height: 300px; }
#content .floatfix { display: table; height: 1%; width: 100%; margin: 0; padding: 0; }
#content .padding { padding: 20px; }
body.root #content { margin: 0 346px 0 191px; }
body.root #content .padding { padding: 40px; }

#footer { color: #fff; border-top: 1px solid #fff; text-align: center; padding: 10px 0 30px; }

.col { width: 50%; float: left; }
#content .col .padding { padding: 5px; }

/* ============ */
/* Homes Styles */
/* ============ */
/* Homes Landing Page */
.homes {}
.homes #map { float: right; margin: 0 0 15px 15px; background: #fff; border: 1px solid #e2e2e2; padding: 3px; }
.homes #developments { line-height: 1.8em; font-size: 1.2em; }
.homes #developments li { color: #999; border-bottom: 1px solid #999; }
.homes #developments li a:link, .homes #developments li a:visited { color: #ccc; font-weight: bold; text-decoration: none; display: block; }
.homes #developments li a:hover, .homes #developments li a:active { background: #666; }

/* Homes Development Page */
.homes #links { margin: 0; padding: 0; }
.homes #links li { list-style: none outside; line-height: 1.7em; font-size: 1.3em; }
.homes #links li a:link, .homes #links li a:visited { color: #fff; background: #3e5283; display: block; text-decoration: none; padding: 0 5px; margin: 3px 0; }
.homes #contacts { background: #84878c; border: 1px solid #999; padding: 5px; }
.homes #floorplans { background: #84878c; border: 1px solid #999; padding: 5px; margin-top: 10px; }
.homes .floorplan { border-top: 1px solid #999; padding: 5px 0; }
.homes .floorplan img { float: left; margin: 0 5px 5px 0; }
.homes .floorplan ul { margin: 0; padding: 0; float: right; width: 200px;  }
.homes .floorplan li { list-style: none outside; padding: 5px; }
.homes #disclaimer { background: #84878c; border: 1px solid #999; padding: 5px; margin-top: 10px; }

/* Homes Floorplan Page */
.homes #details { margin: 0; padding: 0; }
.homes #details li { list-style: none outside; background: #95999e; border: 1px solid #6a6d70; padding: 2px 4px; margin-bottom: 5px; }
.homes .main-img { margin-bottom: 10px; }

/* Homes Tours Page */
.homes #tours { margin: 0; padding: 0; }
.homes #tours li { background: #84878c; border: 1px solid #999; padding: 5px; margin-bottom: 10px; list-style: none outside; clear: left; }
.homes #tours li h3 { font-weight: bold; }
.homes #tour-photos { margin: 0; padding: 0; }
.homes #tour-photos li { background: #84878c; border: 1px solid #999; padding: 5px; text-align: center; margin: 0 10px 10px 0; list-style: none outside; float: left; width: 143px; height: 143px; }
.homes #tour-photos li a:link, .homes #tour-photos li a:visited { display: block; }

/* Floorplan Gallery */
.homes #floorplan-photos { background: #84878c; border: 1px solid #999; }
.homes #floorplan-photos th { color: #fff; background: #012241; text-align: left; padding: 6px; border-bottom: 1px solid #999; }

/* ============ */
/* Apartments Styles */
/* ============ */
/* Apartments Landing Page */
.apartments {}
.apartments #developments { line-height: 1.8em; font-size: 1.2em; clear: right; }
.apartments #developments li { color: #999; border-bottom: 1px solid #999; }
.apartments #developments li a:link, .apartments #developments li a:visited { color: #ccc; font-weight: bold; text-decoration: none; display: block; }
.apartments #developments li a:hover, .apartments #developments li a:active { background: #666; }

/* Apartments Development Page */
.apartments #links { margin: 0; padding: 0; }
.apartments #links li { list-style: none outside; line-height: 1.7em; font-size: 1.3em; }
.apartments #links li a:link, .apartments #links li a:visited { color: #fff; background: #3e5283; display: block; text-decoration: none; padding: 0 5px; margin: 3px 0; }
.apartments #contacts { background: #84878c; border: 1px solid #999; padding: 5px; }
.apartments #floorplans { background: #84878c; border: 1px solid #999; padding: 5px; margin-top: 10px; }
.apartments .floorplan { border-top: 1px solid #999; padding: 5px 0; }
.apartments .floorplan img { float: left; margin: 0 5px 5px 0; }
.apartments .floorplan ul { margin: 0; padding: 0; float: right; width: 200px;  }
.apartments .floorplan li { list-style: none outside; padding: 5px; }
.apartments #disclaimer { background: #84878c; border: 1px solid #999; padding: 5px; margin-top: 10px; }

/* Apartments Floorplan Page */
.apartments #details { margin: 0; padding: 0; }
.apartments #details li { list-style: none outside; background: #95999e; border: 1px solid #6a6d70; padding: 2px 4px; margin-bottom: 5px; }
.apartments .main-img { margin-bottom: 10px; }

/* Apartments Tours Page */
.apartments #tours { margin: 0; padding: 0; }
.apartments #tours li { background: #84878c; border: 1px solid #999; padding: 5px; margin-bottom: 10px; list-style: none outside; clear: left; }
.apartments #tours li h3 { font-weight: bold; }
.apartments #tour-photos { margin: 0; padding: 0; }
.apartments #tour-photos li { background: #84878c; border: 1px solid #999; padding: 5px; text-align: center; margin: 0 10px 10px 0; list-style: none outside; float: left; width: 143px; height: 143px; }
.apartments #tour-photos li a:link, .apartments #tour-photos li a:visited { display: block; }

/* Floorplan Gallery */
.apartments #floorplan-photos { background: #84878c; border: 1px solid #999; }
.apartments #floorplan-photos th { color: #fff; background: #012241; text-align: left; padding: 6px; border-bottom: 1px solid #999; }

body.noRight #main2 { background-image:none; }
body.noRight #colRight { display:none; }
body.noRight #content { margin-right:0; }

body.noLeft #main1 { background-image:none; }
body.noLeft #colLeft { display:none; }
body.noLeft #content { margin-left:0; }

body.noStructure {}
body.noStructure #colLeft,
body.noStructure #colRight,
body.noStructure #main1,
body.noStructure #main2,
body.noStructure #content,
body.noStructure #header,
body.noStructure #footer,
body.noStructure #menu
{
	display:none;
}

.sortselected
{
    background-color:#777770;
}