@charset "utf-8";
/* CSS Document */

/**************************************************************

LAYOUT STYLES         

**************************************************************/

html, body {
height: 100%;
margin: 0 auto;
padding: 0;
zoom: 1;
background-image: url(images/bg-facade.jpg);
background-position: center top;
background-repeat: no-repeat;
background-color: #F9F9F9;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0e0e0e;
line-height: 24px;
}

div#Entire {
width: 100%;
height: 100%;
min-height: 100%;
display: block;
margin: 0;
padding: 0;
}

div#Head {
display: block;
float: none;
clear: both;
width: 100%;
height: 121px;
margin: 0;
padding: 50px 0px 0px 0px;
}

div#OrangeBar {
display: block;
float: none;
width: 100%;
height: 67px;
margin: 0;
padding: 0;
border: 0;
background: #E5941F;
background: url(images/orangebar.gif) top left repeat-x;
position: relative;
z-index: 5;
}

div#BarContent {
display: block;
float: none;
width: 933px; /* 969-28-8 */
height: 63px;
margin: 0 auto;
padding: 2px 8px 2px 28px;
border: 0;
position: relative;
z-index: 5;
}

h1#Logo {
display: inline-block;
float: left;
width: 139px;
height: 95px;
overflow: hidden;
margin: 0px 0px 0px 0px;
top: -14px;
padding: 0;
border: 0;
position: absolute;
z-index: 15;
}

h1#Logo a {
display: block;
float: none;
width: 139px;
height: 95px;
margin: 0;
padding: 0;
border: 0;
text-indent: -13300px;
overflow: hidden;
background: url(images/logo.png) top left no-repeat; /**************** IE6 REQ */
}

/** NAVIGATION **/

ul#Nav {
display: block;
float: right;
height: 18px;
margin: 0;
padding: 27px 0px 18px 0px;
margin: 0;
border: 0;
list-style: none;
}

ul#Nav li {
display: block;
float: left;
height: 18px;
margin: 0;
padding: 0px 20px 0px 0px;
background: url(images/nav-spacer.gif) top right no-repeat;
overflow: hidden;
}

ul#Nav li a {
display: block;
height: 18px;
margin: 0;
padding: 0;
background-position: top left;
background-repeat: no-repeat;
text-indent: -300px;
overflow: hidden;
}

ul#Nav li a:hover {
background-position: 0px -18px;
}

ul#Nav li.active a {
background-position: 0px -36px;
}

/* Inidividual Nav Items */

ul#Nav li#home {
width: 34px;
}

ul#Nav li#home a {
width: 34px;
background-image: url(images/nav-home.gif);
}

ul#Nav li#our {
width: 107px;
}

ul#Nav li#our a {
width: 107px;
background-image: url(images/nav-our.gif);
}

ul#Nav li#location {
width: 60px;
}

ul#Nav li#location a {
width: 60px;
background-image: url(images/nav-location.gif);
}

ul#Nav li#facilities {
width: 64px;
}

ul#Nav li#facilities a {
width: 64px;
background-image: url(images/nav-facilities.gif);
}

ul#Nav li#links {
width: 122px;
}

ul#Nav li#links a {
width: 122px;
background-image: url(images/nav-links.gif);
}

ul#Nav li#sale {
width: 140px;
}

ul#Nav li#sale a {
width: 140px;
background-image: url(images/nav-sale.gif);
}

ul#Nav li#contact {
width: 64px;
padding: 0;
background: none;
}

ul#Nav li#contact a {
width: 64px;
background-image: url(images/nav-contact.gif);
}


/** END NAVIGATION **/

div#Neck {
display: block;
float: none;
clear: both;
width: 961px; /* 969-8 */
height: 38px; /* 54-9*/
margin: 0 auto;
padding: 7px 8px 7px 0px;
border: 0;
}

div#Torso {
display: block;
float: none;
clear: both;
width: 967px;
margin: 0 auto;
padding: 0;
border: 0;
}

div#TorsoTop {
display: block;
float: none;
clear: both;
width: 967px;
height: 3px;
margin: 0;
padding: 0;
border: 0;
background: url(images/torsotop.png) top left no-repeat; /**************** IE6 REQ */
}

