/* 
Theme Name: Chase Bank Tower
Theme URI: http://chasebanktower.com
Description: 2010 Redesign for the Chase Tower.
Version: 1.0
Author: Crane | West
Author URL: http://crane-west.com
*/

@font-face {
  font-family: 'HelveticaNeue';
  src: url('../fonts/HelveticaNeueLTStd-Lt.eot');
  src: local('HelveticaNeue Light'), local('HelveticaNeue'), 
         url('../fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype');
}

@font-face {
  font-family: 'HelveticaNeueRoman';
  src: url('../fonts/HelveticaNeueLTStd-Roman.eot');
  src: local('HelveticaNeue Roman'), local('HelveticaNeueRoman'), 
         url('../fonts/HelveticaNeueLTStd-Roman.ttf') format('truetype');
}

body {
	background: #333 url(../images/body-bg.jpg) no-repeat top center;
	font: 80% "HelveticaNeueRoman", Verdana, Arial, sans-serif;
	color: #333;
	text-align: left;
}

header, footer, section, article, aside, nav {
	display: block;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#wrapper-inner {
	background: #fff url(../images/content-bg.jpg) no-repeat 0 0;
	padding: 30px 45px;
}

/* @group header */

header {
	
}

a#logo:link, a#logo:active, a#logo:visited {
	background: url(../images/logo.png) no-repeat 0 0;
	display: block;
	width: 305px;
	height: 163px;
	text-indent: -99999px;
	margin: 30px 0 0;
}

nav {
	background: url(../images/nav-bg.jpg) no-repeat 0 0;
	width: 960px;
	height: 62px;
	margin: 157px 0 0;
	color: #fff;
	font-size: 22px;
	font-family: HelveticaNeueRoman, sans-serif;
}

nav a:link, nav a:active, nav a:visited {
	color: #fff;
	text-decoration: none;
}

nav a:hover, nav a.current {
	padding: 0 0 6px;
	border-bottom: 5px solid #fff;
}

nav ul {
	margin: 0 0 0 50px;
	list-style: none;
}

nav ul li {
	float: left;
	list-style: none;
	margin: 21px 75px 0 0;
}

/* @end */

/* @group aside */

aside {
	float: left;
	display: inline;
	width: 390px;
	margin: 0 30px 0 0;
	padding: 0 0 300px;
}

aside a:link, aside a:active, aside a:visited {
	color: #e4832a;
	text-decoration: none;
}

aside a:hover {
	text-decoration: underline;
}

aside section {
	margin: 0 0 15px;
}

aside .features ul {
	list-style: disc inside;
	font-size: 28px;
}

aside .features ul li {
	margin: 0 0 8px;
}

/* @end */

/* @group content */

#content {
	float: left;
	display: inline;
	width: 450px;
	font-family: HelveticaNeue, sans-serif;
}

.content a:link, .content a:active, .content a:visited {
	color: #e4832a;
	text-decoration: none;
}

.content a:hover {
	text-decoration: underline;
}

.content h2 {
	margin-bottom: 8px;
	font-size: 40px;
	color: #012d55;
}

.content h2 a:link, .content h2 a:visited, .content h2 a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

.content h2 a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.content h3 {
	margin: 0 0 8px;
	font-size: 33px;
	font-weight: bold;
	color: #;
}

.content h3 a:link, .content h3 a:visited, .content h3 a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

.content h3 a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.content h4 {
	margin: 0 0 8px;
	font-size: 30px;
	font-weight: bold;
	color: #;
}

.content h4 a:link, .content h4 a:visited, .content h4 a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

.content h4 a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.content h5 {
	margin: 0 0 8px;
	font-size: 25px;
	font-weight: bold;
	color: #;
}

.content h5 a:link, .content h5 a:visited, .content h5 a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

.content h5 a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.content h6 {
	margin: 0 0 8px;
	font-size: 20px;
	font-weight: bold;
	color: #;
}

.content h6 a:link, .content h6 a:visited, .content h6 a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

