/***************************************************************
RESET BROWSER VALUES SO EVERYONE IS THE SAME
***************************************************************/
@import url(reset.css);

/***************************************************************
TAG STYLES
***************************************************************/
html { font-size: 11px; }
body { font-family: Arial; font-size: 1em; padding: 0px; margin: 0px; color: #918f8f; background-color: #f6f4f0; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; margin-bottom: 15px; font-weight: normal; }
h3 { font-size: 1.4em; margin-bottom: 5px; font-weight: normal; }
h4 { font-size: 1.2em; margin-bottom: 5px; }
p { margin-bottom: 20px; font-size: 1em; }
p, dl { font-size: 1.0em; line-height: 1.2em; }
cite { display: block; font-size: 1.2em; color: #e95c18; margin-top: 10px; margin-left: 20px; text-indent: -16px; } 
input { padding: 2px; }
img { padding: 0px; margin: 0px; }
div { padding: 0px; margin: 0px; }
a { color: #6d6e71; }
a:link { color: #6d6e71; }
a:visited { color: #6d6e71; }
a:hover { color: #6d6e71; text-decoration: none; }

/***************************************************************
GENERIC CLASSES 
***************************************************************/
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
.ribbon { background-color: transparent; background-repeat: no-repeat; width: 338px; height: 47px;  margin-left: -16px; overflow: hidden; text-indent: -500px; }
.fillin { color: #f0b886; }

/***************************************************************
CONTAINER
***************************************************************/
div#container_wrap { width: 1010px; margin: 0px auto 0px auto; background: url(../images/footer_background.jpg) repeat-y center bottom; border: 1px solid #F6F4F0; }
div#container { width: 1010px; margin: 0px auto 20px auto; min-height: 1025px; background: url(../images/background.jpg) repeat-y center top;  }
div#main { width: 970px; margin: 0px auto 0px auto; }

/***************************************************************
SUBMAIN
***************************************************************/
div#submain { padding: 0px; margin: 0px; }
div#submainleft { width: 260px; float: left; position: relative; }
div#submaincenter { width: 500px; min-height: 400px; float: left; position: relative; zoom: 1; z-index: 2;  }
div#submainright { width: 210px; float: left; position: relative; }

/***************************************************************
TOP 
***************************************************************/
div#top { height: 92px; }
div#logo { width: 150px; height: 75px; padding: 5px 0px 5px 95px; }
div#text_size_links { color: #CA5819; width: 300px; float: right; margin: -70px 30px 0px 0px; text-align: right; line-height: 20px; position: relative; }
div#text_size_links a { color: #CA5819; text-decoration: none; position: relative; top: -4px; }
div#text_size_links a:link { color: #CA5819; }
div#text_size_links a:visited { color: #CA5819; }
div#text_size_links a:hover { color: #CA5819; }
div#text_size_links span { margin: -1px 0px 0px 0px; font-size: 1em; position: relative; top: -4px; }
div#text_size_links span.divide { margin: 0px; padding: 0px; font-size: 1em; position: relative; top: -4px; }
div#text_size_links img { cursor: pointer; margin: 0px 0px 0px 3px; }

/***************************************************************
TOP NAVIGATION
***************************************************************/
div#top_navigation { width: 100%; height: 36px; position: absolute; top: 92px; left: 0px; z-index: 10000; background: url(../images/navigation_background.jpg) repeat-x; }
div#top_navigation_inner { width: 970px; margin: 0px auto 0px auto;  }
div#top_navigation_inner ul.tier1 { list-style: none; height: 36px; width: 905px; margin: 0px auto 0px auto; }
div#top_navigation_inner ul.tier1 li.tier1 { position: relative; line-height: 36px; float: left; text-align: center; padding: 0px 38px 0px 38px; text-align: center; }
div#top_navigation_inner ul.tier1 li.tier1 a { color: #000000; font-size: 1.2em; text-decoration: none; font-weight: bold; }
div#top_navigation_inner ul.tier1 li.tier1 a:link { color: #000000; }
div#top_navigation_inner ul.tier1 li.tier1 a:visited { color: #000000; }
div#top_navigation_inner ul.tier1 li.tier1 a:hover { color: #000000; }
div#top_navigation_inner ul.tier1 li.tier1:hover { background-image: url(../images/navigation_hover_background.png); background-repeat: repeat-x; }
div#top_navigation_inner ul.tier1 li.tier1:hover a { color: #000000; }

div#top_navigation_inner ul.tier1 li.tier1 div.dropdown_wrap { background-image: url(../images/dropdown_bgbox.png); background-repeat: repeat; position: absolute; top: 36px; left: -1px; width: 200px; padding: 0px; margin: 0px; display: none; }
div#top_navigation_inner ul.tier1 li.tier1 div.dropdown_wrap div.dropdown_middle { background: url(../images/dropdown_middle.png) repeat-y; padding: 5px 0px 0px 0px; }
div#top_navigation_inner ul.tier1 li.tier1 div.dropdown_wrap div.dropdown_bottom { height: 9px; background: url(../images/dropdown_bottom.png) no-repeat; }

div#top_navigation_inner ul.tier2 { padding: 0px; margin: 0px; width: 75%; margin: auto auto auto 38px; }
div#top_navigation_inner ul.tier2 li.tier2 { text-align: left; line-height: 18px; }
div#top_navigation_inner ul.tier2 li.tier2 a { color: #666666; font-weight: normal; }
div#top_navigation_inner ul.tier2 li.tier2 a:link { color: #666666; }
div#top_navigation_inner ul.tier2 li.tier2 a:visited { color: #666666; }
div#top_navigation_inner ul.tier2 li.tier2 a:hover { color: #000000; }

div#top_navigation_inner ul.tier1 li.tier1:hover div.dropdown_wrap { display: block; z-index: 10000; }
/***************************************************************
TOP IMAGE
***************************************************************/
div#top_image { width: 100%; height: 219px; margin: 34px 0px 0px 0px; text-align: center; position: relative;  }
div#top_image img { position: absolute; top: 0px; left: 0px; }
div#top_image img.showimage { display: block; }
div#top_image img.hideimage { display: none; }
div#top_image_spacer { height: 40px; }

/***************************************************************
LEFT SIDEBAR
***************************************************************/
div#sidebarleft { width: 223px; position: absolute; top: -20px; left: 18px; z-index: 2000;  }
div#sidebarleft_top { width: 223px; height: 10px; background: url(../images/sidebarleft_top.png) no-repeat; }
div#sidebarleft_center { width: 223px; background: url(../images/sidebarleft_center.png) repeat-y; min-height: 100px; }
div#sidebarleft_center_inner { width: 85%; margin: auto; padding: 0px 0px 10px 0px; }
div#sidebarleft_center_inner h2 { font-size: 1.6em; color: #000000; font-weight: normal; padding: 0px 0px 40px 0px; margin: 0px; }
div#sidebarleft_center_inner h2 a { float: left; padding: 0px; margin: 0px; }
div#sidebarleft_center_inner h2 img { display: block; float: right; width: 17px; height: 17px; margin: 2px 0px 0px 10px; padding: 0px; }
div#sidebarleft_center_inner div.post { margin: 0px 0px 8px 0px; padding: 0px 0px 5px 0px; border-bottom: 3px solid #FFFFFF; }
div#sidebarleft_center_inner div.post h3 { color: #616d9c; margin: 0px; font-weight: bold; font-size: 1.2em; }
div#sidebarleft_center_inner div.post h3 span { font-weight: normal; }
div#sidebarleft_center_inner div.post div.postcontent{ padding: 3px 0px 3px 0px; border-bottom: 1px dashed #FFFFFF; color: #000000; }
div#sidebarleft_center_inner div.post div.postcontent img { float: left; padding: 0px 9px 0px 0px; }
div#sidebarleft_center_inner div.post a { display: block; padding: 5px 0px 0px 0px; text-decoration: none; color: #616d9c; }
div#sidebarleft_bottom { width: 223px; height: 10px; background: url(../images/sidebarleft_bottom.png) no-repeat; }

/***************************************************************
SECONDARY LEFT SIDEBAR
***************************************************************/
div#secondary_sidebarleft { width: 223px; position: absolute;  left: 18px; z-index: 2000;  } 
div#top_arrow { width: 100%; height: 50px; }
div#top_arrow img { padding-left: 30px; }
div#secondary_inner { width: 175px; margin: 0px auto 0px auto; padding: 15px 0px 0px 0px; }
div#secondary_inner h3 { font-size: 1.8em; color: #80b7c3; font-family: times; }
div#secondary_inner span { color: #80b7c3; font-style: italic; }

/***************************************************************
THIRD LEFT SIDEBAR
***************************************************************/
div#third_sidebarleft { width: 223px; position: relative; top: -5px;  } 
div#top_arrow { width: 100%; height: 50px; position: absolute; left: 18px; z-index: 2000; margin: -50px 0px 0px 0px;  }
div#top_arrow img { padding-left: 30px; }
div#third_inner { width: 175px; margin: 0px auto 0px auto; padding: 15px 0px 0px 35px; }
div#third_inner h3 { font-size: 1.8em; color: #80b7c3; font-family: times; }
div#third_inner span { color: #80b7c3; font-style: italic; }

/***************************************************************
RIGHT SIDEBAR
***************************************************************/
div#sidebarright { margin: 25px 0px 0px 5px; zoom: 1; position: relative; z-index: 1; }

/***************************************************************
CONTENT
***************************************************************/
div#content { width: 96%; margin: 25px auto 0px auto; }
div#content p { font-size: 1.2em; line-height: 18px; color: #000000; }
div#content p.intro { font-size: 1.5em; line-height: 23px; color: #000000; }
div#content p.intro span.leader { font-size: 1.8em; color: #5f6499; font-family: times; }
div#content h3 { margin-bottom: 0px; color: #000000; font-size: 1.2em; font-weight: bold; }
div#content ul li { color: #000000; }

div#content ul.pdflinks { padding: 0px; margin: 0px; list-style: none; }
div#content ul.pdflinks li { background: url(../images/pdf.jpg) no-repeat left center; padding-left: 30px; line-height: 25px; }

/***************************************************************
SLIDESHOW
***************************************************************/
div#slideshow_wrap { padding: 0px; margin: -20px 0px 10px 0px; }
div#slideshow { width: 100%; height: 75px; overflow: hidden; position: relative; }
div#slideshow div.thumb_wrap { width: 88px; height: 67px; float: left; padding: 0px; margin: 4px;  cursor: pointer; position: absolute;  }
div#slideshow div.thumb_wrap img { width: 88px; height: 67px; }
div#slideshow div.selected { outline: 4px solid #71cbd2; }
div#slideshow_console { padding: 3px 0px 3px 0px; }
div#slideshow_console span { font-size: .8em; color: #ce7019; }
div#slideshow_console img { float: right; cursor: pointer; margin: 0px 5px 0px 0px; }
div#slideshow_arrows { width: 75px; float: right; padding: 0px; }
div#slideshow_images_large { position: relative; }
div#slideshow_images_large img { display: none; }

/***************************************************************
SPLASH FLASH INTRO
***************************************************************/
div#intro_flash { margin: 20px 0px 0px 0px; }

/***************************************************************
FLOOR PLAN
***************************************************************/
div#floorplan { position: relative; }
div#floorplan_link { margin: 20px 0px 0px 0px; text-decoration: underline; cursor: pointer; color: #80B7C3; }
div#floorplan_wrap { width: 377px; height: 384px; position: absolute; left: -55px; top: -103px; display: none; z-index: 10000; }
div#floorplan_wrap div#floorplan_top { width: 377px; height: 13px; padding: 0px; margin: 0px; }
div#floorplan_wrap div#floorplan_middle { background-color: #80b6bd;  position: relative; }
div#floorplan_wrap div#floorplan_bottom { width: 377px; height: 13px; padding: 0px; margin: 0px; }
div#floorplan_image { text-align: center; width: 350px; height: 330px; margin: auto; }
div#floorplan_meta { margin: 10px 0px 0px 0px; }
table#floorplan_meta_table tr td.pad_left { padding-left: 20px; }
table#floorplan_meta_table tr td.pad_right { padding-right: 20px; }
table#floorplan_meta_table tr td  span#floorplan_title { display: block; font-weight: bold; color: #000000; font-style: normal; }
table#floorplan_meta_table tr td  span#floorplan_sqft { display: block; color: #000000; font-style: normal; }
div#floorplan_leftarrow { position: absolute; left: -17px; top: 180px; }
div#floorplan_close { padding: 2px 14px 10px 0px; text-align: right; font-size: 12px; cursor: pointer; color: #000000; }
table#floorplan_meta_table tr td span.floorplan_selector { padding: 1px 4px 1px 4px; text-align: center; color: #80B7C3; cursor: pointer; font-style: normal; }
table#floorplan_meta_table tr td span.floorplan_selectors_notselected { background-color: #FFFFFF;}
table#floorplan_meta_table tr td span.floorplan_selectors_selected { background-color: #000000; }

/***************************************************************
GOOGLE MAP
***************************************************************/
div#googlemap { position: relative; color:#000000; font-size:1.2em; line-height:18px; }
div#googlemap_link { margin: 0px; text-decoration: underline; cursor: pointer; }
div#googlemap_wrap { width: 377px; height: 500px; position: absolute; left: 160px; top: -180px; z-index: 1000; visibility: hidden; }
div#googlemap_wrap div#googlemap_top { width: 377px; height: 13px; padding: 0px; margin: 0px; }
div#googlemap_wrap div#googlemap_middle { background-color: #80b6bd;  position: relative; }
div#googlemap_wrap div#googlemap_bottom { width: 377px; height: 13px; padding: 0px; margin: 0px; }
div#googlemap_map { width: 350px; margin: auto; }
div#googlemap_map small a { display: block !important; color: #000000 !important; text-decoration: none !important; margin-top: 10px !important; margin-bottom: 10px !important; }
div#googlemap_leftarrow { position: absolute; left: -17px; top: 180px; }
div#googlemap_close { padding: 2px 14px 10px 0px; text-align: right; font-size: 12px; cursor: pointer; color: #000000; }
div#googlemap span.googlemap_selector { padding: 1px 4px 1px 4px; text-align: center; color: #80B7C3; cursor: pointer; font-style: normal; }
div#googlemap span.googlemap_selectors_notselected { background-color: #FFFFFF;}
div#googlemap span.googlemap_selectors_selected { background-color: #000000; }

/***************************************************************
FOOTER
***************************************************************/
div#footer { margin: 0px 0px 30px 0px; text-align: center; }
div#footer a { color: #918F8F; text-decoration: none; }
div#footer a:link { color: #918F8F; }
div#footer a:visited { color: #918F8F; }
div#footer a:hover { color: #918F8F; text-decoration: underline; }

/***************************************************************
GLOBAL CLASSES
************************************************************/
.bold { font-weight: bold; }
.show { display: block; }
.hide { display: none; }