div#TorsoContent {
display: block;
float: none;
clear: both;
width: 955px; /* 967-9-3 */
margin: 0;
padding: 0px 9px 0px 3px; /* Left 2 17/12/09 */
border: 0;
background-image: url(images/torsobg.png); /**************** IE6 REQ */
background-position: top left;
background-repeat: repeat-y;
overflow: hidden;
}

div#TorsoBottom {
display: block;
float: none;
clear: both;
width: 967px;
height: 11px;
margin: 0;
padding: 0;
border: 0;
background: url(images/torsobottom.png) bottom left no-repeat; /**************** IE6 REQ */
}

div#TorsoFooter {
display: block;
float: none;
clear: both;
width: 943px; /* 967-12-12 */
height: 11px;
margin: 0;
padding: 0px 12px 15px 12px;
border: 0;
}

/****** SHOWCASE STYLES ************/

div#Billboard {
display: block;
float: none;
clear: both;
width: 955px; /* 967-9-2 */
height: 454px;
margin: 0;
padding: 0px 0px 2px 0px;
border: 0px 0px 1px 0px;
border-bottom: 1px #cbd3de solid;
}

div#Billboard img {
border: 0;
width: 955px;
height: 454px;
}

div#Showcase {
display: block;
float: none;
clear: both;
width: 955px; /* 967-9-2 */
height: 457px;
margin: 0;
padding: 0px;
border: 0;
}


/** Stacked list of items on side **/
div#Showcase div#List {
display: block;
clear: both;
float: none;
margin: 0;
padding: 0;
width: 291px;
height: 457px;
overflow: visible;
position: absolute;
}

/** Individual item in stacked list **/
div#Showcase div#List div {
display: inline-block;
clear: both;
float: none;
margin: -1px 0px 0px 0px;
padding: 0;
width: 291px;
/* height: 115px;
line-height: 115px;
*/
background-color: #f0f0f0;
position: relative;
z-index: 10;
background-repeat: no-repeat;
background-position: left -115px;
}

/** link inside individual item */
div#Showcase div#List div a.ShowcaseListItem {
display: block;
width: 245px; /* 291-46*/
height: 97px; /* 115-25 */
padding: 18px 25px 0px 21px;
text-decoration: none;
margin: 0;
border: 0;
line-height: 97px;
overflow: hidden;
}

div#Showcase div#List div a.ShowcaseListItem:hover {
text-decoration: none;
}
/*
/** on hover over individual item, activate it **/
/*div#Showcase div#List div:hover { *//* removed div#Showcase ul:hover li.active:hover */

/*
background-position: top left;
z-index: 30; */
/* overflow: visible;
}

*/


div#Showcase div#List div#First {
background-image: url(images/li01.jpg);
margin: 0px 0px 0px 0px; /* -4px bottom */
}

div#Showcase div#List div#Second {
background-image: url(images/li02.jpg);
}

div#Showcase div#List div#Third{
background-image: url(images/li03.jpg);
}

div#Showcase div#List div#Fourth {
background-image: url(images/li04.jpg);
}

/** on hover over individual item, activate it **/
div#Showcase div#List div:hover {
background-position: top left !important;
z-index: 30;
}

/** Full sized content of each showcase item **/
div#Showcase div#List div div, div#Showcase div#List div div.inactive {
display: none;
position: absolute;
top: 0px;
left: 291px;
width: 664px;
height: 457px;
padding: 0;
margin: 0;
background-position: left top;
background-repeat: no-repeat;
}

div#Showcase div#List div#First div {
background-image: url(images/flin.jpg);
}

div#Showcase div#List div#Second div {
background-image: url(images/tram.jpg);
top: -114px;
}

div#Showcase div#List div#Third div {
background-image: url(images/tram.jpg);
top: -228px;
}

div#Showcase div#List div#Fourth div {
background-image: url(images/students.jpg);
top: -342px;
}

/** Active showcase list item **/
div#Showcase div#List div.active {
background-position: top left;
z-index: 30;
}

/** Full sized content inside active showcase item **/
div#Showcase div#List div.active div {
display: block; /*block*/
}

div#Showcase div#List div.inactive div {
display: none; /*block*/
}

/** Full sized content inside hovered showcase item **/
div#Showcase div#List div:hover div {
display: block; /**/
}

