/* Reset in typography.css */

/* Base Styles */
html {overflow:auto}
body {margin:0; padding:0; background-color:#282c33}

html.ccm-toolbar-visible > body {
  margin-top: 50px;
}

/* Header */
#container {width:960px; margin:0 auto; background:#fff; border-left:1px solid #444; border-right:1px solid #444}
#header{height:100px; background:#006db6 !important; position:relative; overflow:hidden}
#logo {position:absolute; left:20px; top:20px}
#logo2 {position:absolute; left:20px; top:20px}

/* Nav */
#nav {height:36px; background:#63666a; border-top:1px solid #3A6792; border-bottom:1px solid #ddd; overflow:hidden}
#nav ul{float:left; list-style:none; margin:0 0 0 12px; padding:10px 0}
#nav li{list-style:none; display:block; float:left; margin:0; padding:0}
#nav li a{
	display:block;
	float:left;
	color:#ddd;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	text-decoration:none;
	padding:0 12px;
	border-left:1px solid #337497;
	text-transform:uppercase;
	outline:none;
}
#nav li a.first, #nav li a.first:hover {border-left-width:0}
#nav li a img {float:left}
#nav li a:hover, #nav li a.current{color:#fff}
#nav li a:hover.current{color:#fff}

/* Home page */
#banner {clear:both; margin:20px 0 0 0; padding-bottom:16px; background:transparent url(images/bg-banner.png) center 228px no-repeat}
#block1, #block2, #block3 {float:left; width:280px; min-height:100px; padding:0 20px; line-height:1.6}
#block2, #block3 {background:transparent url(images/gray-vert-line.gif) left 30px no-repeat}

/* Page content */
#wrapper {clear:both; width:960px; margin:0 auto}
#wrapper #content {float:left; width:960px; margin-bottom:20px; min-height:580px; background:#fff}
#home #wrapper #content {min-height:0; margin-bottom:0}
#home #wrapper #content img {display:block}
#wrapper #sidebar {overflow:hidden}
/* full width (eg home page) */
#wrapper.full-width {width:920px; padding:0 20px}
/* right-sidebar */
#wrapper.right-sidebar #content {float:left; margin-left:20px; width:620px}
#wrapper.right-sidebar #sidebar {float:right;width:280px; margin-right:20px}
/* left-sidebar */
#wrapper.left-sidebar #content {float:right; margin-right:20px; width:640px}
#wrapper.left-sidebar #sidebar {float:left; width:290px}
/* Page Title */
#page-title {clear:both; margin: 12px 0 24px 20px}
#page-title h1 {display:inline}
#page-title a {margin-left:20px; line-height:18px}

/* Footer */
#footer {clear:both; height:20px; padding:20px; font-size:12px; color:#fff !important; position:relative; background:#006db6 !important}
#footer a, #footer a:link, #footer a:visited {color:#fff !important}
.sign-in, #footer .sign-in a, #footer .sign-in a:link, #footer .sign-in a:visited {color:#fff !important}
#footer a:hover, #footer a:active {color:#fff !important}
div#poweredby {position:absolute; top:14px; right:20px; line-height:34px; color:#666; font-size:11px}
div#poweredby a {display:inline-block; width:130px; height:34px; background:url(images/poweredby.gif) 100% 0 no-repeat; text-indent:-9999px}

/* tenant-handbook */
#handbook #content {min-height:512px}
ul.nav-handbook {margin:0 0 20px 20px; padding:0; list-style:none}
ul.nav-handbook li ul {margin:0 0 5px 2px; padding:0; list-style:none; font-size:12px; font-weight:normal; line-height:18px}
ul.nav-handbook a, ul.nav-handbook a:link, ul.nav-handbook a:visited {text-decoration:none}
ul.nav-handbook li.section {margin-bottom:4px}
ul.nav-handbook a.section {display:block; margin-bottom:0; padding-left:18px; background:url(images/expand.gif) 0 3px no-repeat; font-size:14px; line-height:18px}
ul.nav-handbook a.section.open {background-image:url(images/collapse.gif)}
ul.nav-handbook li ul li a {display:block; padding-left:16px; background:url(images/menu-arrow.gif) 0 1px  no-repeat}
ul.nav-handbook li ul li a.current {color:#333; background-image:url(images/menu-arrow-selected.gif)}
ul.nav-handbook a:hover {text-decoration:underline}

/* amenities */
#amenities ul.nav {list-style:none}
#amenities ul.nav li {list-style:none}

/* Tenant Services iframe - correct top margin to pull up */
#iframe1 {margin-top:-13px}

/* message box - used on location page */
.infobox {margin:16px 0; padding:8px 35px; border:2px solid #D7E8F0; background:#F5F8FA url(images/icons/information.gif) 8px 7px no-repeat; color:#222222}