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

BODY {
	margin: 0px;
	padding: 0px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 1.5em;
	background-color: #363636;
	background-image: url(/images/layout_1_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align:center;
} 

/* ------------------------------------ General Links ----------------------------------------- */

#maincontent a:link { color: #333; text-decoration: underline}
#maincontent a:hover { color: #00c; text-decoration: underline;}
#maincontent a:visited { color: #333; text-decoration: underline}
#maincontent a:hover { color: #00c; text-decoration: underline;}

/* ------------------------------------ Client Formatting ------------------------------------- */

.textsmallest { font-size: 80%}
.textsmaller { font-size: 85%}
.textlarger { font-size: 120%}
.textlargest { font-size: 140%}

/* ------------------------------------ Hidden ------------------------------------------------ */
#topnav i, #search i, #content h1 i, #nav i, .hidetext i, #ourservices i, #header h1 i {
	visibility:hidden;
}
/*------------------------------------ Layout Elements ---------------------------------------- */

#skips {
	position:absolute; top:-300px;
}
#backshadows {
	width:850px;
	background: url(/images/grad_bkgd_01.jpg) 0 0 no-repeat;
	margin:0 auto;
	text-align:center;
	
}
#backstatic {
	width:850px;
	background: url(/images/str_bkgd.jpg) 0 0 repeat-y;
	margin:0 auto;
	text-align:center;
	
}
#pagebody {
	width:750px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#homelink {
	position:absolute;
	top:0;
	left:0;
	width: 255px;
	height: 81px;
}
#homelink h1 a {text-decoration:none; display:block; height:90px;width:250px;}
#header {
	width:750px;
	height:100px;
	background:url(/images/layout/header.jpg) 0 0 no-repeat;
	position:relative;
}
#header h1 {
	display:block;
	font-size:10px;	
	margin:0;
	padding:0;
}
#topnav {
	position:absolute;
	left:669px;
	top:0px;
	width:73px;
	font-size:9px
}
#search {
	text-align:left;
	position:absolute;
	left:570px;
	top:71px;
	width:178px;
	height:27px;
	background:url(/images/layout/Search.jpg) 0 0 no-repeat;
} 
#topnav a {
	text-decoration:none;
}
#clientlogin {
	background:	url(/images/clientlogin.jpg) 0 0  no-repeat;
	width:80px;
	height:16px;
	float:left;
}
#contactus {
	background:url(/images/contactus.jpg) 0 0  no-repeat;
	width:78px;
	height:16px;
	float:left;
}
#maincontent { margin-top:30px; padding-left:150px; border-top:0px none #fff; background:#fff url(/images/layout/Trans_clouds.jpg) 0 0 no-repeat; float:inherit}
#maincontent ul{padding:0 45px 10px 45px;}
#maincontent ul li{	padding:0px 0 10px 3px;}
#maincontent .title td { background-color: #4A6290; font-size:1em; font-weight:bold; vertical-align:middle; color:#fff}
#maincontent .portfolio {width:250px; float:left; margin:30px 15px 0 15px; border-top:1px solid #000; text-align:right; font-size:.9em}
#maincontent .portfolio img {float:left; vertical-align:top; margin-top:-1px;}	
#maincontent .portfolioheading {color:#1C3B74;  font-size:1.4em; font-weight:bold}
#maincontent img { position:inherit }


#STC table { margin-left:5px; border:1px solid #999}
#STC td {border: 1px solid #999; text-align:center; vertical-align:top; font-size:.9em}
#STC a:link { color: #fff; text-decoration: underline}
#STC a:hover { color: #fff; text-decoration: none;}
#STC a:visited { color: #fff; text-decoration: underline}
#STC a:hover { color: #fff; text-decoration: none;}

#STC .hl a:link { color: #fff; text-decoration: none;}
#STC .hl a:hover { color: #fff; text-decoration: none;}
#STC .hl a:visited { color: #fff; text-decoration: none;}
#STC .hl a:hover { color: #fff; text-decoration: none;}