/** individual showcase list items when other item is hovered **/
div#Showcase div#List:hover div, div#Showcase div#List div.inactive {
background-position: left -115px;
/* overflow: hidden; */
}

/**show case item content when other items hovered **/
div#Showcase div#List:hover div div {
background-position: left top;
display: none;
}

/** Full sized content inside hovered showcase item **/
div#Showcase div#List div:hover div {
display: block; /**/
}

/****** END SHOWCASE STYLES ***********/

div#BodyHolder {
display: block;
float: none;
clear: both;
width: 955px; /* 967-9-2 */
margin: 0;
padding: 43px 0px 0px 0px;
border: 0;
}

div.BodyNormal, div.BodyBlue {
display: block;
float: none;
clear: both;
width: 863px; /* 956 - 54-38 */
margin: 0;
overflow: hidden;
}

div.BodyNormal {
padding: 6px 54px 25px 38px;
background: #f0f0f0;
}

div.BodyBlue {
background-color: #A2B1C2;
padding: 23px 54px 25px 38px;
/* height: 123px; */
}

div.BodyLeftCol {
display: block;
float: left;
width: 206px;
min-height: 100px;
margin: 0;
padding: 0px 0px 0px 0px;
text-align: right;
}

#MapPage div.BodyNormal {
padding: 6px 15px 25px 38px;
width: 902px;
}

div.BodyRightCol, div.BodyRightColMap {
display: block;
float: left;
width: 543px;
min-height: 100px;
margin: 0;
padding: 0px 0px 0px 57px;
}

#MapPage div.BodyRightCol {
width: 628px;
}

div.BodyNormal div.BodyRightCol {
background: url(images/bodyrightcol.gif) top left repeat-y;
}

div.BodyBlue div.BodyRightCol {
background: url(images/bodybluerightcol.gif) top left repeat-y;
}

div.BodyLeftCol ul {
display: block;
clear: both;
margin: 0;
padding: 0;
float: right;
list-style: none;
}

div.BodyLeftCol ul li {
display: block;
float: none;
margin: 0px 0px 3px 0px;
padding: 0px 16px 0px 0px;
background: url(images/bodyrightli.gif) right 7px no-repeat;
}

div.BodyLeftCol ul li a {
color: #395066;
}

div.BodyLeftCol ul li.active a {
font-weight: bold;
}

/**************************************************************

TEXT & FORMATTING STYLES         

**************************************************************/

h1 {
display: block;
font-weight: normal;
text-decoration: none;
font-style: normal;
}

h2 {
display: block;
font-weight: normal;
text-decoration: none;
font-style: normal;
color: #000000;
font-size: 21px;
margin: 0px 0px 20px 0px;
}

div.BodyBlue h2, div.BodyBlue p, div.BodyBlue {
color: #ffffff;
}


div.BodyBlue a:link, div.BodyBlue a:visited, div.BodyBlue a:active, div.BodyBlue a:hover {
color: #8a5723;
}

div.Gallery {
display: block;
padding: 13px 0px 0px 0px;
width: 635px;
}

h3 {}

p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0e0e0e;
line-height: 24px;
margin: 0px 0px 22px 0px;
}

a:link, a:visited, a:active, a:hover {
color: #c5701a;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}


div#Showcase div#List div a.ShowcaseListItem span {
display: block;
text-indent: -500px;
width: 30px;
height: 30px;
overflow: hidden;
position: absolute;
top: -3000px;
left: -3000px;
}

div#Showcase div#List div a.ShowcaseListItem span {
display: block;
width: 30px;
height: 30px;
overflow: hidden;
position: absolute;
top: -3000px;
left: -3000px;
}

/* White strip behind showcase caption **/
div#Showcase div#List div div a.Caption {
display: block;
position: absolute;
top: 390px;
left: 0;
text-align: right;
width: 644px;
padding: 0px 20px 0px 0px;
height: 64px;
background: url(images/showcasecaptionbg.png) top left no-repeat; /* #ecf0f3 */
text-decoration: none;
}

div#Showcase div#List div div a.Caption:hover {
text-decoration: none;
}

