body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #cccccc;
	text-decoration: none;
	text-align:left;
	background-image: url(images/ghazi_background2.jpg);
	background-repeat: no-repeat;
	border: none;
	margin:0px;
	padding:0px;
	line-height: normal;
	background-color: #000000;
}



a:link {
	text-decoration:none;
	color: #333;
}
a:visited {
	text-decoration:none;
	color: #333;
}

a:hover {
	text-decoration:none;
	color: #333;
	}



#container {
	padding: 0px;
	margin: 0px;
	width:1024px;
	height:796px;
}

li {
	text-decoration: none;
	padding-top: 8px;
	list-style-type: none;
}

p	{
	padding: 5px 0px;
	}

.logo {
	margin: 0px;
	padding: 0px;
	height: 64px;
	width: 331px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute;
	left: 294px;
	top: 42px;
}

#flash_nav {
	height: 606px;
	width: 200px;
	position: absolute;
	top: 128px;
	left: 44px;
	border:none;
	}

	

 /* home page */
.main_graph {
	position:absolute;
	left: 300px;
	top: 140px;
	margin: 0px;
	padding: 0px;
	width: 675px;
	font-style: normal;
}
	
	
	
.green_text {
	color: #669933;
}

.green_text a:link {
	color: #669933;
}

.green_text a:visited {
	color: #669933;
}
.green_text a:hover {
	color: #83bd49;
}

.green_text a:active {
	color: #669933;
}

.video {
	font-weight: bold;
	color: #c41230;
	position: relative;
	padding: 2px 0px;
	width: 525px;
}

 /* our people page */


.our_people {
	background-color: #c61c38;
	position: absolute;
	height: 545px;
	width: 615px;
	left: 300px;
	top: 140px;
	padding: 30px;
	margin: 0px;
	color:#fff;
	}
	
.our_people li {
	padding-bottom:10px;
}

.our_people_contact {
	font-size:11px;
	}

.our_people img {
	border:0px;
	}

.our_people a:link {
	color: #fff;
	border:none;
	}
	
.our_people a:visited {
	color: #fff;
	text-decoration:none;
	}
	
.our_people a:hover {
	color: #000;
	}
	
.our_people a:active {
	color: #000;
	}

.our_people_rollover{
position: relative;
border:0;
}

.our_people_rollover:hover{
background-color: transparent;
}

.our_people_rollover span{ /*CSS for enlarged image*/
position: fixed;
background-color: #c61c38;
border: 0px;
visibility: hidden;
text-decoration: none;
}

.our_people_rollover span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.our_people_rollover:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position:fixed;
top: 205px;
left: 650px;
 /*position where enlarged image should offset vertically and horizontally*/
}


.vcard_text {
	font-size:11px;
	position: relative;
	top:40px;
	color:#000;
	}


 /* existing projects pages */

.ex_projects {
	padding:0px;
	}

.existing_projects {
	background-color: #669933;
	position: absolute;
	height: 545px;
	width: 615px;
	left: 300px;
	top: 140px;
	padding: 30px;
	margin: 0px;
	
}

.existing_projects a:link {
	color: #fff;
	border:none;
	}
	
.existing_projects a:visited {
	color: #fff;
	text-decoration:none;
	}
	
.existing_projects a:hover {
	color: #000;
	}
	
.existing_projects a:active {
	color: #000;
	}
	
	
.existing_rollover{
position: relative;
border:0;
}

.existing_rollover:hover{
background-color: transparent;
}

.existing_rollover span{ /*CSS for enlarged image*/
position: fixed;
background-color: #FFF;
padding: 3px;
border: 1px;
visibility: hidden;
text-decoration: none;
}

.existing_rollover span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.existing_rollover:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position:fixed;
top: 205px;
left: 550px;
 /*position where enlarged image should offset vertically and horizontally*/
}
	


.specs_table {
	position:absolute;
	top: 225px;
	left:330px;
	height: 367px;
	width: 215px;
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
}




.next_project {
	position: absolute;
	left: 575px;
	top: 167px;
	font-size:11px;
	z-index:3;
	width: auto;
}

.next_project li {
	float: left;
	padding-right: 240px;
	}
	
.next_project a:link {
	color: #fff;
	border:none;
	}
	
.next_project a:visited {
	color: #fff;
	text-decoration:none;
	}
	
.next_project a:hover {
	color: #000;
	}
	
.next_project a:active {
	color: #000;
	}
	
	
.existing_projects_header {
	position:absolute;
	top: 167px;
	left: 330px;
	width: 400px;
	z-index:3;
	font-size:20px;
	color:#FFFFFF;
	}
	
	
.thumbs {
	position:absolute;
	top: 225px;
	left: 575px;
	width: 400px;
	height: 120px;
	}
	
.thumbs li {
	float:left;
	padding: 0px 10px 8px 0px;
	list-style-type:none;
	text-decoration: none;
	}
	
	
	.thumbs a:link {
	border:1px white;
	}
	
.thumbs a:visited {
	border:1px white;
	}
	
.thumbs a:hover {
	border:1px black;

	}
	
.thumbs a:active {
	border:1px white;
	}


