/*/
----------------------------------------

EDT Home & Landing Page Screen Stylesheet
Author:   Will Gettys  ///  Cyberwoven
Version:  2008 . 2

----------------------------------------/*/


/*
HOUSECLEANING --------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, 
dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus { outline: 0; }

body
{
	line-height: 1;
	color: black;
	background: white;
}

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*
COMMON --------------------- */

html, body, div, p
{
	font-family: Arial, sans-serif;
	color: #1b1b1b;
	font-size: 12px;
	line-height: 15px;
}

.wrapper, 
.footerbox, 
.headerbox, 
.mainnav
.content
{
	margin: 0 auto;
	width: 950px;
}

.internal { background: url(../img/intbg.jpg) no-repeat top center; }

img
{
	margin: 0;
	padding: 0;
	border: 0;
}

h1
{
	margin: 19px 132px 0 0;
	padding: 0;
	width: 440px;
	float: left;
	display: block;
	text-indent: -9000px;
	background: url(../img/logo.jpg) no-repeat top left;
}

h1 a
{
	display: block;
	height: 60px;
}

h2, h3, h4, h5, h6
{
	text-align: left;
	color: #000;
}

h2
{
	font-size:24px;
	margin: 0;
	padding: 0;
}

h3
{
	margin: 0;
	padding: 0;
}

h4
{
	margin: 0;
	padding: 0;
}

h5
{
	margin: 0;
	padding: 0;
}

h6
{
	margin: 0;
	padding: 0;
}

p
{
	margin: 0;
	padding: 0;
}

a
{
	color: #7a0201;
	text-decoration: none;
}

a:hover
{
	text-decoration: none;
}

br { clear: both; }

hr
{
	clear: both;
	border: none 0;
	border-top: 1px solid #92917f;
	margin: 0;
	padding: 0;
	text-align: left;
}

.red { color: red; }
#skip { display: none; }

.clear
{
	border: 0;
	clear: both;
	display: block;
	float: none;
	margin: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.credit { font-weight:bold; }
.credit:hover { color: #d24f00; text-decoration:none; }


/* Navigation
----------------------------------------------- */
#topnav
{
	position:relative;
	top:25px;
	float: right;
	height:62px;
	z-index:10;
}

#topnav a {color:#fff;}

ul#nav {
	position:relative;
	text-transform: uppercase;
	font-weight: bold;
	margin:0;
	padding:0;
	list-style:none;
}

ul#nav li {
	display: inline;
	margin:0;
	padding:0;
	float: left;
	position: relative;
}


ul#nav li a {
	height:62px; 
	line-height:62px; 
	float:left; 
	display:block; 
	padding:0 14px;
}

	ul#nav a.company { background: url(../img/company.jpg) no-repeat center left;}
	ul#nav a.engineers { background: url(../img/engineers.jpg) no-repeat center left; }
	ul#nav a.offices { background: url(../img/offices.jpg) no-repeat center left;}
	ul#nav a.contact { background: url(../img/contact.jpg) no-repeat center left;}

ul#nav li ul {
	display: none;
	position: absolute; 
	z-index:100;
	top: 62px;
	left: 2px;
	font-weight:normal;
	width:180px;
	padding:0;
	margin:0;
}

ul#nav li > ul {
	top: 62px;
}

ul#nav li ul li {
	margin:0;
	padding:0;
	display:block !important;
	width:180px;
	float:none;
}

ul#nav li ul li a {
	height:auto;
	line-height:14px;
	float:none;
	display:block !important;
	padding:3px 5px 3px 15px;
	width:180px;
	font-size:10px;
	background:url(../img/mainnavsubbg.gif) repeat-y 0 0;
	border-top:1px solid #772726;
	border-bottom:1px solid #590908;
}

ul#nav li ul li a:hover
{
	background-position:-200px 0;
	border-top:1px solid #b83c3b;
	border-bottom:1px solid #8a0e0c;
}

/* hover states */
#nav li:hover ul, #nav li.hover ul {display: block;}
ul#nav li a:hover, ul#nav li:hover a, ul#nav li.hover a {background-position: bottom left; }


.mainnav
{
	margin: 0 71px 0 0;
	padding: 0;
	float:right;
	height:45px;
}

.mainnav ul { text-align: right; }

.mainnav ul li
{
	display: inline;
	margin:0;
	padding:0;
}

.mainnav ul li a
{
	color: #fff;
	text-decoration: none;
	padding: 12px 0;
	text-align:right;
	display:block;
	float:left;
	line-height:20px;
}