div#Showcase div#List div div a.Caption span.Heading, p.ShowcaseItemHeading {
font-family: Arial, Helvetica, sans-serif;
line-height: 24px;
margin: 6px 0px 3px 0px;
display: block;
font-weight: normal;
text-decoration: none;
font-style: normal;
font-size: 18px;
color: #4d5b6c;

}

div#Showcase div#List div div a.Caption span.Text, p.ShowcaseItemCaption {
color: #343434;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
line-height: 24px;
}

div#TorsoFooter span.FooterLink {
display: block;
clear: both;
float: right;
font-size: 10px;
color: #000000;
margin-bottom: 5px;
}

div#TorsoFooter span.FooterLink a {
color: #5c748c;
text-transform: uppercase;
margin: 0px 1px 0px 1px;
padding: 0px 0px 0px 0px;
}

div#TorsoFooter span.Trademark {
display: block;
clear: both;
float: right;
font-size: 11px;
}


/**************************************************************

BUTTONS AND OTHER MISC ITEMS    

**************************************************************/

img, a img {
border: 0;
}

a.ApplyNow {
display: block;
float: right;
width: 123px;
height: 38px;
margin: 0;
padding: 0;
border: 0;
}

a.ApplyNow img {
display: block;
float: none;
width: 123px;
height: 38px;
margin: 0;
padding: 0;
border: 0;
background-position: top left;
background-repeat: no-repeat;
background-image: url(images/applynow.png);
}

a.ActionButton {
display: inline-block;
padding: 0px 0px 8px 0px;
margin: -3px 0px 0px 0px;
}

div.Gallery a {
display: inline-block;
padding: 3px;
border: 1px #C9D1DA solid;
margin: 0px 23px 13px 0px;
}

div.Gallery a:hover {
border: 1px #F9F9F9 solid;
}

div.Gallery a img {
width: 122px;
height: 86px;
margin: 0;
padding: 0;
}

div.spacer {
clear: both;
width: 100%;
height: 0px;
position: absolute;
left: -1000px;
top: -50px;
display: block;
background-color: #7fbccf;
border: 1px solid #FFFF00; 
}

div.clear {
clear: both;
}

/* Maps Stuff */

div.map div.HFBox {
	height: 90px;
}

div.map {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0e0e0e;
line-height: 16px;
}

div.map span {
display: block;
font-family: Arial, Helvetica, sans-serif;
color: #0e0e0e;
}

div.map span.directions {
font-size: 10px;
margin: 0px 0px 8px 0px;
}

div.map span.directions a {
margin: 0px 3px 0px 3px;
}

div.map div.POIDetails {
display: block;
width: 215px;
height: 125px;
overflow: hidden;
background-color: #FFF;
}

div.map div.POIDetails span {
display: block;
font-family: Arial, Helvetica, sans-serif;
color: #0e0e0e;
}

div.map div.POIDetails span.h {
font-size: 12px;
line-height: 16px;
margin: 0px 0px 2px 0px;
}

div.map div.POIDetails span.footmini {
display: block;
background: url(images/maps/foot-mini.gif) top left no-repeat;
padding: 0px 0px 0px 20px;
line-height: 16px;
vertical-align: middle;
margin: 10px 0px 0px 0px;
}

div.map div.POIDetails span.carmini {
display: block;
background: url(images/maps/car-mini.gif) top left no-repeat;
padding: 0px 0px 0px 20px;
line-height: 16px;
vertical-align: middle;
margin: 0px 0px 0px 0px;
}

div.MapFloatRight {
	display: block;
	float: right;
}

div.MapFloatLeft {
	display: block;
	float: left;
}

/*
div.map div.box {
	height: 135px;
}
*/

/**Directions Table **/

ul.POITable {
	display: block;
	float: none;
	margin: 15px 0px 30px 0px;
	padding: 0px;
	border: 0;
	list-style: none;
	background:url(images/POITable.gif) top left repeat;
	width: 425px;
	overflow: hidden;
	}
	
ul.POITable:hover {
	display: block;
	float: none;
	margin: 15px 0px 30px 0px;
	padding: 0px;
	border: 0;
	list-style: none;
	background:url(images/POITable.gif) top left repeat;
	width: 425px;
	overflow: hidden;
}

ul.POITable li {
display: block;
float: none;
margin: 0;
padding: 6px 5px 4px 5px;
list-style: none;
height: 32px;
width: 415px;
background-color: transparent;
}

