/****** :: Created by Nology Design :: All Rights Reserved :: ******/



/****************************** Reset ******************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img{ border:0; margin:0; padding:0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; }
li{ list-style:none; }caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
q:before,q:after{ content:''; }
abbr,acronym  {border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit; font-size:inherit; font-weight:inherit; }
input,textarea,select{ font-size:100%; }
legend{ color:#000; }
/**************************** End Reset ****************************/



/************************* General Settings ************************/

.clear { clear:both; }
h1, h2, h3, h4, h5, h6 { padding:5px 0; font-weight:bold; letter-spacing:-1px; color: #FF9900;  }
h1 { font-size:1.5em; line-height: 1.3em; }
h1#locations { color: #534544; }
h2 { font-size:1.3em; }
h3 { font-size:1.5em; line-height:1.3em; color: #000; }
p { font-size:1em; line-height:1.25em; margin-bottom: 1em; }
p.no-bottom { margin-bottom: 0; }
ul { margin:5px 10px;; padding:5px 10px; }
ul li { list-style-type: disc;   }
a { color:#5B8935; font-weight: bold; text-decoration:none; margin: 0; padding: 0; outline:none; }
a:hover { text-decoration:underline; }
b{ letter-spacing:1px; font-size: smaller; text-transform: uppercase; }
em { font-style: italic; color: #0099FF; font-weight: bold; }
.xbig { font-size: 1em; }
.big { font-size: 1.25em; }
.small { font-size: 0.9em; }
.xsmall { font-size: 0.8em; }
.left { float: left; }
.right { float: right; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.hide { display: none; }
.wide { width: 100%; }
.center { text-align: center; }

/********************** End General Settings ***********************/



/**************************** Structure ****************************/

body { 
	font-family: Palatino, Palladio, URW Palladio L, Book Antiqua, Baskerville, Bookman Old Style, Bitstream Charter, Nimbus Roman No L, Garamond, Apple Garamond, ITC Garamond Narrow, New Century Schoolbook, Century Schoolbook, Century Schoolbook L, Georgia, serif; 
	background: #A2DB8A url('../img/bg.jpg') no-repeat top center;
}

#wrap { width:1039px; margin: 0 auto; margin-bottom: 2em; }

#header { margin: 0; padding: 0; }

#page_top { background: url(../img/page_top.jpg) top left no-repeat; height: 153px; margin:0; padding:0; }

#nav-home { height: 105px; width: 98px; display: block; position: relative; left: 470px; top: 5px; }

#page_top_address { color: #FFF; text-transform: uppercase; font-size: 0.75em; font-weight: bold; letter-spacing: 2px; width: 430px; position: relative; left: 600px; top: -85px; }

#page_top_address a { color: #FFF; text-decoration: underline; }

#title { text-align: center; }

#content { background: url(../img/page_repeat.png) repeat-y; width: 949px; margin: 0 auto; padding: 0 45px 0; }

#footer { background: url(../img/page_bottom.png) left bottom no-repeat; height:118px; }

#footer p { position: relative; top: 90px; left: 575px; color: #FFF; width: 20em; font-weight:bold; }

/************************** End Structure **************************/



/************************** Home Page **************************/

.bottom-div { position: relative; margin-bottom: 0em; margin-top: 10px; }

.portfolio { width: 305px; padding-left: 10px; padding-right: 10px; }

.available-properties { width: 305px; margin-left: 10px; }

.available-properties ol { margin: 5px 0 10px; padding: 0; margin-left: 20px; color: #FF9900; font-weight: bold; }

.available-properties ol li { list-style:decimal; }

.home_top_inner_div { width: 415px; height: 240px; display: table-cell; vertical-align: middle; }

#home_top_wrap { height: 240px; }

#news-preview { width: 795px; height: 198px; background: url(../img/news_feed.png) no-repeat; position: relative; top: -7px; left: 40px; }
	
	#news-preview-list { width: 680px; overflow: hidden; padding: 0 15px; margin: 0; position: relative; left: 55px; top: 55px; }
	
	#news-preview-list li { margin: 0 0 13px; list-style-image: url(../img/news_feed_li.png); background-color: #FFF; margin-left: -15px; overflow: hidden; white-space: nowrap; position: relative; }
	
	#news-preview-list a { display: block; font-weight: normal; color: #000; padding: 0 10px; position: relative; }
	
	#news-preview-list a:hover { text-decoration: none; background-color: #ccc; }

/************************** Why Pages **************************/

.expectations { width: 600px; }

.golight { background: url(../img/whywork_golight_background.png) top left no-repeat; color: #FFF; width: 532px; height: 300px; padding: 65px 0 0 35px; }

.golight p { width: 440px; line-height: 1.45em; font-weight: bold; }

.golight-img { width: 298px; height: 200px; background: url(../img/whywork_golight.png) 50% 50% no-repeat; position: relative; top: 60px; right: 60px; }

.locations { background: url(../img/whywork_superbloc.png) top left no-repeat; color: #FFF; width: 532px; height: 300px; padding: 100px 0 0 35px; }

.locations p { width: 440px; line-height: 1.3em; font-weight: bold; }

.locations-img { width: 380px; }

.placemaking { background: url(../img/whywork_placemaking.jpg) top left no-repeat; color: #FFF; width: 532px; height: 300px; padding: 65px 0 0 35px; }

.placemaking p { width: 440px; line-height: 1.3em; font-weight: bold; }

.placemaking-img { width: 380px; }

.expectations { background: url(../img/whywork_expectations.png) top left no-repeat; color: #FFF; width: 532px; height: 300px; padding: 100px 0 0 35px; }

.expectations p { width: 440px; line-height: 1.45em; font-weight: bold; }

.expectations-img { width: 380px; }

.piecing { width: 615px; }

.piecing-img { background: url(../img/whywork_puzzle.jpg) top left no-repeat; width: 315px; height: 320px; }

.pad-left { margin-left: 8px; }

.pad-right { margin-right: 10px; }

/************************** Services Pages **************************/

.services-left { width: 460px; }

.services-right { width: 485px; }

.quotebox-border { background: url(../img/quotebox_border.png) top left no-repeat; height: 10px; width: 100%; }

.quotebox-quote { background: url(../img/quotebox_rpt.png) repeat-y; font-style: italic; font-size: 0.9em; line-height: 1.3em; padding: 10px; }

#quotebox { margin-left: 7px; margin-bottom: 1em; }

#dev-chart { display: block; height: 160px; width: 460px; text-align: center; }

/************************** Who Pages **************************/

.who-left { width: 300px; }

.who-right { width: 630px; }

h1 .h1small { color: #000; font-size: 0.8em; font-weight: normal; }

.expandable { margin-bottom: 1em; background-color: #ccc; padding: 5px; font-weight: bold; -moz-border-radius: 15px; -webkit-border-radius: 15px; }

.clicker { cursor: pointer; font-weight: bold; text-transform: uppercase; width: 100%; line-height: 1.5em;  }

#peter-portrait { background: url(../img/who_peter.jpg) 50% 50% no-repeat; height: 280px; }

#douglas-portrait { background: url(../img/who_doug.jpg) 50% 50% no-repeat; height: 280px; }

#sally-portrait { background: url(../img/who_sally.jpg) 50% 50% no-repeat; height: 280px; }

/************************** Contact Page **************************/

#contact-top { margin-left: 175px; }

#contact-map { width: 400px; }

#ContactEmailForm { width: 500px; float: left; }

.success {  }

.contact-name { margin-right: 40px; } 


	/**** Form Elements ****/
		label { color: #FF9900; text-transform: uppercase; font-size: smaller; font-weight: bold; font-style: italic; }
		
		label em { color:#990000; font-weight: bolder; }
		
		input, textarea, select { width: 92%; border: 2px solid #ccc; margin-bottom: 0.5em; padding: 0 5px; }
		
		input[type=submit] { width: 150px; background: #FFF; border-color:#ccc; color: #FF9900; text-transform: uppercase; font-size: smaller; font-weight: bold; padding: 5px; }
		
		input[type=submit]:hover { background: #CCC; cursor: pointer; }
		
		.error-message { color: #CC0000; font-weight: bold; margin-top: -0.5em; margin-bottom: 1em; }
		
/************************** News Pages **************************/

#news-index-posts { width: 700px; }

#news-index-archive { width: 225px; background: url(../img/quotebox_rpt.png) repeat-y; padding: 10px; }

#news-index-archive-links a { width: 100%; display: inline-block; margin-top: 1em; margin-bottom: 0; text-decoration: underline; }

.link-full-text { text-indent: -9000px; background: url(../img/button_more.png) no-repeat; width: 68px; height: 21px; display: inline-block;overflow: hidden;position: relative; top: 3px; }

.leader-text { margin-bottom: 1em; }

	.leader-text p { line-height: 1.6em; }

.full-text { margin-top: 1em; }

.tabs ul { }

.tabs ul li { list-style: none; }

.feed { text-align: right; }

	/**** Archive ****/
	
	.archive-title a { display: block; font-size: 1.75em; color:#5B8935; font-weight: bold; text-decoration: underline; }
	
	.archive-title a:hover {  }
	
	.archive-date { width: 100%; display: block; }
	
	.archive-link-full-text { width: 68px; height: 21px; display: inline; }
	
	.archive-link-close { display: inline; }
	
	.archive-link-open {  }
	
	.archive-expandable { display: none; margin-bottom: 1em; border: 1px solid #000; padding: 10px; }
	
	.archive-post { margin-bottom: 1em; }
	
/************************** Properties Pages **************************/
	.property { width: 100%; display: block; margin-bottom: 2em; margin-top: 1em; }
	 h4.space-heading { font-size:1.4em; color:#000; padding:0; }
	
	.property div { width: 70%; }
	
	.property div div.property-border { width: 100%; height: 10px; background: url(../img/quotebox_border.png) repeat-x; }
	
	.property div div.property-body { width: 100%; }
		.property div div.property-body img { display:none; }
	
	.property div.property-image { width: 250px; margin-right: 30px; position: relative; }
	
	.property-title { font-weight: bold; }
	
	.disclaimer { font-style:italic; font-size:0.9em; width:800px; margin:0 auto; margin-top: 2em; }
		.disclaimer p { margin: 0; }
	
	/**** Read ****/
		.read-wrap { margin-top: 1em; }
	
		.read-title { margin-bottom: 0.5em; }
		
		.read-name { font-weight: bold; }
		
		.read-property { width: 510px; }
			.read-property img { margin-right:20px; }
		
		.property-border { width: 100%; height: 10px; background: url(../img/quotebox_border.png) repeat-x; }
		
		.space { margin-bottom: 1em; }
		
		.space-body p { line-height: 1.6em; }
		
		.tenant-logo { width: 100px; float: left; text-align: center; margin: 0 10px; }
		
		#floorplans { margin-bottom: 1em; }
		
	/**** Available ****/
		.space-wrap { width: 100% !important; }
		
/* Footer Logo */

.siteBy { font-size:smaller; font-family:arial; letter-spacing:1px; line-height:28px; margin-right:3px; float:right; }
.nologyFooter { opacity:.5; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; text-decoration:none; margin-top:15px; }
a.nologyFooter { display:block; float:right; border:none; margin-right:25px; } 
a.nologyFooter:hover { opacity:1; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; }

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}
.left-caption {
    background: none repeat scroll 0 0 #FFFFFF;
    background-color: rgba(100%, 100%, 100%, 0.75);
    color: #5B8935;
    display: block;
    font-size: 24px;
    left: 0;
    line-height: 35px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.hidden { display: none}
.property-available {   color: #FF9900;}
.property-available small{font-size: smaller;}

.property-title.big {
font-size: 1.5em;
margin-bottom: 1em;
letter-spacing:-1px;
}

.spaces li {
  list-style: none;
  float: left;
  padding-right: 15px;
    margin-bottom: 10px;
}
.spaces div.property-title {
  margin-top: 6px;
  width: 185px;
  min-height: 36px;
}
.spaces li .image-wrapper {
  /*width: 185px;
  height: 135px;
  border: 2px solid #CCC;
  overflow: hidden;*/
}

div.span-available-soon {
  padding: 0;
  margin: 0;
  margin-top: 10px;
  height: 28px;
  background: url(/img/PTAllen.availablesprite.png) -9px -10px;
  text-indent: -10000px;
  overflow: hidden;
  width: 150px;
}
div.span-available-soon:hover {
  background: url(/img/PTAllen.availablesprite.png) -9px -45px;
}

div.span-available-now {
  padding: 0;
  margin: 0;
  margin-top: 10px;
  height: 25px;
  background: url(/img/PTAllen.availablesprite.png) 0px -1px;
  text-indent: -10000px;
  overflow: hidden;
  width: 150px;
}

div.span-available-now:hover {
  background: url(/img/PTAllen.availablesprite.png) 0px -25px;
}
.print-link {
  float: right;
  font-size: .5em;
}
.gallery-img { 
  text-align:center;
  border: none;
}