/* global pages */

body { background: #383c3d url("../../graphics/tile_body.gif") repeat-x; height: 100%; }
#container { margin: 0 auto; width: 975px; padding-bottom: 10px; background-color: #fff; border: #737474 solid 5px; border-top: none; }
#header { background: url("../../graphics/header_bar.gif") no-repeat; padding: 0 10px 15px 10px; position: relative; }
#header ul { padding-top: 50px; }
#header ul li { display: inline; list-style-type: none; margin-left: 2px; }
#header a#contact { position: absolute; right: 15px; top: 28px; }
#header a#contact:link, #header a#contact:visited, #header a#contact:hover { color: #333; font: 11px "Arial"; } 
#footer { margin: 15px auto; width: 975px; padding-bottom: 24px; }
#footer ul { float: right; }
#footer li { display: inline; list-style-type: none; margin: 0; padding: 0 5px; font: normal 11px Arial; border-right: 1px solid #b4b6b6; }
#footer li a:link, #footer li a:visited { font: normal 11px Arial; color: #b4b6b6; text-decoration: underline; }
#footer li a:hover { text-decoration: underline; color: #b4b6b6; }
#footer ul li.last { border: none; }
#footer p { float: left; color: #b4b6b6; font: normal 11px Arial; padding-top: 3px; }
strong { font-weight: bold; }
em { font-style: italic; }
#footer address { clear: both; font: normal 11px Arial; color: #b4b6b6; padding-top: 30px; }


/* TEMPLATE: home page */
#home #maincontent { overflow: auto; padding: 0 15px 35px 15px; margin-top: -4px; }
#home #flashcontent { padding: 0; margin: 15px 15px 0 15px; z-index: 0; }
#home #mainleft { float: left; width: 410px; padding: 25px 15px 0 20px; }
#home #mainleft h1 { color: #00356c; font: 26px "Georgia"; margin-bottom: 5px; }
#home #mainleft p { color: #49494b; font: 14px "Arial"; line-height: 25px; }
#home #mainleft a:link, #home #mainleft a:visited, #home #mainleft a:hover { color: #000; }
#home #mainright { float: left; }
#home #mainright .banner { margin-left: 15px; }


/* TEMPLATE: secondary page */
#secondary #maincontent { overflow: auto; padding: 0 15px 35px 15px; }
#secondary ul#breadcrumbs { padding: 5px 0; }
#secondary #breadcrumbs li { display: inline; list-style-type: none; margin: 0; padding: 0 5px; color: #666; font: normal 12px Arial; }
#secondary #breadcrumbs a:link, #secondary #breadcrumbs a:visited, #secondary #breadcrumbs a:hover { text-decoration: underline; color: #666; }
#secondary #mainleft { float: left; width: 520px; padding: 45px 25px 0 75px; }
#secondary #mainleft p img { border: 3px solid #fff; }
#secondary #mainleft h1 { color: #00356c; font: 26px "Georgia"; margin-bottom: 20px; }
#secondary #mainleft h2 { color: #222; font: bold 18px "Arial"; margin-bottom: 5px; }
#secondary #mainleft h3 { color: #444; font: bold 15px "Arial"; margin-bottom: 5px; }
#secondary #mainleft ul { padding-left: 25px; margin-bottom: 25px; }
#secondary #mainleft ul li { color: #444; list-style-type: disc; font: 14px "Arial"; line-height: 20px; margin-bottom: 5px; }
#secondary strong.featured { color: #A11312; font: bold 10px "Verdana"; text-transform: uppercase; margin-left: 15px; }
#secondary #mainleft p { color: #444; font: 14px "Arial"; line-height: 26px; margin-bottom: 25px; }
#secondary #mainleft a:link, #secondary #mainleft a:visited, #secondary #mainleft a:hover { font-style: italic; color: #000; }
#secondary #mainright { float: left; padding: 45px 0 0 0; margin-left: 15px; }
#secondary #mainright .banner { margin: 0 0 20px 0; display: block; }
#secondary #mainright .download { background: url("../../graphics/btn_featuredownload.jpg") no-repeat; margin: 0 0 10px 0; padding: 6px 15px; width: 310px; height: 17px; display: block; }
#secondary #mainright a.download:link, a.download:visited, a.download:hover { font: italic 15px "Arial"; color: #fff; text-decoration: none; }
#secondary #mainright .floorplan { border: 1px solid #00356C; }
#secondary #mainright h3  { color: #222; font: bold 18px "Arial"; margin: 15px 0 10px 0; }
#secondary #mainright p { color: #444; font: 14px "Arial"; line-height: 18px; margin: 0 0 10px 0; }
#secondary .gallery li { display: inline; }
#secondary .gallery img { padding: 5px 2px 5px 0; }
#secondary table { width: 100%; margin-bottom: 25px; }
#secondary tr { }
#secondary td { padding: 5px; text-align: center; font: 14px "Verdana"; border-top: 1px solid #BBEF69; }
#secondary th { padding: 5px; text-align: center; font: bold 16px "Verdana"; }
#secondary tr.alt { background-color: #DEEFC2; }

/* feature */
#secondary.feature #mainleft { float: left; width: 480px; padding: 45px 25px 0 75px; }
#secondary.feature #mainright { float: left; width: 345px; margin-left: 20px; }
#secondary.feature #flashcontent { margin-bottom: 20px; }