body, html {
	background: #000 url(../images/bg.jpg) no-repeat fixed top left;
	color: #5b5b5b;
	font: 11px Arial, sans-serif;
	line-height: 20px;
	text-align: center;
}

h2 {
	font: normal small-caps bold 11px Arial, sans-serif;
	letter-spacing: .08em;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	background: #dbdbdb;
	width: 949px;
	height: 710px;
	text-align: left;
}

.clear {
	clear: both;
}

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

.hidden {
	margin-left: -10000px;
}

body#about_page #text {
	font: 10px Arial, sans-serif;
	line-height: 17px;
}

ul.list {
	margin-top: 1em;
	margin-bottom: 1em;
}

ul.list li {
	background: url(../images/bullet-trans.png) no-repeat 0 5px;
	padding-left: 10px;
}

#text h2 {
	margin-bottom: 1em;
}

#text p {
	margin-bottom: 1em;
}

body#contact_page #text{
	line-height: 17px;
}

ol {
	list-style: decimal inside;	
	font-weight: bold;
}

body#about_page ul.list li {
	background: url(../images/about_bullet.png) no-repeat 0 4px;
	padding-left: 12px;
}

body.project_page ul.list {
	margin-top: -1em;
}

body.project_page ul.list li {
	list-style: disc outside;
	background: none;
	padding-left: 0;
	margin-left: 12px;
}

body#projects_page h2 div#project_right_column {
	margin-bottom: 1em;
}

/* --------------------------------------
  Header
  --------------------------------------- */

#header {
	background: #fff;
	width: 919px;
	height: 125px;
	position: relative;
	left: 15px;
	top: 15px;
}

#header .logo {
	margin-left: 45px;
	margin-top: 32px;
	float: left;
}

#header_contact {
	float: right;
	margin-top: 27px;
	margin-right: 53px;
}

#contact_left {
	float: left;
	margin-right: 30px;
}

#contact_right {
	float: left;
}

.tel {
	font: bold 9px Arial, sans-serif;
	color: #404041;
}

.email {
	font-weight: bold;
	background: url(../images/email-trans.png) no-repeat 0 0;
	padding-left: 20px;
}

/* --------------------------------------
  Nav
  --------------------------------------- */

#nav_tabs {
	margin-left: 58px;
	top: 9px;
	width: 349px;
	height: 22px;
	background: url(../images/nav.png);
    position: relative;
}

#nav_tabs li {
    margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	top: 0;	
}

#nav_tabs li, #nav_tabs a {
	height: 22px; 
	display: block;
}

#home {left: 0; width: 78px;}
#about {left: 78px; width: 78px;}
#projects {left: 156px; width: 107px;}
#contact {left: 263px; width: 86px;}

#home a:hover, body#index #home a {
background: transparent url(../images/nav.png)
0 -22px no-repeat;}

#about a:hover, body#about_page #about a {
background: transparent url(../images/nav.png)
-78px -22px no-repeat;}

#projects a:hover, body#projects_page #projects a {
background: transparent url(../images/nav.png)
-156px -22px no-repeat;}

#contact a:hover, body#contact_page #contact a {
background: transparent url(../images/nav.png)
-263px -22px no-repeat;}

/* --------------------------------------
  Content
  --------------------------------------- */

#content {
	margin-left: 15px;
	margin-top: 9px;	
	background-color: #fff;
	width: 919px; height: 382px;
}

body#about_page #content, body.project_page #content, body#contact_page #content {
	height: 527px;
}

#text {
	float: left;
	margin-left: 45px;
	margin-top: 35px;
	width: 339px;
}

ul#actions {
	font-weight: bold;
	list-style-type: none;
	margin-top: 1em;
	line-height: 23px;
}

ul#actions li {
	background: url(../images/bullet-trans.png) no-repeat 0 9px;
	padding-left: 10px;
}

ul#index_page_gallery {
	float: right;
	width: 388px; height: 288px;
	border: 1px solid #d9d9d9;
	margin-top: 40px;
	margin-right: 53px;	
}

#body_right {
	float: right;
	margin-top: 40px;
	margin-right: 53px;
}

#about_page_gallery {
	border: 1px solid #d9d9d9;
	width: 426px; height: 245px;
}

img.about_page_quote {
	margin-top: 2em;
}

#project_nav {
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
	float: left;
	margin-right: 53px;
}

#medical a, #governmental a, #religious a, #educational a, #other a {
	background: url(../images/bullet-trans.png) no-repeat 0px -1000px;
	padding-left: 11px;
}

#medical a:hover, body.medical_page #medical a, #governmental a:hover, body.governmental_page #governmental a, #religious a:hover, body.religious_page #religious a, #educational a:hover, body.educational_page #educational a, #other a:hover, body.other_page #other a {
	background: url(../images/bullet-trans.png) no-repeat 0px 3px;
	padding-left: 11px;
}

