/* Reset in typography.css */

/* Base Styles */
html {overflow:auto}
html,body {margin:0; padding:0; height:100%; /* needed for container min-height */}
body {background:#2f476f}
body#home {background:#2A333E}

/*body#home {background-image:url(images/bg-body-home.jpg); background-position:top center; background-repeat:no-repeat; background-attachment:fixed}*/

/* Layout general */
#container {}
#home #container {
	width:960px; margin:0 auto;
	background:transparent url(images/bg-tinted.png) 0 0 repeat-y;
	position:relative; /* needed for footer positioning*/
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
}

#header{height:154px; position:relative; background:#2A333E; overflow:hidden}
#home #header {background:none}
div.inner {width:960px; margin:0 auto; position:relative}
#logo {position:absolute; left:30px; top:20px}
#logo2 {position:absolute; right:20px; top:0}
#logo p, #logo2 p {margin:0}
#home img {display:block}

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1280px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1280px){
	img.bg {left:50%; margin-left:-640px}
}

/* Nav */
#nav{position:absolute; top:130px; right:0}
#nav ul{
	list-style:none;
	height:24px;
	margin:0;
	padding:0;
	background:#000;
	border-top:1px solid #323E48;
	border-bottom:1px solid #000;
}
#nav li{
	list-style:none;
	display:block;
	float:left;
	padding:0;
}
#nav li a{
	display:block;
	float:left;
	color:#ddd;
	font-weight:bold;
	line-height:24px;
	text-decoration:none;
	padding:0 5px;
	border-right:1px solid #323E48;
	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; background-color:#0a99c3}
#nav li a:hover.current{color:#fff}
#nav li.nav-selected a.nav-selected {background-color:#BB152B; color:#fff}
#nav li.nav-path-selected a.nav-path-selected {background-color:#0a99c3; color:#fff}
/* Page content */
#wrapper {clear:both; width:960px; margin:0 auto}
#wrapper #tabs {width:920px; margin:0 20px 20px 20px}
#wrapper #content {float:left; width:960px; background:#002550; height:auto !important; height:580px; min-height:580px;}
#home #wrapper #content {margin:20px 0 0 20px; width:440px; background:none; overflow:hidden}
#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-left:0; margin-right:20px; width:640px}
#wrapper.left-sidebar #sidebar {float:left; width:290px}
/* Page Title */
#page-title {clear:both; margin-bottom:16px; padding:10px 20px; background:#D5E0Ed}
#page-title h1 {display:inline}
#page-title a {margin-left:20px; line-height:18px}

/* Footer */
#footer {clear:both; width:920px; margin:0 auto; padding:16px 20px; font-size:12px; color:#fff; position:relative}
#footer div.hr {display:none}
#footer a, #footer a:link, #footer a:visited {color:#999}
.sign-in {padding-left:160px}
.sign-in, #footer .sign-in a, #footer .sign-in a:link, #footer .sign-in a:visited {color:#ccc}
#footer .sign-in a:hover, #footer .sign-in a:active {color:#fff}
div#poweredby {position:absolute; top:10px; right:20px; font-size:11px; color:#fff; line-height:34px}
div#poweredby a {display:inline-block; width:130px; height:34px; background:url(images/poweredby-white.png) 100% 0 no-repeat; text-indent:-9999px}

/* Location + map over-rides */
#map {color:#333}
#map h3 {color:#333}
div.hotspot {color: #fff !important}
div.hotspot-sep {color: #ccc !important}
.gsmsc-resultsBox div.gsmsc-selected {background-color:#B07A43 !important}
.gsmsc-resultsBox .gsmsc-result-list-item .gs-street, .gsmsc-resultsBox .gsmsc-selected .gs-street {color:#ddd !important}
.gsmsc-resultsBox div.gsmsc-result-list-clear-results, .gsmsc-resultsBox a.gsmsc-result-list-more-results {color:#fff !important}
.gsmsc-resultsBox .gsmsc-result-list-item .gs-title {color:#fff !important}
.infobox {margin:16px 0; padding:8px 35px; border:2px solid #b1c4ed; background:url(images/icons/information.png) 8px 7px no-repeat; color:#ddd}

/* Gallery */
#gallery #wrapper #content {background:#3d476a}

/* Tenant Handbook */
#handbook #wrapper #content {background:none}
#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 a.section {margin-bottom:5px; padding-left:18px; background:url(images/expand.gif) 0 2px no-repeat; font-size:14px; line-height:20px}
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:#fff; background-image:url(images/menu-arrow-selected.gif)}
ul.nav-handbook a:hover {text-decoration:underline}

/* Tenant Services */
#iframe1 {margin-top:-16px}

/* Contact Us */
#contact_form {background-color:#3d476a !important; border:1px solid #b1c4ed}

/* Simple Tabs */
ul.simple-tabs {
	list-style:none;
	height:24px;
	margin:0;
	padding:0;
	border-left:1px solid #2A333E;
	border-bottom:1px solid #2A333E;
}
ul.simple-tabs li{
	list-style:none;
	display:block;
	float:left;
	padding:0;
}
ul.simple-tabs li a{
	display:block;
	float:left;
	color:#2A333E;
	font-weight:bold;
	line-height:23px;
	text-decoration:none;
	padding:0 12px;
	background-color:#787e9e;
	border-top:1px solid #2A333E;
	border-right:1px solid #2A333E;
	outline:none;
}
ul.simple-tabs li a:hover, ul.simple-tabs li a.nav-selected{color:#2a333e; background-color:#d5e0ed}
ul.simple-tabs li a img {float:left}
ul.simple-tabs li.nav-selected a:visited {background-color:#2A333e; color:#fff}

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