ul.POITable li:hover {
background-color: #d3dae4;
display: block;
float: none;
margin: 0;
padding: 6px 5px 4px 5px;
list-style: none;
height: 32px;
width: 415px;
}

ul.POITable li div {
display: inline-block;
float: left;
margin: 0;
padding: 0;
border: 0;
height: 32px;
line-height: 32px;
vertical-align: middle;
}

ul.POITable li div.POIText {
width: 215px;
}

ul.POITable li div.POIActions {
width: 200px;
}

ul.POITable li div.POIText p.h {
margin: 0px 0px 3px 0px;
line-height: 12px;
font-weight: bold;
}

ul.POITable li div.POIText p.add {
margin: 0px 0px 0px 0px;
line-height: 12px;
font-size: 11px;
}

ul.POITable li div.POIActions a.icon {
	display: inline-block;
	float: left;
	height: 30px;
	margin: 0px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-indent: -500px;
	overflow: hidden;
	font-size: 11px;
	width: 32px;
}


#target {
	background:url(images/icon-target.png) top left no-repeat;
}

#foot {
	background:url(images/icon-foot.png) top left no-repeat;
}

#car {
	background:url(images/icon-car.png) top left no-repeat;
}

#train {
	background:url(images/icon-train.png) top left no-repeat;
}

span.icon {
	display: inline-block;
	float: left;
	height: 29px;
	margin: 0px 22px 0px 0px;
	padding: 1px 0px 0px 38px;
	overflow: hidden;
	font-size: 11px;
	line-height: 13px;
	/*width: 85px;*/
	vertical-align: middle;
}

span#target {
/*width: 60px;*/
}

span#foot {
/*width: 65px;*/
}

span#car {
/*width: 65px;*/
}

span#train {
/*width: 85px;*/
}
/**************************************************************

FORMS       

**************************************************************/

form {
display: block;
}

form fieldset {
clear: both;
float: none;
display: block;
margin: 0;
padding: 0;
border: 0;
}

fieldset#Contact {
padding: 0px 0px 30px 0px;	
}

form ul {
clear: both;
float: none;
display: block;
margin: 0;
padding: 0;
list-style: none;
}

form ul li {
clear: both;
float: none;
display: block;
margin: 0;
padding: 0;
list-style: none;
height: 36px;
}

form ul li.Area {
height: 120px;
}

form label {
clear: both;
float: left;
display: block;
margin: 0px 10px 10px 0px;
padding: 0;
width: 120px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #0e0e0e;
height: 23px;
line-height: 23px;
vertical-align: middle;
}

form ul li.Sec {
display: block;
float: left;
height: 1px;
margin: 0px;
padding: 0px;
overflow: hidden;
}

form ul li.Sec label, form ul li.Sec input {
position: absolute;
top: -3000px;
left: -3000px;
z-index: 0;
}

input.Text {
color: #656565;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
border: 1px #c4c5c5 solid;
height: 18px;
padding: 2px 2px 1px 2px;
display: block;
width: 162px;
margin: 0;
}

textarea.TextArea {
color: #656565;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
border: 1px #c4c5c5 solid;
height: 100px;
padding: 2px 2px 1px 2px;
display: block;
width: 330px;
margin: 0;
}

form select {
display: block;
float: left;
height: 24px;
line-height: 24px;
border: 1px #c4c5c5 solid;
}

form select#Day, form select#Tenants {
width: 42px;
margin-right: 8px;
}

form select#Month {
width: 53px;
margin-right: 8px;
}

form select#Year {
width: 57px;
}

form input.Radio {
float: left;
display: block;
margin: 0px 1px 0px 0px;
padding: 0;
height: 23px;
line-height: 23px;
vertical-align: middle;
 }

form ul li span {
float: left;
display: block;
margin: 0px 13px 10px 0px;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #0e0e0e;
height: 23px;
line-height: 23px;
vertical-align: middle;
}

form input#SubmitApp {
margin: 20px 0px 0px 0px;
}

p.Error {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #990000;
line-height: 24px;
margin: 0px 0px 22px 0px;
font-weight: bold;
}

p.Success {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #006600;
line-height: 24px;
margin: 0px 0px 22px 0px;
font-weight: bold;
}