/* Gagliarducci CSS Document */
/* Copyright 2005 AtlasTC - Created/Edited 7/5/2005 - SSD */

/* Structural Divs */
#container {
	width: 765px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

#branding {
	width: 765px;
	height: 176px;
	margin: 0px;
	padding: 0px;
	background: url(../img/header_logo.jpg) no-repeat left top;
	float: left;
	clear: both;
	display: inline;
	margin-top: 35px;
}

#branding-logo {

}

#branding-utility {
	float: right;
	padding: 0px;
	margin: 0px;
	margin-top: -25px;
}

#branding-utility a, a:link, a:visited {
	color : #325837;
	text-decoration : none;
	font: bold small Arial, Helvetica, sans-serif;
}

#branding-utility a:hover {
	color : #5ea668;
	text-decoration : underline;
	font: bold small Arial, Helvetica, sans-serif;
}

/* Navigation - Background */

#nav {
	float: left;
	clear: both;
	width: 765px;
	height: 35px;
	background: no-repeat left top url(../img/nav_bg.jpg);
}

#nav #mnav {
	width: 500px;
	float: left;
}

/* Navigation - Main */

#nav ul{
	margin: 0;
	padding: 0;
	}	

#nav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#nav a:link, #nav a:visited {
	float: left;
	font-size: 12px;
	line-height: normal;
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	width: auto;
	background: url(../img/nav_button.jpg) no-repeat right top;
	height: 35px;
	padding-top: 12px;
	padding-right: 10px;
	padding-left: 10px;
}

#nav a:link.active, #nav a:visited.active, #nav a:hover.active {
	color: #ffff4f;
	background: url(../img/nav_button_o.jpg) no-repeat right top;
	}
	
#nav a:hover {
	color: #FFFF00;
	background: url(../img/nav_button_o.jpg) no-repeat right top;
	}

/* Navigation - Utility */

#nav #unav {
}

#nav #unav ul{
	margin: 0;
	padding: 0;
	}

#nav #unav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav #unav a:link, #nav #unav a:visited {
	background: none #ffffff;
	margin: 0px;
	color: #188226;
	margin-left: 5px;
	margin-right: 5px;
	height: auto;
	margin-top: 3px;
	padding: 2px 5px 2px 5px;
	font-size: 12px;
	text-decoration: none;
	border: 1px solid #33903f;
}

#nav #unav a:link.active, #nav #unav a:visited.active, #nav #unav a:hover.active {
	background: none #188226;
	margin: 0px;
	color: #ffffff;
	margin-left: 5px;
	margin-right: 5px;
	height: auto;
	margin-top: 3px;
	padding: 2px 5px 2px 5px;
	font-size: 12px;
	text-decoration: none;
	border: 1px solid #33903f;
}

#nav #unav a:hover {
	background: none #188226;
	margin: 0px;
	color: #ffffff;
	margin-left: 5px;
	margin-right: 5px;
	height: auto;
	margin-top: 3px;
	padding: 2px 5px 2px 5px;
	font-size: 12px;
	text-decoration: none;
	border: 1px solid #33903f;
}

/* Sub Nav */

#navlist
{
margin-left: 0;
padding-left: 25px;
list-style: none;
}

#navlist li
{
padding-left: 10px;
background-image: url(../img/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

/* Main Content */

#content {
	background: url(../img/content_bg.jpg) repeat-y left top;
	float: left;
	clear: both;
	display: inline;
}

#jobs #content {
	background: none repeat-y left top;
	float: left;
	clear: both;
	display: inline;
}

#content-main {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px 0px 20px;
	width: 540px;
	font-family: Arial, Helvetica, sans-serif;
}

#jobs #content-main {
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px 0px 20px;
	width: 765px;
	font-family: Arial, Helvetica, sans-serif;
}

.stdimg {
	margin: 0px;
	float: left;
	padding: 5px 5px 5px 25px;
}

.stdimgL {
	margin: 0px;
	float: left;
	padding: 5px 5px 5px 0px;
}

.stdimgR {
	margin: 0px;
	float: right;
	padding: 5px 0px 5px 5px;
}

div.img-dec {
	background: url(../img/shadow.gif) no-repeat bottom right;
	clear: right;
	float: right;
	margin: 15px 0 15px 25px;
	padding: 0;
	position: relative;
}

div.img-dec2 {
	background: none no-repeat bottom right;
	clear: right;
	float: right;
	margin: 15px 0 15px 25px;
	padding: 0;
	position: relative;
	text-align: center;
	font-size: 1.2em;
}

div.img-dec2 img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	display: block;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
	font-size: 1.2em;
}

div.img-dec img, .people span.img-dec img, div.img-dec2 img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	display: block;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
}

#content-sidebar {
	width: 225px;
	float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
}