.project_graph {
	position: absolute;
	left: 578px;
	top: 405px;
	color:#FFFFFF;
	font-size:11px;
	width: 360px;
	}

.project_links {
	width: 360px;
	position: relative;
	left: 0px;
	top: 20px;
	color:#FFFFFF;
	font-size:12px;
	}

.project_links li {
	padding-top: 1px;
	padding-right: 10px;
	float: left;
	width: 360px;

	}

.project_links a:link {
	color:#000;
	}
	
.project_links a:visited {
	color:#000;
	}
	
.project_links a:hover {
	color:#fff;
	}
	
.project_links a:active {
	color:#000;
	}
	

.leasing_info {
	position: relative;
	top: 20px;
	left: 0px;
	}
	
.leasing_info a:link {
	color:#000;
	}
	
.leasing_info a:visited {
	color:#000;
	}
	
.leasing_info a:hover {
	color:#fff;
	}
	
.leasing_info a:active {
	color:#000;
	}
	

	
 /* future projects pages */

.future_projects {
	background-color: #ff9900;
	position: absolute;
	height: 545px;
	width: 615px;
	left: 300px;
	top: 140px;
	padding: 30px;
	margin: 0px;
	}

.future_projects a:link {
	color: #fff;
	border:none;
	}
	
.future_projects a:visited {
	color: #fff;
	text-decoration:none;
	}
	
.future_projects a:hover {
	color: #000;
	}
	
.future_projects a:active {
	color: #000;
	}

/* news page */

.news {
	background-color: #996633;
	position: absolute;
	height: 545px;
	width: 615px;
	left: 300px;
	top: 140px;
	padding: 30px;
	margin: 0px;
	color:#fff;
	}

.news a:link {
	color: #fff;
	border:none;
	}
	
.news a:visited {
	color: #fff;
	text-decoration:none;
	}
	
.news a:hover {
	color: #000;
	}
	
.news a:active {
	color: #000;
	}

.news_arch_link {
	position: absolute;
	width: 608px;
	height: 18px;
	left: 30px;
	top: 555px;
	font-size: 10px;
	}

/* contact us page */

.contact {
	background-color: #339999;
	position: absolute;
	height: 545px;
	width: 615px;
	left: 300px;
	top: 140px;
	padding: 30px;
	margin: 0px;
	color:#fff;
	}
	
.contact li {
	padding:0px;
		}

.contact a:link {
	color: #fff;
	border:none;
	}
	
.contact a:visited {
	color: #fff;
	text-decoration:none;
	}
	
.contact a:hover {
	color: #000;
	}
	
.contact a:active {
	color: #000;
	}
	
/* contact form */
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed white;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}


/* pulldown project list */
* {
  margin: 0;
  padding: 0;
}

form {
  margin: 0;
  padding: 0;
  font-size: 100%;
  min-width: 560px;
  max-width: 620px;
  width: 590px;
}

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

form fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 5px;
}

label {
  font-size: 100%;
}

label u {
  font-style: normal;
  text-decoration: underline;
}

input, select, textarea {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

textarea {
  overflow: auto;
}



.form_table {
	position: absolute;
	top: 175px;
	left: 100px;
	border:none;
	}



/* global stuff*/

hr.grey {border: none 0; 
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #cccccc;
	width: 675px;
	height: 2px;
	margin: 18px auto 0 0;
	text-align: left;
	}	
	
	
hr.white {
	border: none 0; 
	border-bottom: 1px dashed #fff;
	width: 600px;
	height: 2px;
	margin: 0px;
	text-align: left;
	}
	
hr.green {
	border: none 0; 
	border-bottom: 1px dashed #99cc66;
	width: 600px;
	height: 2px;
	margin: 0px;
	text-align: left;
	padding: 5px;
	}
	
	hr.orange {
	border: none 0; 
	border-bottom: 1px dashed #cc6600;
	width: 600px;
	height: 2px;
	margin: 0px;
	text-align: left;
	padding: 5px;
	}

	
.dashed_line {
	top: 465px;
	left: 330px;
	position: absolute;
	}	
	
.building_text {
	background-image: url(images/building_text2.jpg);
	background-repeat: no-repeat;
	position: absolute;
	height: 24px;
	width: 220px;
	left: 298px;
	top: 760px;
}
.copyright {
	font-size: 9px;
	height: 25px;
	width: 307px;
	position: absolute;
	left: 701px;
	top: 748px;
	color:#999999;
}

.html_nav {
	position:absolute;
	top: 816px;
	left: 303px;
	font-size:9px;
	color: #333333;
	margin:0px;
	padding:0px;
	}
	
.html_nav li {
	float: left;
	margin: 0px;
	padding-right: 10px;
	list-style-type:none;
	letter-spacing:-0.5px;
	}

	
.html_nav a:link {
	color: #333333;
}

.html_nav a:visited {
	color: #333333;
}
.html_nav a:hover {
	color: #999999;
}

.html_nav a:active {
	color: #333333;
}



/* lightbox divs */


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel_existing.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel_existing.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

.info_container {
	position: absolute;
	width: 320px;
	height: 65px;
	top: 10px;
	left: 10px;
	background: #666;
	padding: 30px;
	border-top: #c61c38 solid 8px;
	opacity:.85;
}