/*********** RESET***********/

body, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, table, tr, th, td {
	margin:0;
	padding:0;
	border:none;
}

/********** GLOBAL **********/

ul, ol, dl{
	margin:0 0 0 30px;
}
ul{
	list-style-type:square;
	margin:10px 0 10px 30px;
}
ul li{
	margin:3px 0;
}
.align-center{
	text-align:center;
}
.align-right{
	text-align:right;
}
.float-right{
	float:right;
}
.float-left{
	float:left;
}
.clear-both{
	clear:both;
}
a{
	color:#fff;
}
a:hover{
	text-decoration:none;
}
a:active{
	font-weight:700;
}
a:visited{
	color:#356eb0;
}
input, textarea, select{
	border:1px solid #999;
}

/********* TYPOGRPAHY ********/

body{
	font:12px Trebuchet MS, Arial;
	line-height: 22px;
	color:#333;
	text-align:center;
}
h1, h2, h3, h4, h5{
	font-weight:bold;
	font-family:Georgia;
	font-size: 16px;
	color:#569fd3;
}
h1{
	font-size:22px;
	margin:10px 0 20px 0;
}
h2{
	font-size:18px;
	margin:5px 0 15px 0;
}
h3{
	font-size:16px;
	margin:5px 0 10px 0;
}
h4{
	font-size:14px;
	margin:5px 0 10px 0;
}
h5{
	font-size:12px;
	margin:5px 0 5px 0;
}
p{
	margin:0 0 10px 0;
	line-height:16px;
	position:static;
}
h2#sitemap{
	margin:15px 0;
}

#tagline{
	font-family:Trebuchet;
	font-style:italic;
	font-size: 12px;
	color:#ffffff;
	margin: 0;
}

/********* DESIGN ***********/

body {
    text-align: center;
    background-color: #143d8d;
}

#shadow-top {
    width: 934px;
    height: 15px;
    margin: 70px auto 0 auto;
    background: url('../images/topShadow.jpg') bottom no-repeat;
}

#shadow-wrapper {
    margin: 0 auto 0 auto;
    width: 944px;
    background: url('../images/bodyBackground.jpg') repeat-y;
}

#shadow-bottom {
    width: 934px;
    height: 15px;
    overflow: hidden;
    margin: 0 auto 30px auto;
    background: url('../images/bottomShadow.jpg') top no-repeat;
}

#footer {
    width: 500px;
    margin: 0 auto 0 auto;
    font-size: 10px;
    color: #569fd3;
    margin-top: -25px;
}

#footer p {
    margin: 0;
    padding: 0;
}

#wrapper {
    width: 892px;
    height: 610px;
    border: 4px solid #569fd3;
    margin: 0 auto 0 auto;
    text-align: left;
    color: #fff;
    padding: 0 0 0 0;
    position: relative;
    overflow: hidden;
    
}

#header {
    width: 892px;
    height: 143px;
    background-color: #FFF;
    border-bottom: 4px solid #569fd3;
    text-align: left;
    overflow: hidden;
}

h1#main-header{
    width:437px;
    height:143px;
    margin: 0;
    float: left;
    
}
h1#main-header span{
    width:437px;
    height:143px;
    position:absolute;
    background:url('../images/fhiLogo.gif') no-repeat;
}


ul#nav{
	list-style:none;
	margin: 0;
	height:44px;
	width: 892px;
	overflow: hidden;
	font-family: Georgia;
	background-color: #143d8d;
	text-align: left;
	border-bottom: 4px solid #569fd3;
}
ul#nav li{
	float:left;
	margin:0;
	background:none;
	height:44px;
	line-height: 44px;
	overflow:hidden;
	
}
ul#nav li#home-nav-li {
	margin-left: 6px;
}
ul#nav li a{
	display:block;
	margin:0 2px 0 0;
	text-decoration:none;
	text-transform: uppercase;
	font-size: 14px;
	background-color: #143d8d;
	font-weight:700;
	color:#fff;
	position: relative;
}

ul #nav li a span {
    margin: 0;
    padding: 0;
}

ul#nav li a:hover, #nav ul li.selected a{
	color: #569FD3;
	background-color: #143D8D;
	cursor: hand;
}


/** IMAGE REPLACEMENT FOR MENU ACROSS TOP **/

a#home {
    width: 100px;
    height: 44px;
}

a#home span {
    width: 100px;
    height: 44px;
    position: absolute;
    top: 0;
    background:url('../images/homeOff.gif') 0 0 no-repeat;
}

a#home span:hover, ul#nav li.selected a#home span {
    background:url('../images/homeOff.gif') 0 -44px no-repeat;
}

/******/