#content { position:relative; width:100%;  margin:0; padding:0; border: 0px none #fff;}
#contenthome {position:relative; margin:0; padding:0; border:0px none #fff; background:#fff url(/images/line.gif) 374px 0 repeat-y;}
/* hide from mac \*/
* html #backstatic #backshadows #pagebody #content {height: 1%;}
/* end hide */ 

#content p, #contenthome p{margin:0px 20px 10px 20px; }
/*  #content h1{color:#fff; font-size:1.2em; padding:4px 10px; margin-bottom:8px; background:url(/images/layout/pagetitle.jpg) 0 0 no-repeat; }*/
#content h2, #contenthome h2 {
	color:#1C3B74;
	font-size:1.2em;
	border-bottom:1px solid #999;
	margin:15px 20px 6px 20px;
}
#footer {
	width:850px;
	margin: 0 auto;
	text-align:center;
	color:#828282;
	background: #363636 url(/images/layout/footer.jpg) top left no-repeat; 
}
#footer a,  #footer a:link {
	color:#828282;
}
#footer a:hover {
	background-color:#666666;
	color:#FFFFFF;
}
.clear {
	clear:both;
	margin:0;
	padding:0;
}
.indent {padding-left:25px}

#maincontenthome {
	margin:29px 0 0 0 ;
	padding:0px;
	border-top:0px none #fff;
	background-color:#fff ;
	float:none
}
#contenthome #maincontenthome p {margin:0 ; padding:0 8px 8px 8px;}
#homecol1, #homecol2 {float:left; width:375px}
#homecol2 #marg {padding:0px 8px}

#homecol1 {border-right:1px solid #bdbdbd; width:374px}
#contenthome #maincontenthome h2 {margin:0; padding:6px 5px 13px 5px; background:url(/images/homeheader.jpg) 0 0 repeat-x  ; color:#fff; font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; border:0px solid #bdbdbd}
.homeimage {margin: 0 0 10px 10px;}
#contenthome #maincontenthome .alignright {text-align:right}
#contenthome #maincontenthome #worldleader {background:url(/images/WorldLeader_image.jpg) 0 0 no-repeat	; text-indent:-5000em; width:375px; height:192px;}

#maincontenthome a:link { color: #355A9D; text-decoration: underline}
#maincontenthome a:hover { color: #fff; text-decoration: underline; background-color:#333333}
#maincontenthome a:visited { color: #355A9D; text-decoration: underline}
#maincontenthome a:hover { color: #fff; text-decoration: underline; background-color:#333333}

#footerhome {
	position:absolute;
	z-index:5001;
	bottom:-60px;
	left:-50px;
	width:850px;
	margin: 0 auto;
	text-align:center;
	color:#828282;
	background: #363636 url(/images/layout/footer.jpg) top left no-repeat;
	visibility: visible;
}
#footerhome a,  #footerhome a:link {color:#828282;}
#footerhome a:hover {background-color:#666666;color:#FFFFFF;}

.rvsmitems { width:230px; float:left; text-align:center}
/* ----------------------------------- Navigation Elements ------------------------------------ */

#menu {
width: 100%;
float: left;
text-align:left;
height:30px;
position:absolute;
top:100px;
left:0px;
z-index:1000;
}
#menu i {visibility:hidden}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
height:30px;
float: left;
}
#menu a, #menu h2 {
font: bold 11px/20px arial, helvetica, sans-serif;
display: block;
height:30px;
margin: 0;
padding:0px;
}
#menu ul li ul li a{
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
}
#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #fff;
text-decoration: none;
}
#menu a:hover {
color: #fff;
}
div#menu ul li ul li a {background: url(/images/Pagetitles/sub_nav_grad.jpg) 0 0 repeat-x; padding:0px 5px}
div#menu ul li ul li a:hover {background: url(/images/Pagetitles/sub_nav_grad_f2.jpg) 0 0 repeat-x;}
div#menu ul li#products ul li a{width: 194px}
div#menu ul li#about ul li a{width: 144px}
div#menu ul li#services ul li a{width: 144px}
#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
#menu ul ul {
position: absolute;
z-index: 500;

}
div#menu ul ul {
display: none;
}
div#menu ul li:hover ul
{display: block;}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
/* --------------------------------------------------------------------------------*/

