* { padding: 0; margin: 0; }

html,body {height:100%;}

body {
 background-image: url(../images/header_back.jpg);
 background-repeat:repeat-x;
 background-position: 0px 5px;
 margin-top:-15px;
}


#wrapper {
 position: relative;
 min-height:100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto -63px; /* the bottom margin is the negative value of the footer's height */
 width: 960px;
}


#header {
 position:relative;
 background-image:url(../images/header.jpg);
 background-repeat:no-repeat;
 margin-right:auto;
 width: 902px;
 height:170px;
 margin-top: 20px;
}
#leftcolumn { 

 float: left;
 color: #333;
 margin-left:10px;
margin-top:10px;
 padding: 0px;
 width: 230px;
 
}
#rightcolumn { 

 float: left;
 color: #333;
 padding: 0px;
 width: 710px;
 margin-top:-15px;
}

#rightcolumn2{ 
 float: left;
 color: #333;
 padding: 0px;
 width: 710px;
 margin-top:-155px;
 margin-left:10px;
}

div.place_holder {
 background-image:url(../images/place_holder.png);
 background-repeat:no-repeat;
 width:710px;
 height:390px;
 margin-left:25px;
 margin-top:8px;
}

div.place_holder2 {
 background-image:url(../images/placeholder2.png);
 background-repeat:no-repeat;
 width:710px;
 height:635px;
 margin-left:25px;
 margin-top:10px;
}

div.place_holder3 {
 background-image:url(../images/place_holder.png);
 background-repeat:no-repeat;
 background-position:0px 0px;
 width:710px;
 height:358px;
 margin-left:25px;
 margin-top:8px;
}

div.place_holder4 {
 background-image:url(../images/place_holder4.png);
 background-repeat:no-repeat;
 width:710px;
 height:840px;
 margin-left:25px;
 margin-top:10px;
}

div.place_holder5 {
 background-image:url(../images/place_holder5.png);
 background-repeat:no-repeat;
 background-position:0.5px 7px;
 width:710px;
 height:520px;
 margin-left:25px;
}

.logo {
 float:left;
 padding:15px;
}


#flash_anim {
 padding-top:21px;
 padding-left:49px;
}

#flash_anim2 {
 padding-top:27px;
 padding-left:49px;
}


div#cont {
 float:left;
 margin-left:70px;
 padding-left:5px;
 padding-right:20px;
 border-left:1px solid #a2a2a2;
 border-right:1px solid #a2a2a2;
}

#transport{
 margin-left:50px;
 width:700px;
}


#floatl {
float:left;
width:690px;
padding-left:20px;
padding-top:30px;
}

.floatlback1 {
 background-image:url(../images/transport_back1.png);
 background-repeat:no-repeat;
 height:145px;
 background-position: 0px 0px;
}

.floatlback2 {
 background-image:url(../images/transport_back2.png);
 background-repeat:no-repeat;
 height:310px;
 background-position: 0px 10px;
}

#floatl  ul{
 font-family:Arial,sans-serif;
 font-size:0.8em;
 color:#252c2d;
 line-height:1.2em;
 list-style-type:none;
}

ul.floatleft {
 float:left;
  font-family:Arial,sans-serif;
 font-size:0.8em;
 list-style-type:none;
 padding-left:30px;
}


#comingsoon{
 width:700px;
 padding-top:50px;
 text-align: center;
 font-family:arial,sans-serif;
}


#comingsoon a.downloadpdf {
 margin-left:160px;
}

img.brochure{
margin-left:-30px;
}

.future_phases{
 background-image: url(../images/future_phase_back.jpg);
 background-repeat: no-repeat;
  background-position: 62px -14px;
}

div.title {
margin-left:50px;
margin-top:20px;
}


h2 {
 font-size:30px;
 margin-bottom:-20px
}

h2,h3,.main_text ,table.offices{
 font-family:Arial,sans-serif;
 margin-left:50px;
 margin-top:10px;
}

h3,.green{
 color:#45701A;
}

h3 {
font-size:22px;
margin-bottom:-20px;
}

