/*------------------------------------------------------------------
[Master Stylesheet]

Project:	
Version:	1.0
Last change:	
Assigned to:	Brian Gallagher (bg)
Primary use:	Online Reference
-------------------------------------------------------------------*/
@import url("typo.css");
/*------------------------------------------------------------------
# [Color codes]
#
# Stuff:							#000000
# Background Green:					#6d9f33
# Nav Background:					#6d9cea
#
#
#
# 
# [Dimensions]
# 
#	Wrapper Div:					900px;
#	Navigation Column:				185px;
#
#
#
#
#
#
# */

/*####   Footer Hack for IE.  ####*/
* html { height:100%; } 
html, body {height:100%; padding:0; margin:0; text-align:center;}
/*###############################.*/




body {background:url(../images/bg_seamless.jpg) top center repeat-x #4ea022;}

div#wrapper {
	width:915px;
	margin:0 auto;
	position:relative;
	height:100%;
	min-height:100%;
text-align: left;
	}

div#navigation {
	width:185px;
	margin:0;
	padding:0;
	float: left;
	padding-top:110px;
	background:url(../images/zaslogo.png) top center no-repeat;
	overflow:visible;
	}
	#navigation ul {
		z-index: 102;
		text-align:left;
                padding:0 0 0 10px;
                margin:0 auto 20px;
		list-style: none;
		float: left;
		width: 175px;
		}
	#navigation ul li {
		z-index: 101;
		width:175px;
		height:30px;
		padding:0;
		margin:0;
		list-style:none;
		display:inline;
		position:relative;
		float: left;
		margin-bottom: -1px;
		}
		#navigation ul li a { text-indent:-9999px; text-decoration:none; width:175px; height:30px; display:block;}
			#navigation ul li.home {background:url(../images/home.png) bottom left no-repeat;}
			#navigation ul li.about {background:url(../images/about.png) bottom left no-repeat;}
			#navigation ul li.services {background:url(../images/services.png) bottom left no-repeat;}
			#navigation ul li.build {background:url(../images/build.png) bottom left no-repeat;}
                        #navigation ul li.maintenance {background:url(../images/maintenance.png) bottom left no-repeat;}
			#navigation ul li.gallery {background:url(../images/gallery.png) bottom left no-repeat;}
			#navigation ul li.links {background:url(../images/links.png) bottom left no-repeat;}
			#navigation ul li.contact {background:url(../images/contact.png) bottom left no-repeat;}
		#navigation ul li a:hover {background-position:top left;}
		#navigation ul li:hover {background-position:top left;}
	#navigation ul li ul {display:none; margin-left: 175px; margin-top: -30px; padding:10px;top:1em; position:absolute; z-index:100;  background-color:#509ded; color:#ffffff; font-size:13px; font-family: Verdana;}
	#navigation ul li > ul { top:auto; }
	#navigation ul li:hover ul, #navigation ul li.sfhover ul {display:block;}
	#navigation ul li ul li {}
	#navigation ul li ul li a {text-indent:0; color:#ffffff;}
	#navigation ul li ul li a:hover {color:#000000;}

div#sidebar { margin: 135px 15px 0 15px;}
div#sidebar .widget { width: 165px;}
div#content_container {
	z-index:0;
	position:relative;
	text-align:left;
	width:695px;
	float:right;
	padding:30px 10px 10px;
	background:#FFF;
	display:inline;
	}
	div#content_container img {padding:3px; background:#FFF; border:1px solid #ccc;}
	div#content_container li {list-style: disc inside;}
	div#content_container li {padding:.25em 0 0 1em; line-height:1.4em;}
        div#content_container table {margin:10px;}
        div#content_container td {padding:4px;}

div#content_container_page {
	z-index:0;
	position:relative;
	text-align:left;
	width:695px;
	float:right;
	padding:0px 10px 10px;
	background:#FFF;
	display: inline;
	}
	div#content_container_page img {padding:3px; background:#FFF; border:1px solid #ccc;}
        div#content_container_page li {list-style: disc inside;}
        div#content_container_page li {padding:.25em 0 0 1em; line-height:1.4em;}
	div#content_container_page table {margin:10px;}
	div#content_container_page td {padding:4px;}
	
	div#page-header-image img {
		border: 0;
		margin:0;
		padding:0;
	}

	div#title-header {
		padding:6px 10px;
		clear:both;
		background-color: #deedfb;
		margin-top: 10px;
		margin-bottom: 25px;
	}

div#postcontent { padding: 0 10px 0 10px; }
div#postcontent table.table td {padding:10px;}


div.welcome {}
div.important {
	background:#deedfb;
	margin:10px 0;
	padding:10px 10px;
}
div#feed { 
	position:relative; 
	margin:0 auto 5px;
	padding:0;
	border-bottom:1px solid #a6a6a6;
	width:693px;
	}
	#feed h3 {margin-bottom:1em;}
div#feed #feed_left{
	position:relative;
	width:326px;
	margin:0;
	padding:10px;
	float:left;
	display:block;
	}
div#feed #feed_right{
	position:relative;
	width:326px;
	margin:0;
	padding:10px;
	float:right;
	}

div.personnel {
	clear:both;
	padding:10px 0;
}

div.locations {
	padding:10px 10px 0;
	width:45%;
	background:#deedfb;
	}
div.locations img {margin:0 auto; display:block;}

.left {float:left;}
.right {float:right;}

div#footer {
	position:relative;
	background:#deedfb; 
	background-position:center 60px;
	padding:20px 10px;
	height:75px;
	clear:both;
	margin-top:40px;
	}
#footer2 { height:20px; margin:0; padding: 0; }
	#footer2 p {float:left; display:inline; margin:0; padding:0;}
	#footer2 div#sitemap {float:right; display:inline; text-align:right; padding:1px 0 0 0; margin:0;}
	#footer2 div#sitemap a {display:inline; text-decoration:none; color:#000}
	#footer div#logo {clear:both; margin:0 auto; padding-top:25px;}
	#footer div#logo a, #footer div#logo img {display:block; margin:0 auto; border:none; padding:0;}


.imgLeft {float:left; display:block; margin:0 20px 20px 10px;}
.imgRight {float:right; display:block; margin:0 10px 20px 20px;}

.list_default {list-style:disc inside; display:inline;}
.list_default li {padding:.25em 0 0 1em; line-height:1.4em;}
	
.clear {clear:both;}


/*Fleet Page*/

div.fleet-desc {
	float:left;
	padding:10px 32px;
	width:273px;
	height:200px;
	}
div.fleet-desc img {display:block; margin:0 auto; width:229px; height:81px;}
div.fleet-desc h4 { color:#000; font-size:1.3em;}


.page-header {
	letter-spacing:2px;
}
.fancy_header {
	font-size:2.5em;
	font-weight:100;
	font-style:italic;
	letter-spacing:-2px;
	}
