/* CSS Main */

a:hover, a:active, a:focus {
    outline:none;
}

/********************** Wrapper **************************/
#wrapper {
	margin: 0 auto;
	width: 786px;
	height: 573px;
	clear: both;
	position: relative;
	/*#top: -7px;		/* apply to Microsoft Internet Explorer browsers */
	/*_top: -7px;		/* apply to IE browsers 6.0 and older */
	/* IE4ever Hack: Hide from IE4 **/
	position: relative;
}

/********************** Header ***************************/

#header {
	height: 118px;
	background-image: url(../images/headerback.png);
	vertical-align: top;
	width: 786px;
}

#headerlogo {
	height: 112px;
	left: 500px;
}

#clientlogin {
	position:absolute;
	height:19px;
	width:100px;
	font-size:8pt;
	color:#FFFFFF;
	font-style:italic;
	left: 700px;
	top: 25px;
	text-align:center;
	font-family: 'Georgia';
}

#clientlogin a {
	text-decoration:none;
	color:#FFFFFF;
}

#clientlogin a:hover {
	text-decoration:underline;
}

#employeelogin {
	position:absolute;
	height:19px;
	width:100px;
	font-size:8pt;
	color:#FFFFFF;
	font-style:italic;
	left: 684px;
	top: 5px;
	text-align:center;
	font-family: 'Georgia';
}

#employeelogin a {
	text-decoration:none;
	color:#FFFFFF;
}

#employeelogin a:hover {
	text-decoration:underline;
}

/* Navigation */

#container {
	position: absolute;
	width: 786px;
	height: 20px;
	padding: 0;
	margin: 0;
	top: 93px;
}

#navmain {
	position: absolute;
	top: 0px;
	left: 440px;
	list-style: none;
	margin: 0;
	padding: 0px 0px 0px 6px;
	height: 20px;
	display: inline;
	overflow: hidden;
	width: 340px;
}
	
#navmain li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#navmain a {
	float: left;
	padding: 19px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:19px; /* for IE5/Win */
}
	
#navmain a:hover {
	background-position: 0 -20px;
}

/*#navmain a.selected {
	background-position: 0 -19px;
}*/
	
#home a  		{ width: 85px; background:url(../images/home-tab.gif) top left no-repeat; }
#about a  		{ width: 85px; background:url(../images/about-tab.gif) top left no-repeat; }
#services a  	{ width: 85px; background:url(../images/services-tab.gif) top left no-repeat; }
#contact a  	{ width: 85px; background:url(../images/contact-tab.gif) top left no-repeat; }

/********************** Content **************************/

#content {
	width: 786px;
	height: 455px;
	min-height: 455px;
	max-height: 455px;
	background-color: #FFFFFF;
}

#ftpcontent {
	width: 726px;
	background-color: #FFFFFF;
	max-height: 380px;
	overflow: auto;
	overflow-x: hidden;
	padding: 10px 30px;
}

#contentinfo {
	width: 786px;
	height: 295px;
}

#navinfoboxes {
	height: 166px;
	width: 786px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	display: inline;
}

#navinfoboxes ul {
	width:800px;
	margin:0 auto;
}

#navinfoboxes li {
	/* border-right:1px solid #ddd; */
	float: left;
	width: 157px;
	text-align: left;
	position: relative;
	left: 0px;
	top: 5px;
	list-style-type: none;
}

#navinfoboxes a {
	color:#FFFFFF;
	display:block;
	padding:12px 5px 17px 5px;
	position:relative;
	word-spacing:0px;
	font-size:12px;
	height:132px;
	text-decoration:none;
	font-family: arial;
	left: 0px;
	letter-spacing: 0em;
	top: 5px;
}

/* #navinfoboxes img {
	background-color:#fff;
	border:1px solid #000;
	margin:3px 0 5px 14px;
	padding:4px;
	display:block;

	#margin:3px 0 5px 0px;		/* apply to Microsoft Internet Explorer browsers */
	/*_margin:3px 0 5px 0px;		/* apply to IE browsers 6.0 and older */