.mainnav2 {margin: 0; padding: 0 5px 0 60px; background:url(../img/mainnav2-left.jpg) no-repeat; float:right; height:45px;}
.mainnav2 ul {margin:0; padding:0; text-align: right; list-style:none;}
.mainnav2 ul li {display: block; margin:0; padding:0; float:left; height:45px; background:url(../img/mainnav2-left.jpg) no-repeat top right;}
	.mainnav2 ul li.last {background:none;}
.mainnav2 ul li a {display:block; float:left; color: #fff; text-decoration: none; padding:0 5px 0 55px; height:45px; background:url(../img/mainnav2-linkbg.jpg) no-repeat 0 -45px; text-align:right; line-height:45px;}
.mainnav2 ul li a:hover {background-position:0 0;}



/* General Services landing page anchor classes */
a.services, a.services:hover, a.servicesactive
{
background: url(../img/services.jpg) no-repeat 0 -45px;
width:173px;
}

a.casestudies, a.casestudies:hover, a.casestudiesactive
{
background: url(../img/casestudies.jpg) no-repeat 0 -45px;
width:126px;
}

a.glossary, a.glossary:hover, a.glossaryactive
{
background: url(../img/glossary.jpg) no-repeat 0 -45px;
width:101px;
}

a.services:hover, a.casestudies:hover, a.glossary:hover
{
background-position:top left;
}

a.servicesactive, a.casestudiesactive, a.glossaryactive
{
background-position:bottom left;
}

/* Large Loss landing page anchor classes */
a.findengineer, a.findengineer:hover, a.findengineeractive
{
background: url(../img/findengineer.jpg) no-repeat 0 -45px;
width:228px; display:block;
}

a.casestudies2, a.casestudies2:hover, a.casestudies2active
{
background: url(../img/casestudies2.jpg) no-repeat 0 -45px;
width:125px; display:block;
}

a.newassign, a.newassign:hover, a.newassignactive
{
background: url(../img/newassign.jpg) no-repeat 0 -45px;
width:198px; display:block;
}

a.findengineer:hover, a.casestudies2:hover, a.newassign:hover
{
background-position:top left;
}

a.findengineeractive, a.casestudies2active, a.newassignactive
{
background-position:bottom left;
}

/* Layout
----------------------------------------------- */

.headerbox { height: 105px; }


.wrapper img
{
	width: 950px;
	margin:0 auto; 
	padding:0;
}

.footer
{
margin-right:65px;
width:390px;
float:right;
text-align:right;
}

.content ul
{
margin:10px 0;
}

.content ul li

{
background: url(../img/redbullet.gif) no-repeat center left;
padding-left:20px;
}



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



/* Portal Page Specific
----------------------------------------------- */


.portal
 { background: #191819 url(../img/portalbg.png) repeat-x top center;
 }
 
 .portal p, .portal a, .portal a:hover .portal ul, .portal li
 {
 color:#fff;
 font-family:Arial, sans-serif;
  }
 
 
.portal h2
{
margin-bottom: 24px;
text-indent:-9000px;
}
 
.portal h1 {background: url(../img/logoportal.jpg) no-repeat top left; margin-top:19px;}

a.lCol, a.rCol
{
float:left;
width:400px;
height:308px;
padding:35px 30px 30px;
}

.lCol
{
background: #202020 url(../img/gslp.png) no-repeat top left;
margin-right:24px;
}


.rCol
{
background: #202020 url(../img/llrlp.png) no-repeat top left;
}

.lCol:hover, .rCol:hover
{ background-position:bottom left;
text-decoration:none;}

.portalfooter
{
margin:20px 30px 0 0;
width:390px;
float:right;
text-align:right;
}

/* Landing Page Specific
----------------------------------------------- */

.home { background: #e7e2cd url(../img/bg.jpg) repeat-x top center; }

.shadowframe
{
margin:0 auto;
width: 1014px;
height:659px;
background: url(../img/shadowframe.png) no-repeat top left;
}

.footerbox { clear:both; margin-top:18px;}

.newsbox
{
width:450px;
float:left;
}

.newslist
{
margin-left:141px;
}

ul.newslist li
{
margin:0;
}

#posterwrapper {position:relative; width:950px; height:410px; padding:0; margin:45px 0 0 0;}
* html #posterwrapper img {margin-left:10px;}
#posterlink {display:block; position:absolute; top:250px; left:0; width:500px; height:160px; font-size:1px; text-indent:-99999px;}

.printlogo {display:none;}

.invisible { display:none; }
.visible { display:block; }

a.breadcrumb { background:none; }