.main_text {
 font-family:Arial,sans-serif;
 font-size:0.8em;
}

ul.main_text  {
 font-family:Arial,sans-serif;
 font-size:0.8em;
 padding-left:50px;
}

ul.main_text  li{
 list-style-type:none;
 padding-left:20px;
}

#floorplate img{
 float:left;
 padding-left:20px;
}


table.offices {
 width:600px;
 height:111px;
}




table.offices2 td {
 padding:10px;
}


caption{
 margin-bottom:-20px;
 margin-top:20px;
 font-weight:bold;
 }
 
 #slider {
    width: 620px;
    margin: 0 auto;
    position: relative;
}


.scroll {
    height: 250px;
    width: 700px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 210px;
    width: 580px;
}


ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
	font-size:0.8em;
    margin-right: 5px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a:active {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		

		
		img { border: 0 }
		
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 15px;
			
		}
		


		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			
			position: relative;
			overflow: hidden; 
			margin-left: 50px;
			width: 630px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: auto;
			clear: both;
		}

		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 690px; /* Also specified in  .stripViewer  above */
		}
		
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;

		}
		
		.wrapper {
		width:92%;
		margin-left:-30px;
		}

		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin-left:87px;

		}
		
		.stripNav ul { /* The auto-generated set of links */
		    font-family:arial,sans-serif;
			list-style: none;
			width:680px;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			display:block;
			font-size: 0.7em;
			font-weight: bold;
			line-height: 31px;
			color: #ffffff;
			text-decoration: none;
			padding: 0 5px;
		}
	
		
		.stripNav li a:hover {
			background-color:#949495;			
		}
		
		.stripNav li a.current {
			background: #9fc46b;
			color:#fff;	
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			text-indent: -9000em;
		}
	
	
a.downloadpdf {
 display:block;
 width:200px;
 height:39px;
 background-image: url(../images/downloadpdf.jpg);
 background-repeat:no-repeat;
 background-position:50px 0px;
}	

a.downloadpdf:hover {
 background-position:50px -41px;
}

div.floorplans {
  width:250px;
  margin-left:auto;
  margin-right:auto;
}


.floorplans table{

 margin-left:-40px;
 margin-top:30px;
}

	
#map_legend {
padding-left: 65px;
padding-top: 10px;
}

#map_legend p {
font-size:0.7em;
}	

.padd{padding-right: 20px;}	
.paddl{padding-left: 30px;}
	
p.normal{
 font-family:Arial,sans-serif;
 font-size:0.8em;
 color:#252c2d;
 line-height:1.2em;
 max-width:650px;
}

p.medium{
 font-family:Arial,sans-serif;
 font-size:0.9em;
 color:#252c2d;
 line-height:1.1em;
 font-weight:bold;
 max-width:650px;
}

p.medium a{
 color:#45701A;
 text-decoration:none;
}

p.important {
 font-family:Arial,sans-serif;
 font-size:1.1em;
 font-weight:bold;
 color:#252c2d;
 line-height:0.9em;
} 

p.important2 {
 font-family:Arial,sans-serif;
 font-size:1.1em;
 font-weight:bold;
 color:#45701A;
 line-height:0.9em;
} 

p.stupidIE {
 margin-left:0px;
}

.small {
 font-size:0.7em;
 line-height: 0.2em;
 color:#626262;
 font-weight:bold;
}

a.link {
 color:#7ca148;
 font-size:1.3em;
}

#leading_the_way p{
 margin-left:30px;
}

		
#footer { 
 position:relative;
 bottom: 0px;
 left:50%;
 margin-left:-480px;
 width: 960px;
 background-image:url(../images/footer.png);
 background-repeat:no-repeat;
 height:63px;
}


p.footer_link, p.footer_link a {
color:#000000;
 font-size:12px;
color:#ffffff;
 text-decoration:none;
 padding-left:10px;
 padding-top:4px;
 font-weight:bold;
 font-family:Arial,sans-serif;
}

.clear { 

 height:20px;
 clear:both; 
  background: none; 
}

table.floorplates {
margin-left:50px;
}