/* Shillito Park */
/* Style Sheet by bieszk.com */


/* Elements */

html {
	overflow-y: scroll !important;
}

body {
	background: #e7e7e7;
	color: #444;
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	font-size: 12px;
	line-height: 19px;
	margin: 0;
	padding: 0;
}

* {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4 {
	color: #333;
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

h2 {
	color: #3f8ced;
	font-size: 23px;
	line-height: 26px;
	font-weight: normal;
	padding: 8px 27px 12px 27px;
}

h3 {
	color: #777;
	font-size: 20px;
	line-height: 25px;
	font-weight: normal;
	padding: 12px 27px 6px 27px;
}

h4 {
	color: #777;
	font-size: 17px;
	line-height: 21px;
	font-weight: normal;
	padding: 12px 27px 6px 27px;
}


/* Body */

#wrap {
	width: 900px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}

#col-left {
	float: left;
	width: 595px;
	padding: 0 0 15px 0;
}

#col-right {
	float: right;
	width: 295px;
	padding: 22px 0 15px 0;
}

#col-wide {
	float: left;
	width: 890px;
	padding: 0 0 15px 0;
}


/* Header */

#header {
	width: 900px;
	height: 60px;
	background: #e7e7e7 url(../images/header.gif) left bottom no-repeat;
}

#header h1 a {
	float: left;
	width: 435px;
	height: 60px;
	margin: 0 auto;
	display: block;
	text-indent: -9999px;
	border-bottom: 0;
}

#header h1 a:hover {
	border-bottom: 0;
}


/* Banner */

#banner { 
	clear: both; 
	width: 900px; 
	height: 300px; 
	display: block; 
	text-indent: -9999px; 
	background: transparent url(../images/banner.jpg) left top no-repeat; 
}

#banner-inner { 
	clear: both; 
	width: 900px; 
	height: 135px; 
	display: block; 
	text-indent: -9999px; 
	background: transparent url(../images/banner-inner.jpg) left top no-repeat; 
}


/* Navigation */

#nav {
}

#nav ul {
	width: 900px;
	height: 54px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

#nav ul li {
	float: left;
	list-style-image: none;
	list-style-type: none;
}

#nav ul li a {
	height: 54px;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	border-bottom: 0;
}

#nav ul li a:hover {
	border-bottom: 0;
}

#nav ul li a#nav-01 { width: 99px; background: transparent url(../images/nav.gif) left top no-repeat; }
#nav ul li a#nav-02 { width: 126px; background: transparent url(../images/nav.gif) -99px top no-repeat; }
#nav ul li a#nav-03 { width: 117px; background: transparent url(../images/nav.gif) -225px top no-repeat; }
#nav ul li a#nav-04 { width: 152px; background: transparent url(../images/nav.gif) -342px top no-repeat; }
#nav ul li a#nav-05 { width: 170px; background: transparent url(../images/nav.gif) -494px top no-repeat; }
#nav ul li a#nav-06 { width: 117px; background: transparent url(../images/nav.gif) -664px top no-repeat; }
#nav ul li a#nav-07 { width: 119px; background: transparent url(../images/nav.gif) -781px top no-repeat; }

#nav ul li a:hover#nav-01 { background-position: left bottom; }
#nav ul li a:hover#nav-02 { background-position: -99px bottom; }
#nav ul li a:hover#nav-03 { background-position: -225px bottom; }
#nav ul li a:hover#nav-04 { background-position: -342px bottom; }
#nav ul li a:hover#nav-05 { background-position: -494px bottom; }
#nav ul li a:hover#nav-06 { background-position: -664px bottom; }
#nav ul li a:hover#nav-07 { background-position: -781px bottom; }

#nav ul li a#nav-01-current{ width: 99px; background: transparent url(../images/nav.gif) left bottom no-repeat; }
#nav ul li a#nav-02-current { width: 126px; background: transparent url(../images/nav.gif) -99px bottom no-repeat; }
#nav ul li a#nav-03-current { width: 117px; background: transparent url(../images/nav.gif) -225px bottom no-repeat; }
#nav ul li a#nav-04-current { width: 152px; background: transparent url(../images/nav.gif) -342px bottom no-repeat; }
#nav ul li a#nav-05-current { width: 170px; background: transparent url(../images/nav.gif) -494px bottom no-repeat; }
#nav ul li a#nav-06-current { width: 117px; background: transparent url(../images/nav.gif) -664px bottom no-repeat; }
#nav ul li a#nav-07-current { width: 119px; background: transparent url(../images/nav.gif) -781px bottom no-repeat; }


/* Content */

.aleft { text-align: left; }
.acenter { text-align: center; }
.aright { text-align: right; }

.fleft { float: left; }
.fright { float: right; }

.cboth { clear: both; }

a {
	color: #3f8ced;
	text-decoration: none;
	border-bottom: 1px dotted #3f8ced;
}