#about a{ text-decoration:none; width:130px; background:url(/images/layout/aboutASM.jpg) top left no-repeat; }
#products a{ text-decoration:none; width:206px; background:url(/images/layout/products.jpg) top left no-repeat; }
#services a{ text-decoration:none; width:137px; background:url(/images/layout/ourservice.jpg) top left no-repeat;}
#onlinerfq a{ text-decoration:none; width:127px; background:url(/images/layout/onlinerfq.jpg) top left no-repeat;}
#login a {text-decoration:none;  width:150px; background:url(/images/layout/customerlogin.jpg) top left no-repeat;}

#about a:hover{ text-decoration:none; width:130px; background:url(/images/layout/aboutASM.jpg) -130px 0 no-repeat; }
#products a:hover{ text-decoration:none; width:206px; background:url(/images/layout/products.jpg) -206px 0 no-repeat; }
#services a:hover{ text-decoration:none; width:137px; background:url(/images/layout/ourservice.jpg) -137px 0 no-repeat;}
#onlinerfq a:hover{ text-decoration:none; width:127px; background:url(/images/layout/onlinerfq.jpg) -127px 0 no-repeat;}
#login a:hover{text-decoration:none;  width:150px; background:url(/images/layout/customerlogin.jpg) -150px 0 no-repeat;}
#nav li i {visibility:hidden;}

/* ------------------------------------------------ Page Titles ----------------------------------------- */

#engineeringservices, #aboutasmmain, #manufacturing, #certification, #industrysleaders, #managementstaff, #contacts, #informationrequests, #ourpledge, #rvsm, #rvsm727, #rvsm737, #rvsmdc8, #egpws, #taws, #dfdrupgrades, #fmsgps, #mfd, #installkits, #complianceschedule, #searchstc, #programstitle, #onlinerfqtitle, #customerlogintitle, #clientlogintitle, #contactustitle, #clientportfolio, #newstitle, #egpwsform, #b727form, #b737form, #searchtitle, #onlineform, #ourserviceslg, #cmutitle   { color:#fff;font-size:1.2em;padding:10px 10px;margin-bottom:8px; text-indent:-5000em;  }

#engineeringservices {background:url(/images/pagetitles/engineeringservices.jpg) 0 0 no-repeat;}
#manufacturing  {background:url(/images/pagetitles/manufacturingservices.jpg) 0 0 no-repeat;}
#certification  {background:url(/images/pagetitles/certificationservices.jpg) 0 0 no-repeat;}
#aboutasmmain {background:url(/images/pagetitles/aboutasmlarge.jpg) 0 0 no-repeat;}
#industrysleaders {background:url(/images/pagetitles/IndustrysLeaders.jpg) 0 0 no-repeat;}
#managementstaff {background:url(/images/pagetitles/ManagementStaff.jpg) 0 0 no-repeat;}
#contacts {background:url(/images/pagetitles/Contacts.jpg) 0 0 no-repeat;}
#informationrequests {background:url(/images/pagetitles/InformationRequests.jpg) 0 0 no-repeat;}
#ourpledge {background:url(/images/pagetitles/OurPledge.jpg) 0 0 no-repeat;}
#ourserviceslg {background:url(/images/pagetitles/ourserviceslg.jpg) 0 0 no-repeat;}
#rvsm {background:url(/images/pagetitles/rvsm.jpg) 0 0 no-repeat;}
#rvsm727 {background:url(/images/pagetitles/727rvsm.jpg) 0 0 no-repeat;}
#rvsm737 {background:url(/images/pagetitles/737rvsm.jpg) 0 0 no-repeat;}
#rvsmdc8 {background:url(/images/pagetitles/dc8rvsm.jpg) 0 0 no-repeat;}
#egpws {background:url(/images/pagetitles/EGPWS.jpg) 0 0 no-repeat;}
#taws {background:url(/images/pagetitles/TAWS.jpg) 0 0 no-repeat;}
#dfdrupgrades {background:url(/images/pagetitles/DFDRUpgrades.jpg) 0 0 no-repeat;}
#fmsgps {background:url(/images/pagetitles/FMSGPS.jpg) 0 0 no-repeat;}
#mfd {background:url(/images/pagetitles/MFD.jpg) 0 0 no-repeat;}
#installkits {background:url(/images/pagetitles/InstallKits.jpg) 0 0 no-repeat;}
#complianceschedule {background:url(/images/pagetitles/ComplianceSchedule.jpg) 0 0 no-repeat;}
#searchstc {background:url(/images/pagetitles/SearchSTC.jpg) 0 0 no-repeat;}
#programstitle {background:url(/images/pagetitles/ProgramsTitle.jpg) 0 0 no-repeat;}
#onlinerfqtitle {background:url(/images/pagetitles/OnlineRFQ.jpg) 0 0 no-repeat;}
#customerlogintitle {background:url(/images/pagetitles/CustomerLogin.jpg) 0 0 no-repeat;}
#clientlogintitle {background:url(/images/pagetitles/ClientLogin.jpg) 0 0 no-repeat;}
#contactustitle {background:url(/images/pagetitles/ContactUs.jpg) 0 0 no-repeat;}
#clientportfolio {background:url(/images/pagetitles/ClientPortfolio.jpg) 0 0 no-repeat;}
#egpwsform {background:url(/images/pagetitles/EGPWSForm.jpg) 0 0 no-repeat;}
#b727form {background:url(/images/pagetitles/B727Form.jpg) 0 0 no-repeat;}
#b737form {background:url(/images/pagetitles/B737Form.jpg) 0 0 no-repeat;}
#onlineform {background:url(/images/pagetitles/Onlineform.jpg) 0 0 no-repeat;}
#newstitle {background:url(/images/pagetitles/News.jpg) 0 0 no-repeat;}
#searchtitle {background:url(/images/pagetitles/searchtitle.jpg) 0 0 no-repeat;}
#cmutitle {background:url(/images/pagetitles/CMU.jpg) 0 0 no-repeat;}