#jobs #content-sidebar {
	width: 225px;
	float: left;
	display: none;
	margin: 0px;
	padding: 0px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
}

#content-sidebar h2 {
	color: #0d6531;
	font: medium Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 10px 0 5px 15px;
}

#content-sidebar p {
	font-size: small;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
	color: #333333;
	padding-bottom: 2px;
	line-height: 1.5em;
}

#content-main h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
}

#content-main h1 span {
	color: #006633;
}

#content-main h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
	color: #333333;
}

#content-main p {
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
	color: #333333;
	padding-bottom: 2px;
	line-height: 1.5em;
}

#search {

}

/* THE PEOPLE */

.people {
	background: #b6cfa7;
	height: auto;
	margin: 0 0 5px 10px;
	padding: 7px 0 5px;
	width: 250px;
	border: 1px solid #0a5449;
	float: left;
}

.people img {
	width: 75%;
}

/* CONSTRUCTION JOBS TABLE */

/* Table Styles */
.cjobs {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8ems;
}

.cjobs table {
    border-collapse:collapse;
	border-spacing:0;
	border: 1px solid #006633;
	margin-left: 25px;
	margin-bottom: 20px;
	margin-top: 10px;
	width:90%;
}

.cjobs th {
	background: #006633;
	font-weight: bold;
	color: #e6e6e6;
	text-align: left;
	vertical-align:top;
	padding: 3px 10px 3px 0;
}

.cjobs caption {
	font-size: 2ems;
	font-weight: bold;
	margin: 0px 0px 0px 25px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #333333;
	text-align:left;

 }

.cjobs tr {
border-bottom: 1px solid #006633;
}

.cjobs td {
	padding: 2px;
	text-align:left;
    vertical-align:top;
}

.cjobs span {
    display:block;

}

.cjobs .trow {
	background: #b7ceb1;
} 


/* Table Content styles */

span.projectname {
font-style:italic;
font-weight:bold;
}
span.projecttype {
font-weight:normal;
}
span.location{
font-weight:bold;
}
span.architect {
font-weight:bold;
}
span.engineer {
font-weight:normal;
}
span.engineerphone {
font-weight:normal;
}
span.contractvalue{
font-weight:bold;
}
span.owner {
font-weight:bold;
}
span.contact{
font-weight:normal;
}

/* END CONSTRUCTION JOBS TABLE */

/* Footer */

#siteinfo {
	width: 765px;
	padding: 5px;
	float: left;
	clear: both;
	display: inline;
	background: #006633;
	color: #ffffff;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#siteinfo-legal {
	color: #ffffff;
	font: x-small Arial, Helvetica, sans-serif;
	text-align: center;
}

#siteinfo a, #siteinfo a:link, #siteinfo a:visited {
	font-size: 1em;
	color: #ffffff;
}

#siteinfo a:hover {
	font-size: 1em;
	color: #aac5a3;
}

.map {
	padding-left: 25px;
	float: left;
	clear: both;
	padding-bottom: 10px;
}

/* Presentational Divs */
body {
	font-size:62.5%;
	margin: 0px;
	padding: 0px;
}

p {
	font-size: 1.2em;
}

a, a:link, a:visited {
	color : #325837;
	text-decoration : none;
	font: small Arial, Helvetica, sans-serif;
}

ul, li {
	font-size: 1.1em;
	color : #333333;
}

a:hover {
	color : #5ea668;
	text-decoration : underline;
	font: small Arial, Helvetica, sans-serif;
}

/* START: Photo Gallery */

.pg {
	width: 500px;
	margin: 0 0 0 15px;
	padding: 0;
}

.pg .gn {
	width: 465px;
	margin-left: 15px;
	margin: 5px 0;
	padding: 5px;
	color: #0d6532;
	background: #b7cdb0;
	font: bold 1.4em Arial, Helvetica, sans-serif;
	float: left;
}

div.thumb {
	margin: 3px;
	border: 1px solid #A0ACC0;
	height: auto;
	float: left;
	text-align: center;
	width: 150px;
}

div.full {
	border: 1px solid #A0ACC0;
	height: auto;
	float: left;
	text-align: center;
	width: 465px;
	margin: 3px;
	padding-top: 5px;
}	
.thumb img{
	display: inline;
	margin: 5px;
	border: 1px solid #A0ACC0;
	}
.thumb a:hover img {border: 1px solid black;}
.photocattitle {text-align: center; font-weight: bold;} 
.phototitle {
	text-align: center;
  font-weight: normal;
  width: 140px;
  margin: 0 5px 3px;
  }

.phototitleFull {
	text-align: center;
  font-weight: normal;
  width: 450px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 5px;
	padding-top: 5px;
}

/* END: Photo Gallery */