/* ------- Styles for Arden Engineering ------- */

body {
	margin: 0px;
	padding: 0px;
	background: #0a5284 url(images/masthead_bkgd.jpg) repeat-x;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}

* {
	margin: 0px;
	padding: 0px;
}

#wrapper { position: relative; width: 960px; margin: 0 auto; }

/* ------- Maintain line space with Sub+Superscript ------- */
sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}

sup {
	bottom: 1ex;
	font-size:65%;
}

sub {
	top: .5ex;
}

/* ------- Images ------- */
img { 
	border: none;
	margin: 0; 
	padding: 0;
}

.floatleft { float:left; }
.floatright { float:right; }
.clear { clear: both; }

a:active {
outline: none;
}

a:focus {
-moz-outline-style: none;
}

/* ------- MASTHEAD ------- */
#masthead { width: 960px; height:140px; background: url(images/masthead.jpg); }
#masthead p, #masthead p a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.2em;
	color: #000;
	text-align: right;
	text-decoration: none;
	padding: 10px 250px;
	margin: 0;
}
#masthead p a, #masthead p a:link, #masthead p a:visited {
	font-size: 1em;
	padding: 0 5px;
	margin: 0;
}
#masthead p a:hover { color: #888; }
#masthead a.current, #footer a.current { font-weight: bold; }
.mastheadLogo {float: left; margin: 0; padding: 0; border: none; }
.mastheadPhoto {float: right; margin: 0; padding: 0; border: none; }

/* ------- CONTENT ------- */
#pageWrapper { float:right; display: inline-block; margin: 0; padding: 0 0 0 10px; width: 720px; background: url(images/page_bkgd.gif) repeat-y; }
#pageWrapper.dark { background: url(images/page_dark_bkgd.gif) repeat-y; }
#pageWrapper.grid { background: url(images/page_grid_bkgd.gif) repeat-y; }
#textContent { margin: 20px 10px 0px 20px; padding: 0; text-align: left; }
.box640 { float: left; width: 640px; margin: 10px 0 10px 20px; padding: 0; text-align: left; }
.box420 { float: left; width: 420px; margin: 10px 0 10px 20px; padding: 0; text-align: left; }
.box310 { float: left; width: 310px; margin: 10px 0 10px 20px; padding: 0; text-align: left; }
.box220 { float: left; width: 220px; margin: 10px 0 10px 20px; padding: 0; text-align: left; }
.box200 { float: left; width: 200px; margin: 10px 0 10px 20px; padding: 0; text-align: left; }
.box160 { float: left; width: 160px; margin: 10px 0 10px 20px; padding: 0; text-align: left; }
.box145 { float: left; width: 145px; margin: 10px 0 10px 20px; padding: 0; text-align: left; }
#introContent { margin: 20px 40px; padding: 0; text-align: left; }
#slideShow { position: relative; top: -30px; margin: 0 0 -30px 0; padding: 0; height: 300px; overflow: hidden; text-align: left; }

/* Text */
#introContent h1 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 3.6em;
	margin-bottom: 0.3em;
	color: #000;
}
#introContent p { 
	font-family: Georgia, serif;
	font-style: normal;
	font-size: 2.3em;
	color: #999;
	margin-bottom: 0.5em;
}
#introContent p a { color: #777; }
#introContent p a:hover { color: #bbb; }
.dark #introContent h1 { 
	color: #fff;
}
.dark #introContent p { 
	color: #6186a0;
}
#textContent h2 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 1.4em;
	margin: 0 0 0.5em 0;
	color: #127cc2;
}
#textContent p, #textContent ul, #textContent ol, #textContent td { 
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #000;
}
#textContent ul, #textContent ol { 
	margin-left: 20px;
}
#textContent p.caption { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 1em;
	line-height: 1.4em;
	color: #333;
}

#textContent a, #textContent a:link, #textContent a:visited { 
	text-decoration: none;
	color: #333;
}
#textContent a:hover { 
	color: #888;
}

a.arrow {
	background: url(images/arrow.gif) no-repeat;
	padding: 0 0 0 20px;
	display: block;
	margin: 3px 0;
}

#testimonial {
	clear: both;
	position: absolute; 
	top: 350px; 
	width: 180px; 
	margin: 20px; 
	padding: 20px 0; 
	border-top: 6px solid #08426a; 
	border-bottom: 6px solid #08426a;
}
#testimonial p {
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 1.5em;
	line-height: 1.4em;
	text-align: center;
	color: #9dbace;
}
#testimonial p.signature {
	font-family: Georgia, serif;
	font-style: normal;
	font-size: 1.2em;
	text-align: right;
	margin-top: 1em;
	color: #fff;
}