a:hover {
	color: #3f8ced;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}

a:active, a:focus {
	outline: none;
}

p {
	margin: 0;
	padding: 2px 27px 16px 27px;
}

ul {
	margin: 0;
	padding: 4px 25px 12px 65px;
	list-style-type: disc;
	list-style-image: none;
}

ul ul {
	padding: 4px 16px 0 35px;
	list-style-type: circle;
}

ol {
	margin: 0;
	padding: 4px 25px 12px 50px;
}

li {
	padding: 0 0 6px 0;
}

strong {
	color: #333;
}

.col2 {
	float: left;
	width: 290px;
}

#col-wide .col2 {
	float: left;
	width: 360px;
	padding: 0 50px 0 0;
}

#gallery-wrap {
	width: 500px; 
	margin: 5px auto 0 auto; 
	border: 0;
	text-align: center;
}


/* Headers */
/* width +27px, height +30px */

#h-home { width: 650px; height: 71px; margin: 0; padding: 0; display: block; text-indent: -9999px; background: transparent url(../images/h-home.gif) 27px 22px no-repeat; }
#h-features { width: 145px; height: 59px; margin: 0; padding: 0; display: block; text-indent: -9999px; background: transparent url(../images/h-features.gif) 27px 22px no-repeat; }
#h-gallery { width: 125px; height: 71px; margin: 0; padding: 0; display: block; text-indent: -9999px; background: transparent url(../images/h-gallery.gif) 27px 22px no-repeat; }
#h-floor-plans { width: 180px; height: 61px; margin: 0; padding: 0; display: block; text-indent: -9999px; background: transparent url(../images/h-floor-plans.gif) 27px 22px no-repeat; }
#h-apartments-rates { width: 305px; height: 69px; margin: 0; padding: 0; display: block; text-indent: -9999px; background: transparent url(../images/h-apartments-rates.gif) 27px 22px no-repeat; }
#h-neighborhood { width: 227px; height: 71px; margin: 0; padding: 0; display: block; text-indent: -9999px; background: transparent url(../images/h-neighborhood.gif) 27px 22px no-repeat; }
#h-leasing { width: 131px; height: 70px; margin: 0; padding: 0; display: block; text-indent: -9999px; background: transparent url(../images/h-leasing.gif) 27px 22px no-repeat; }
#h-contact { width: 132px; height: 59px; margin: 0; padding: 0; display: block; text-indent: -9999px; background: transparent url(../images/h-contact.gif) 27px 22px no-repeat; }

			
/* Right column pods */

#now-leasing {
	width: 250px;
	background: #e7e7e7 url(../images/pod-now-leasing.gif) left top no-repeat;
	border-bottom: 6px solid #d6d5d5;
}

#now-leasing h3 {
	height: 30px;
	font-size: 0;
	line-height: 0;
	padding: 0;
	text-indent: -9999px;
}

#now-leasing p {
	color: #666;
	margin: 0;
	padding: 8px 15px 12px 15px;
}


/* Forms */

form {
	margin: 0;
	padding: 2px 27px 16px 27px;
}

form h3 { padding: 6px 10px 12px 0; }

label {
	float: left;
	margin: 0;
	padding: 3px 0 0 0;
	line-height: 18px;
}

input {
	float: right;
	width: 175px;
	color: #555;
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	font-size: 14px;
	padding: 4px;
	margin: 0 0 10px 0;
	background: #fdfdfd;
	border: 1px solid #aaa;
}
input.long { width: 350px; }

select {
	float: right;
	width: 185px;
	color: #555;
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	font-size: 14px;
	padding: 2px;
	margin: 0 0 10px 0;
	background: #fdfdfd;
	border: 1px solid #aaa;
}

textarea {
	float: left;
	width: 226px;
	height: 75px;
	color: #555;
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	font-size: 14px;
	padding: 4px;
	margin: 0 0 10px 0;
	background: #fdfdfd;
	border: 1px solid #aaa;
}

a#next {
	float: right;
	width: 46px;
	height: 25px;
	display: block;
	border: 0;
	text-indent: -9999px;
	background: transparent url(../images/b-next.gif) left bottom no-repeat;
}

a#next:hover { background: transparent url(../images/b-next-over.gif) left bottom no-repeat; }

a#submit {
	float: right;
	width: 58px;
	height: 25px;
	display: block;
	border: 0;
	text-indent: -9999px;
	background: transparent url(../images/b-submit.gif) left bottom no-repeat;
}

a#submit:hover { background: transparent url(../images/b-submit-over.gif) left bottom no-repeat; }


/* Footer */

#footer {
  clear: both;
  width: 900px;
  margin: 0 auto;
  color: #888;
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-size: 11px;
  line-height: 19px;
}

#footer strong {
	color: #888;
}

#footer p {
  padding: 18px 27px 20px 27px;
}

#footer a {
  color: #888;
  text-decoration: none;
  border-bottom: 0;
}

#footer a:hover {
  color: #555;
  text-decoration: none;
  border-bottom: 0;
}