.content h6 a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.content p, .content blockquote {
	margin-bottom: 1.8em;
	font-size: 14px;
	line-height: 1.4em;
}

.content p a:link, .content p a:visited, .content p a:active, .content li a:link, .content li a:visited, .content li a:active {
	color: #;
	text-decoration: none;
	border-bottom: 1px solid #;
}

.content p a:hover, .content li a:hover {
	color: #;
	border-bottom: 1px solid #;
}

.content ul {
	margin: 0 0 15px 30px;
}

.content ul li {
	list-style-type: square;
}

.content ol {
	margin: 0 0 15px 30px;
	list-style-type: decimal;
}

.content ol li {
	list-style-type: decimal;
}

.content li {
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 1.4em;
}

.content blockquote {
	padding: 0 15px;
	font-style: italic;
}

.content img {
	display: block;
	padding: 10px;
	background: #;
	border: 0;
}

.content img.alignleft {
	float: left;
	display: inline;
	margin: 5px 15px 10px 0;
}

.content img[align $='left'] {
	float: left;
	display: inline;
	margin: 5px 15px 10px 0;
}

.content img.alignright {
	float: right;
	display: inline;
	margin: 5px 0 10px 15px;
}

.content img[align $='right'] {
	float: right;
	display: inline;
	margin: 5px 0 10px 15px;
}

.leasingMore {
	font-size: 25px;
}

#promoOne, #promoTwo {
	float: left;
	display: inline;
	width: 209px;
	margin: 0 0 15px;
	padding: 0;
}

#promoOne img, #promoTwo img {
	padding: 0;
}

#promoTwo {
	float: right;
}

/* @end */

/* @group slider */

#slideshow {
	position: relative;
	width: 435px;
	height: 253px;
	margin: 20px 0;
	padding: 1px;
	border: 1px solid #333;
}
#slideshow #slideshowTitle {
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	width: 414px;
	margin: 2px;
	color: #FFF;
	padding: 10px;
	font-size: 15px;
	z-index: 3;
}
#slideshow img {
	padding: 0;
}
#slideshow img.top, #slideshow img .bottom {
	position: absolute;
}
#slideshow img .top {
	z-index: 2;
}
#slideshow img .bottom {
	z-index: 1;
}

/* @end */

/* @group forms */

#contactForm {
	margin: 0 0 0 70px;
	width: 380px;
}

#contactForm span {
	position: relative;
	display: block;
	clear: both;
}

#contactForm label {
	font-size: 16px;
	display: block;

}

#contactForm input {
	border: 1px solid #666;
	padding: 8px 10px;
	font-size: 16px;
	width: 300px;
	margin: 0 0 20px;
}

#contactForm input:hover, #contactForm input:focus {
	border: 1px solid #e4832a;
}

#contactForm textarea {
	border: 1px solid #666;
	padding: 8px 10px;
	font-size: 16px;
	width: 300px;
	height: 175px;
	margin: 0 0 20px;
}

input#submit {
	width: 46px;
	padding: 4px 6px;
	font-size: 14px;
	background: #e4832a;
	color: #555;
}

input#submit:hover {
	border: 1px solid #333;
	color: #333;
}

/* @end */

/* @group footer */

footer {
	position: relative;
	color: #999;
	font-family: verdana, sans-serif;
}

footer p {
	margin: 60px 0 0 375px;
	float: left;
}

#chase-tower {
	background: url(../images/chase-tower-alt.png) no-repeat 0 0;
	width: 367px;
	height: 431px;
	position: absolute;
	top: -300px;
	left: -25px;
}

a#crane-west:link, a#crane-west:active, a#crane-west:visited {
	background: url(../images/cranewest-logo.jpg) no-repeat 0 0;
	display: block;
	width: 174px;
	height: 42px;
	text-indent: -99999px;
	float: right;
	margin: 43px 0 0;
}

/* @end */

/* @group  misc */

.clear {
	clear: both;
	height: 0;
}

/* @end */