html { margin:0; padding:0; width:100%; height:100%; }
body { margin:0; padding:0; width:100%; height:100%; }
img { border:0; }
h1, h2 { font-family:Arial, sans-serif; font-size:14px; margin:0 0 10px 0; }
a, p, li, span { font-family:Arial, sans-serif; font-size:12px; color:#eee; }
a, a span { color:#F0F0F0; }
a:hover, a:hover span { color:#e0ded9; }
a.current { color:#e0ded9; text-decoration:none; }
p { margin:0 0 8px 0; }
/* HEADER
#header { height:99px; display:none; background:#615a52 url(/images/map/BG-header.jpg) no-repeat 420px 0; /*border:solid 5px white; min-width:900px; ----}
#header p { margin:0; }
#header #logoDiv { float:left; /*width:210px;---- }
#header #logo { float:left; margin:0; }
#header h1 { position:absolute; top:60px; left:250px; font-weight:normal; } /* margin:65px 0 0 20px; float:left; ----
#header h1 span { color:white; font-size:30px; }
#header h1 span#discCatSpan { color:#d5d2ce; font-size:22px; }
*/
/*
#header #title { float:left; height:100%; vertical-align:bottom; }
#header #title h1 { margin:40px 0 0 0; font-size:22px; color:white; }
#header #title h2,#header #title h2 span { margin-top:0; font-size:16px; color:#5a5f64; }
*/
/**/
#curSelectionsDiv { position:absolute; left:0; z-index:1001; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; padding:20px 5px;
background-color:#32312f; margin:0 0 0 250px; text-align:center; }
h1 { margin-bottom:0; }
h1 span { color:white; font-size:20px; }
h1 span#discCatSpan { color:#d5d2ce; font-size:20px; }
#defaultZoomDiv { display:none; position:absolute; z-index:1001; background-color:#eee; padding:5px 8px; left:240px; margin:5px 0 0 5px;
filter:alpha(opacity=83);-moz-opacity:.83;opacity:.83; }
#legend { position:absolute; z-index:1001; bottom:0; margin:0 0 2px 12px; filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; }
/* LEFT COLUMN */
#navCntrlLnk { background:#cccccc url(/images/map/arrow-slider-contract.png) no-repeat center left; position:absolute; margin:0 0 0 240px;
width:9px; border-left:solid 1px #a6a4a1; text-decoration:none; }
#navCntrlLnk:hover { background-color:#aaa; }
#leftCol { background-color:#615a52; width:240px; float:left; border-left:solid 0 white; padding:0 0 0 0; }
#leftCol span.sideHeader { display:block; color:#f1f2f2; padding:8px 0 0 8px; margin:0 0 0 0;
height:30px; background:#615a52 url(/images/map/BG-sideHeader.jpg) repeat-x top left; }
#leftCol span.sideHeader, #leftCol span.sideHeader span { font-weight:bold; font-size:14px; }
#select { margin:0 0 20px 10px; }
#select a.filter { background-color:white; border:solid 1px #e6e6e6; margin-right:5px; text-decoration:none; display:block;
width:200px; height:20px; }
#select a.filter:hover { background-color:#ddd; }
#select a.filter span { color:#38342b; padding:3px 0 2px 5px; display:block; }
#select a.filter img { vertical-align:top; float:right; }
#select a.filter #ddLocation.selected { font-weight:bold; }
#select a.filter span { font-style:italic; }
#select a.filter span.selected { font-style:normal; background-color:#FFFFCC; }
#select a.filter span.selected:hover { background-color:#ddd; }
a#clearDiscCatLnk { color:#f1f2f2; font-size:11px; display:block; }
a#clearDiscCatLnk:hover { color:#eee; }
a#clearDiscCatLnk.disabled { color:gray; cursor:default; }
/*
a#locationLnk { width:200px; }
a#discCatLnk { width:200px; }*/
/* SELECT LOCATION AND FILTERS */
.selectDiv { position:absolute; z-index:1001; background:transparent url(/images/map/BG-dd.png) no-repeat 0 0; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
padding:6px 6px 6px 0; left:10px; display:none; width:330px; height:150px; }
.selectDiv .title { display:block; font-weight:bold; font-size:14px; margin:0 0 3px 0; color:#777; display:none; }
.selectDiv div.col { width:150px; float:left; margin-left:8px; } /* border-left:dashed 1px #ccc; padding-left:8px; */
.selectDiv ul { margin-bottom:4px;}
.selectDiv li { padding-left:3px; color:#777; }
.selectDiv li.flh1 { padding-left:0; margin-bottom:2px; }
.selectDiv li.flh1 a { font-weight:bold; font-size:13px; }
.selectDiv li.flh2 { font-weight:bold; margin-top:4px; }
.selectDiv li a { cursor:hand; }
.selectDiv li a.disabled, .selectDiv li a.disabled span { color:#bbb; cursor:default; }
#locationSelectDiv { margin-top:60px; }
#locationSelectDiv div.col { min-height:155px;}
#discCatSelectDiv { margin-top:90px; }
#discCatSelectDiv div.col { width:195px; min-height:110px; }
/* PROJECT LIST AND MAP */
#map { background-color:gray; position:absolute; left:0; margin-left:250px; border-top:solid 0 white; }
/*
div#prList div { padding:0; margin:0 10px 3px 0; }
div#prList span, div#prList a { font-size:11px; }
div#prList div a { font-weight:bold; }
div#prList div span { font-weight:normal; }87827c
/* */
div#prList { overflow:auto; margin-left:5px; padding-bottom:10px; background-color:#615a52; }
div#prList a { cursor:pointer; margin:0 5px 2px 0; display:block; font-weight:bold;
text-decoration:none; padding:3px 0 3px 19px; background:#615a52 url(/images/map/BG-list-A.png) no-repeat 3px 5px; }
div#prList a:hover { background-color:#87827c; }
div#prList a.architecture { }
div#prList a.planning { background-image:url(/images/map/BG-list-P.png) }
div#prList a.interiors { background-image:url(/images/map/BG-list-I.png) }
div#prList a span { font-weight:normal; display:block; font-size:11px; }
/**/
#controlsWrapper { width:100%; position:absolute; top:0; left:0; background-color:#F0F0F0;
filter:alpha(opacity=93);-moz-opacity:.93;opacity:.93; z-index:1000; }
#controls { padding:5px 10px; }
#controls p { margin:0; }
ul { padding:0; margin:0 0 15px 3px; list-style-type:none; }
ul li { list-style-type:none; list-style-image:none; line-height:15px; }
div.info { width:420px; min-height:200px; padding-right:10px; }
div.info img { float:left; margin:0 10px 0 0; }
div.info div { margin-left:200px; }
div.info h1 { font-size:14px; margin:0 0 2px 0; }
div.info span { display:block; color:#333;}
div.info span.discCat { font-weight:bold; margin-top:5px; }
div.info p { color:#333; margin-top:5px; }
div.info a { color:#3e9fe6; }
div.info a:hover { color:#5A5F64; }