.linkcenter { line-height:32px}

/* ------------------------------------------ Common Area ---------------------------------------------- */

#commonarea {
	position:absolute;
	z-index:50;
	width:150px;
	top:0px;
	
	margin:0;
	padding:0;
}
#commonarea p {
	font-size:.9em;
	padding:5px 0px 5px 3px;
	margin:0;
}
#commonareanav ul  { 
	list-style-type: none;
	margin: 0; 
	padding: 0;
	width:116px;
	display:block;
}
#commonareanav ul li a { 
	margin:0;
	padding-top:0;
	padding-left:7px;
	padding-right:17px;
	padding-bottom:0;
	height:33px;
	color:#fff;
	font-weight:bold;
	width:126px;
	display:block;
	background:url(/images/Pagetitles/sub_nav_grad.jpg) 0 0 repeat-x;
	border-bottom:1px solid #1B3971;
	border-top:1px solid #3E64A8;
}
#commonareanav ul li a:link, #commonareanav ul li a:visited {color:#fff;text-decoration:none}
#commonareanav a:hover {
	background:url(/images/Pagetitles/sub_nav_grad_f2.jpg) 0 0 repeat-x; color:#fff;text-decoration:none
}

#ourservices {
	background:url(/images/Pagetitles/OurServices.jpg) 0 0 no-repeat;
	height:40px;
}
#aboutASM {
	background:url(/images/Pagetitles/aboutasm.jpg) 0 0 no-repeat;
	height:40px;
	text-indent:-5000em;
}
#ourprograms {
	background:url(/images/Pagetitles/OurPrograms.jpg) 0 0 no-repeat;
	height:40px;
	text-indent:-5000em;
}
#rvsmnav {
	background:url(/images/Pagetitles/RVSMnav.jpg) 0 0 no-repeat;
	height:40px;
	text-indent:-5000em;
}
#blanksub {
	background:url(/images/Pagetitles/blanksub.jpg) 0 0 no-repeat;
	height:40px;
	text-indent:-5000em;
}
.newsimage img{ border:1px solid #000; margin-top:8px }
.newsimage { float:right; margin:0 8px 8px 8px; text-align:center; font-style:italic; position: relative; }
#newscontent { margin:10px ; padding:0 8px 8px 8px; z-index:1000}