/*}

/*#navinfoboxes a:hover {
	background-position: 0 -160px;
}
	
#currprojects a  	{ width: 157px; background:url(../images/navinfoboxes.png) top left no-repeat; }
#links a  			{ width: 157px; background:url(../images/navinfoboxes.png) top left no-repeat; }
#locations a  		{ width: 157px; background:url(../images/navinfoboxes.png) top left no-repeat; }
#careers a  		{ width: 157px; background:url(../images/navinfoboxes.png) top left no-repeat; } */

#navinfoboxes strong {
	display:block;		
	font-size:13px;
}

#navdividers {
	width: 8px;
	height: 164px;
	position: absolute;
	top: -4px;
	left: 154px;
	z-index: 1000;
}

#contentlinkboxes {
	height: 166px;
	background-image: url(../images/contentboxesback.png);
	width: 786px;
}

#currentprojectsbox {
	position: absolute;
	top: 419px;
	left: 0px;
	z-index: 1000;
	width: 157px;
	height: 160px;
}

#linksbox {
	position: absolute;
	top: 419px;
	left: 157px;
	z-index: 1000;
	width: 157px;
	height: 160px;
}

#locationsbox {
	position: absolute;
	top: 419px;
	left: 314px;
	z-index: 1000;
	width: 157px;
	height: 160px;
}

#careersbox {
	position: absolute;
	top: 419px;
	left: 471px;
	z-index: 1000;
	width: 157px;
	height: 160px;
}

#navtitles {
	position:absolute;
	top: -5px;
	left: 0px;
	border:none;
}

#newsticker {
	position:absolute;
	top:420px;
	left:638px;
	width:140px;
	height:130px;
	padding-top:20px;
	z-index: 1000;
}

#newsticker a {
	text-decoration:none;
}

#newsticker a:hover {
	text-decoration:underline;
}

/********************** Footer ***************************/
#footer {
	width: 786px;
	/* margin: 0px 0px 10px 0px; */
	font-family: 'Georgia';
	font-weight: normal;
	font-size: 11px;
	color: #CCCCCC;
	padding: 5px 0px 5px 0px;
	position: relative;
}

/* FOOTER NAVIGATION */
#nav {
	width: 786px;
	vertical-align: text-top;
	text-align: center;
	bottom: 0px;
	margin: 0px;
	padding: 0px 0px 0px 50px;
	height: 20px;
	z-index: 3;
}

#nav li		{ float:left; list-style-type:none; padding-right: 8px; }
#nav li a 	{
	position: absolute;
	top: 7px;
	text-decoration: none;
	margin: 8px;
	font-family: 'Georgia';
	font-weight: normal;
	font-size: 10px;
}

#footer_home a					{ width:60px; left:582px; color: #41597D }
#footer_home a:hover			{ color: #273755 }

#footer_privacy a				{ width:90px; left:635px; color: #41597D }
#footer_privacy a:hover		{ color: #273755 }

#footer_contact a				{ width:70px; left:717px; color: #41597D }
#footer_contact a:hover		{ color: #273755  }

.copyright {
	width: 300px;
	height: 14px;
	font-family: 'Georgia';
	font-weight: normal;
	font-size: 10px;
	color: #273755;
	padding: 10px 0px 0px 0px;
	position: absolute;
	top: 5px;
	left: 0px;
}

/********************** Background Shadow ***************************/
#shadow {}
#shadow .left1,
#shadow .left1a,
#shadow .right1,
#shadow .right1a {
	display:block;
	background:url(../images/shadow1.png) no-repeat;
	width:782px;
	height:573px;
	position:absolute;
/*	background:transparent;*/
}
#shadow .left1{
	background-position:0 0;
	z-index:-2;
	top:-8px;
	left:-8px;
	bottom:0;
	padding:0 10px 10px 0;
}
#shadow .left1 .left1a {
	height:12px;
	width:10px;
	background-position:100% 0;
	right:-10px;
	top:0;
}
#shadow .right1 {
	background-position:100% 100%;
	z-index:-1;
	bottom:-14px;
	right:-8px;
	padding:10px 0 0 10px;
}
#shadow .right1 .right1a {
	height:12px;
	width:10px;
	background-position:0 100%;
	left:-10px;
	bottom:0px;
}

#shadow-wrapper .sprite-wrapper,
#shadow.modify {
   clear:right;
	float:left;
}

#shadow-wrapper .sprite-wrapper {
   width:520px;
   margin-left:20px;
	padding:0 10px;
}