a#about {
    width: 125px;
    height: 44px;
}

a#about span {
    width: 125px;
    height: 44px;
    position: absolute;
    top: 0;
    background:url('../images/aboutOff.gif') 0 0 no-repeat;
}

a#about span:hover, ul#nav li.selected a#about span {
    background:url('../images/aboutOff.gif') 0 -44px no-repeat;
}

/******/

a#services {
    width: 125px;
    height: 44px;
}

a#services span {
    width: 125px;
    height: 44px;
    position: absolute;
    top: 0;
    background:url('../images/servicesOff.gif') 0 0 no-repeat;
}

a#services span:hover, ul#nav li.selected a#services span {
    background:url('../images/servicesOff.gif') 0 -44px no-repeat;
}

/******/

a#portfolio {
    width: 140px;
    height: 44px;
}

a#portfolio span {
    width: 140px;
    height: 44px;
    position: absolute;
    top: 0;
    background:url('../images/portfolioOff.gif') 0 0 no-repeat;
}

a#portfolio span:hover, ul#nav li.selected a#portfolio span {
    background:url('../images/portfolioOff.gif') 0 -44px no-repeat;
}

/******/

a#team {
    width: 130px;
    height: 44px;
}

a#team span {
    width: 130px;
    height: 44px;
    position: absolute;
    top: 0;
    background:url('../images/teamOff.gif') 0 0 no-repeat;
}

a#team span:hover, ul#nav li.selected a#team span {
    background:url('../images/teamOff.gif') 0 -44px no-repeat;
}

/******/

a#careers {
    width: 125px;
    height: 44px;
}

a#careers span {
    width: 125px;
    height: 44px;
    position: absolute;
    top: 0;
    background:url('../images/careersOff.gif') 0 0 no-repeat;
}

a#careers span:hover, ul#nav li.selected a#careers span {
    background:url('../images/careersOff.gif') 0 -44px no-repeat;
}

/******/

a#contact {
    width: 115px;
    height: 44px;
}

a#contact span {
    width: 115px;
    height: 44px;
    position: absolute;
    top: 0;
    background:url('../images/contactOff.gif') 0 0 no-repeat;
}

a#contact span:hover, ul#nav li.selected a#contact span {
    background:url('../images/contactOff.gif') 0 -44px no-repeat;
}


/** SUBNAV **/

ul#sub-nav{
	margin: 0;
	overflow: hidden;
	text-align: left;
	float: right;
	padding: 5px 25px 0 0;
	background-color: #143D8D;
	height: 143px;
	overflow: hidden;
}
ul#sub-nav li{
	margin:5px 0 5px 0;
	overflow:hidden;
	
}
ul#sub-nav li a{
	display:block;
	text-decoration:none;
	text-transform: uppercase;
	color:#143d8d;
	font-weight: bold;
	position: relative;
	width: 164px;
	height: 21px;
}

ul#sub-nav li a span {
    margin: 0;
    padding: 0;
    width: 164px;
    height: 21px;
    position: absolute;
    top: 0;
}

ul#sub-nav li a:hover, #sub-nav ul li.selected a{
	cursor: hand;
}

/** image replacement for subnavigation **/

a#detention-facilities span {
    background:url('../images/FacDetentionOff.gif') 0 0 no-repeat;
}

a#detention-facilities span:hover, ul#sub-nav li.selected a#detention-facilities span {
    background:url('../images/FacDetentionOff.gif') 0 -21px no-repeat;
}

a#office-facilities span {
    background:url('../images/FacOfficeOff.gif') 0 0 no-repeat;
}

a#office-facilities span:hover, ul#sub-nav li.selected a#office-facilities span {
    background:url('../images/FacOfficeOff.gif') 0 -21px no-repeat;
}

a#recreation-facilities span {
    background:url('../images/FacRecreationOff.gif') 0 0 no-repeat;
}

a#recreation-facilities span:hover, ul#sub-nav li.selected a#recreation-facilities span {
    background:url('../images/FacRecreationOff.gif') 0 -21px no-repeat;
}

a#public-buildings span {
    background:url('../images/FacPublicOff.gif') 0 0 no-repeat;
}

a#public-buildings span:hover, ul#sub-nav li.selected a#public-buildings span {
    background:url('../images/FacPublicOff.gif') 0 -21px no-repeat;
}

a#worship-facilities span {
    background:url('../images/FacWorshipOff.gif') 0 0 no-repeat;
}

a#worship-facilities span:hover, ul#sub-nav li.selected a#worship-facilities span {
    background:url('../images/FacWorshipOff.gif') 0 -21px no-repeat;
}

/** HOME SPECIFIC STYLES **/