/* ------- FOOTER ------- */
#footer { clear: both; position: relative; left: -10px; width:730px; height:50px; background: url(images/foot_bkgd.gif); }
#footer p, #footer p a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.2em;
	color: #fff;
	text-align: right;
	text-decoration: none;
	padding: 10px;
	margin: 0;
}
#footer p a, #footer p a:link, #footer p a:visited {
	font-size: 1em;
	padding: 0 10px;
	margin: 0;
}
#footer p a:hover { color: #000; }

/* ------- NAVIGATION ------- */
#navigation { 
	float: left; 
	width: 220px; 
	margin: 0; 
	padding: 0; 
	position: relative; 
	display: inline-block;
	z-index: 1000; 
	background: url(images/nav_bkgd.gif) repeat-y;  
}

/* first level */
#navigation ul {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 597;
	float: left;
}

#navigation ul li {
	position: relative;
	margin: 0 0 2px 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	list-style: none;
	text-indent: 0;
	float: left;
	zoom: 1;
}

#navigation ul li a:link, #navigation ul li a:visited {
	display: block;
	margin: 0;
	padding: 10px;
	width: 180px;
	text-decoration: none;
	color: #fff;
}
#navigation ul li a:hover, #navigation ul li:hover a {
	border: 1px solid #fff;
	padding: 9px;
	position: relative;
	z-index: 599;
}
#navigation ul li:hover li a, #navigation ul li li:hover a {
	border: none;
	padding: 10px;
}

#navigation ul li.open span {
	display: block;
	margin: 0;
	border: none;
	width: 180px;
	text-decoration: none;
	background: #ccc;
	color: #000;
	padding: 9px;
	box-shadow: 0px 2px 6px #000;
	-webkit-box-shadow: 0px 2px 6px #000;
	-moz-box-shadow: 0px 2px 6px #000;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#000000, offX=1, offY=3, positive=true);
}

/* second level */

/* ------- dropdown ------- */
#navigation ul li.dropdown ul {
	position: absolute;
	top: 1px;
	left: 160px;
	width: 200px;
	background: #0f75bc;
	opacity: 0.9;
	visibility: hidden;
	padding: 10px 0;
	z-index: 600;
}
#navigation ul li.dropdown:hover ul, #navigation ul li.dropdown:hover > ul {
	visibility: visible;
}

#navigation ul li.dropdown ul li {
	text-transform: none;
	font-size: 90%;
	float: none;
	clear: both;
	overflow: visible;
}
#navigation ul li.dropdown ul li a:link, #navigation ul li.dropdown ul li a:visited {
	margin: 0;
	display: block;
	padding: 6px 0 6px 10px ;
	width: 180px;
	text-decoration: none;
	color: #fff;
}
#navigation ul li.dropdown ul li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
 }
#navigation ul li.dropdown ul li a:hover {
	color: #000;
	border: none;
}

/* third level */
#navigation ul li.dropdown ul li ul {
	position: relative;
	left: 20px;
	width: 180px;
	padding: 0 0 5px 0;
	z-index: 600;
}
#navigation ul li.open ul li ul {
	position: relative;
	left: 20px;
	width: 180px;
	padding: 0 0 0px 0;
	z-index: 600;
}
#navigation ul li.dropdown ul li ul li, #navigation ul li.open ul li ul li {
	font-size: 100%;
}
#navigation ul li.dropdown ul li ul li a:link, #navigation ul li.dropdown ul li ul li a:visited {
	width: 160px!important;
}
#navigation ul li.open ul li ul li a:link, #navigation ul li.open ul li ul li a:visited {
	width: 160px!important;
}
/* ------- open ------- */
#navigation ul li.open ul {
	position: relative;
	left: 20px;
	top: 0px;
	padding: 10px 0;
}

#navigation ul li.open ul li {
	text-transform: none;
	font-size: 90%;
}
#navigation ul li.open ul li a:link, #navigation ul li.open ul li a:visited {
	margin: 0;
	display: block;
	padding: 6px 10px;
	width: 180px;
	text-decoration: none;
	color: #fff;
}
#navigation ul li.open ul li a:hover {
	border: 1px solid #fff;
	padding: 5px 9px;
}

#navigation ul li.open ul li span, #navigation ul li.open ul li a.current {
	background: #0a5284;
	color: #fff;
	border: none;
	padding: 6px 10px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	filter: none;
}

/* Press Releases */
.title { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 1.4em;
	margin: 0 0 0.5em 0;
	color: #127cc2;
}
.title a, .title a:link, .title a:visited { 
	color: #127cc2!important;
}
.title a:hover { 
	color: #333!important;
}
.date { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: italic;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 0.5em 0;
	color: #333;
}
.news { 
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-size: 1em;
	line-height: 1.4em;
	color: #000;
}

.news a, .newst a:link, .news a:visited { 
	text-decoration: underline!important;
	color: #333;
}
.news a:hover { 
	color: #888;
}