ul#project_thumbnails {
	float: left;
	width: 310px;
}

#project_thumbnails li {
	float: left;
	margin-right: 35px;
	margin-bottom: 35px;
}

#project_thumbnails li img {
	display: block;
}

#project_text {
	float: left;
	margin-left: 45px;
	margin-top: 35px;
}

#project_mid_column {
	float: left;
	width: 423px;
}

.tn_blank {
	background-color: #dbdbdb;
	width: 68px; height: 68px;
}

#all_client_list {
	float: left;
	margin-left: 25px;
}

.sec_desc {
	width: 350px;
	font-style: italic;
}

ul#client_list {
	float: right;
	margin-left: 25px;
}

#project_right_column {
	float: left;
	margin-left: 29px;
	width: 248px;
}

#project_text p {
	margin-bottom: 1em;
}

p.project_info {
	font-style: italic;
}

p.completed {
	margin-top: -1em;
	color: #a9a9a9;
	font-weight: bold;
}

.one_spec p.completed {
	margin-top: 0;
}

.building_specs span {
	font-weight: bold;
}

p.back {
	font-weight: bold;
	background: url(../images/back.png) no-repeat 0 6px;
	padding-left: 10px;
}
#address p, #phone p {
	margin-bottom: 0;
}

#address {
	float: left;
	font-weight: bold;
}

#phone {
	margin-left: 44px;
	float: left;
}

#office_hours {
}

#office_hours h2, #directions h2 {
	margin-bottom: 0;
	margin-top: 23px;
}

img.map {
	margin-top: 23px;
	border: 1px solid #acacac;
}

body#contact_page #body_right {
	margin-left: 80px;
	float: left;
	margin-top: 35px;
	width: 341px;
}

body#contact_page #body_right p {
	margin-bottom: -1em;
}

body#contact_page #text {
	float: left;
	width: 399px;
}

.contact_ol {
	font-weight: normal;
}


/* --------------------------------------
  Contact Form
  --------------------------------------- */

form .field {
	margin-bottom: 10px;
}

form .field label {
	display: block;
	font-weight: bold;
}

fieldset .textfield {
	height:19px; width:257px;
	border: solid 0 #acacac;
	background: transparent url("../images/textfield.png") no-repeat;
	color: #5b5b5b;
	font: 11px Arial, sans-serif;
	padding: 4px;
}

fieldset>input.textfield {
	background: transparent url("../images/textfield.png") no-repeat;
}

fieldset textarea {
	height:151px; width:339px;
	border:solid 0 #fff;
	background: transparent url("../images/textarea.png") no-repeat scroll;
	color: #5b5b5b;
	font: 11px Arial, sans-serif;
	padding: 4px;
	overflow: auto;
}

fieldset>input textarea {
	background: transparent url("../images/textarea.png") no-repeat scroll;
}

fieldset .buttons {
	text-align: right;
}

fieldset .button:hover {
	cursor: pointer;
}

/* ----------dialog-------------- */
#dialog {
	cursor: pointer;
	width: 300px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -75px;
	background: #fff;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	border: 5px solid #acacac;
}

#dialog p {
	padding: 0px 30px 25px 30px;
	color:#5B5B5B;
	font-size: 11px;
	line-height: 1.5em;
	text-align: left;
}

#dialog img {
	margin-left: 272px;
}

/* --------------------------------------
  Featured Projects
  --------------------------------------- */

h3 img.feat_projects {
	margin-left: 14px;
	margin-top: -21px;
	height: 21px;
	position: absolute;
}

#featured_projects {
	background-color: #252525;
	width: 949px; height: 145px;
	position: relative;
}

.fade div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

#fade1 {
  position: absolute;
  top: 13px;
  left: 13px;
}

#fade2 {
  position: absolute;
  top: 13px;
  left: 174px;
}

#fade3 {
  position: absolute;
  top: 13px;
  left: 335px;
}

#fade4 {
  position: absolute;
  top: 13px;
  left: 496px;
}

#fade5 {
  position: absolute;
  top: 13px;
  left: 657px;
}

#view_more {
	float: right;
	margin-right: 42px;
	text-align: center;
	height: 144px;
	line-height: 153px;
}

.view_more {
	font-size: 9px;
	font-weight: bold;
	margin-top: -3px;
}

/* --------------------------------------
  Footer
  --------------------------------------- */

#footer {
	background-color: #404040;
	width: 949px; height: 30px;
}

#footer p {
	color: #fff;
	margin-left: 15px;
	line-height: 30px;
}

span.copyright {
	font: bold 10px Arial, sans-serif;
	letter-spacing: .09em;
}

#footer a {
	font-weight: bold;
}