div#home-background {
    width: 892px;
    height: 181px;
    background-image: url('../images/homeBackground.jpg');
}

div#portfolio-background {
    width: 892px;
    height: 181px;
    background-image: url('../images/portfolioBackground.gif');
}

img#feature {
    position: relative;
    left: 20px;
    top: -75px;
}

div#portfolioLeft {
    width: 335px;
	height: 228px;
	position: relative;
    left: 85px;
    top: -114px;
	border: 4px solid #569fd3;
	background-image: url('../images/structuralHome.jpg');
}

div#portfolioRight {
    float: right;
	width: 335px;
	height: 228px;
	position: relative;
    left: -84px;
    top: -114px;
	border: 4px solid #569fd3;
	background-image: url('../images/civilHome.jpg');
}

div#portfolio-contentLeft {
    width: 335px;
	position: relative;
    left: 85px;
    top: -114px;
	text-align:center;
	padding-top:18px;
	font-family:Georgia;
	font-size: 18px;
	color:#ffffff;
}

div#portfolio-contentRight {
    float: right;
    width: 335px;
	position: relative;
    left: -84px;
    top: -114px;
	text-align:center;
	padding-top:18px;
	font-family:Georgia;
	font-size: 18px;
	color:#ffffff;
}

div#home-content {
    float: right;
    width: 420px;
    margin: 20px 20px 0 0 ;
}


/** PORTFOLIO SPECIFIC STYLES **/

img#main-portfolio-image {
    float: right;
    margin: 0 0 -25px 0;
    position: absolute;
    right: 0;
    border-left: 4px solid #569fd3;
}

div#portfolio-page-top {
	border-bottom: 4px solid #569fd3;
	padding: 25px 25px 50px 25px;
}

div#portfolio-page-topWorship {
	border-bottom: 4px solid #569fd3;
	padding: 15px 25px 0px 25px;
	height: 150px;
	overflow: hidden;
}

ul#portfolio-page-list {
	list-style: none;
	margin: 0;
}

ul#portfolio-page-list li {
	float: left;
	margin: 0 15px 0 0;
	white-space: nowrap;
}

ul#portfolio-page-list li a {
	color: #fff;
	text-decoration: none;
}

ul#portfolio-page-list li a:hover, ul#portfolio-page-list li.selected a {
	color: #569fd3;
}

div#portfolio-page-info {
	padding: 25px 25px 0 25px;
}

div#portfolio-page-info p {
	margin: 0;
}

/** subpages **/

div#about-background {
    width: 892px;
    height: 415px;
    background-image: url('../images/aboutBackground.jpg');
}

div#careers-background {
    width: 892px;
    height: 415px;
    background-image: url('../images/careersBackground.jpg');
}

div#contact-background {
    width: 892px;
    height: 415px;
    background-image: url('../images/contactBackground.jpg');
}

div#services-background {
    width: 892px;
    height: 415px;
    background-image: url('../images/servicesBackground.jpg');
}

div#subpageBox {
	float: right;
	position: relative;
	top: 57px;
	left: -44px;
	width: 232px;
	height: 203px;
	background-color: #143d8d;
	border: 4px solid #569fd3;
	padding-top: 33px;
	padding-left: 54px;
	padding-right: 50px;
	line-height: 24px;
}

div#subpageText {
	position: relative;
	top: 35px;
	left: 45px;
	width: 410px;
	height: 164px;
}

#subpageBoxHeader {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0;
}

div#careersImage {
	float: right;
	position: relative;
	width: 308px;
	height: 280px;
	background-image: url('../images/careersImage.jpg');
	top:45px;
	left: -70px;
	border: 4px solid #569fd3;
}

img#contact-feature {
	position: relative;
    left: 40px;
    top: -370px;
	border: 4px solid #569fd3;
}

div#contact-content {
	float: right;
    width: 420px;
    margin: -350px 60px 0 -60px ;
}

img#services-feature {
	position: relative;
    left: 40px;
    top: -370px;
	border: 4px solid #569fd3;
}

div#services-content {
	float: right;
    width: 420px;
    margin: -370px 50px 0 -60px ;
}
/** three column layout thing **/

h3.white {
	color: #fff;
	font-size: 105%;
	font-family: Trebuchet MS, Arial;
}

div#col-1 {
	float: left;
	display: inline;
	width: 350px;
	margin: 20px 40px 0 40px;
}

div#col-2 {
	float: left;
	display: inline;
	width: 180px;
	margin: 56px 40px 0 0;
}

div#col-3 {
	float: left;
	display: inline;
	width: 180px;
	margin: 56px 0 0 0;
}

div#left {
	float: left;
	width: 336px;
	display: inline;
}