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

/* -------------------------------------------- */
/* 						GENERAL	  				*/
/* -------------------------------------------- */

body,h1,h2,h3,h4,p,ul,ol,td,input,textarea,div,select 			{ font: 11px/17px Verdana, Arial, Helvetica, sans-serif; }
h7																{ font: 8px/9px Verdana, Arial, Helvetica, sans-serif; }

h1 span,
h2 span,
h3 span,
h4 span 		{ display: none; }


a 				{ color:#004A80; text-decoration:underline;}
a:hover 		{ color:#FF0000; text-decoration:none; }

select					{ border: 1px solid #B5B5B5; }
fieldset 				{ border: 1px solid #DCDCDC; padding-left: 10px;	}
legend					{ padding: 5px 5px; font-weight: bold; }
label 					{ display: block; width: 150px; padding-right: 5px;  float: left; font-weight: bold; text-align: right;} 
span.label				{ display: block; width: 120px; padding-right: 5px;  float: left; font-weight: bold; }
textarea, input			{ border: 1px solid #B5B5B5; padding: 2px;  }


#content div.main ul		{ padding-left: 30px; margin: 8px 0; }
#content div.main p			{ margin: 6px 0; clear: both;  }
#content div.main h1 		{ margin-bottom: 15px; font: bold 1.2em Arial, Helvetica, sans-serif; color: #004A80; border-bottom: 1px solid #004A80;}
#content div.main h2 		{ font-weight: bold; }
#content div.main h3 		{ padding-left: 15px; margin-top: 25px; background: url(../_img/bg_h3.gif) no-repeat center left; font-weight: bold; color: #004A80;}
#content div.main h4		{ margin-top: 15px; font-weight: bold; color: #448CCB;}

img.left					{ float: left; padding-right: 10px; padding-top: 5px; padding-bottom: 10px;}
img.right					{ float: right; padding-left: 10px; padding-top: 5px; padding-bottom: 5px;}

img.frame					{ padding: 1px; border: 1px solid #448CCB; }

/* -------------------------------------------- */
/* 						LAYOUT  				*/
/* -------------------------------------------- */


body					{ background: #E5EDF0 url(../_img/bg_body.jpg) no-repeat left top; text-align: center;  }


#container				{ width: 770px; text-align: left; margin: 0 auto; }
#header					{ width: 770px; height: 95px; }

#header h1						{ width: 245px; height: 95px; background: url(../_img/logo_ase.gif) no-repeat center center; float: left; }
#header #quickjump				{ width: 525px; height: 95px; float: left; }
#header #quickjump form			{ width: 250px; height: 18px; margin-left: 270px; margin-top: 60px; }
#header #quickjump form	h3		{ width:  90px; height: 18px; background: url(../_img/h3_quickjumpto.gif) no-repeat center center; float: left; }
#header #quickjump form select	{ width: 155px; height: 18px; border: 1px solid #B5B5B5; float: left; }

#content						{ width: 538px; margin-top: 0px; float: left; }
#intro							{ width: 528px; height: 234px; margin-bottom: 30px; background: url(../_img/bg_intro.jpg) no-repeat top left; }

#intro h2.hcwh			{ width: 180px; height: 65px; background: url(../_img/h2_howcanasehelp.gif) no-repeat 12px 35px; }
#intro div.hcwh		{ width: 380px; height: 105px; }

#intro div.hcwh ul		{ width: 120px; float: left; padding-left: 30px; color: #F0F4F8; }
#intro div.hcwh ul li	{ margin-left: 20px; font-weight: bold; line-height: 18px }

#productbrowser					{ clear: both; }
#productbrowser table			{ }
#productbrowser table p			{ display: block; width: 170px; height: 65px; margin: 0; background: url(../_img/h3_browseproducts.gif) no-repeat 12px center; float: left; }
#productbrowser table p	span	{ display:none} 
#productbrowser table td		{ width: 33%; }
#productbrowser select			{ width: 155px; height: 18px; border: 1px solid #B5B5B5; float: left; }


#content div.main				{ width: 560px; margin-top: 15px; min-height: 250px; } 

#footer							{ margin-top: 25px; padding: 14px 8px; border-top: 2px solid #DCDCDC; }
#footer p,
#footer p a						{ font: 10px/12px Verdana, Arial, Helvetica, sans-serif; color: #737373; text-decoration: none; margin: 0; }
#footer p a:hover 				{ color:#D9293E; text-decoration: underline; }			

#copyright						{ padding: 0 8px; margin-bottom: 20px; }
#copyright	p					{ font: 10px/12px Verdana, Arial, Helvetica, sans-serif; color: #A7A7A7; }
#copyright a 					{ color: #737373; }
#copyright a span				{ display: none; }
/* -------------------------------------------- */
/* 						MENU	  				*/
/* -------------------------------------------- */

#menu							{ clear: both; width: 770px; height: 47px; background: url(../_img/bg_menu.gif) no-repeat top right; }
#menu ul						{ margin: 0; width: 760px; height: 47px; float: right; }
#menu ul li 					{ float:left; list-style-type: none; background: url(../_img/bg_divider.gif) no-repeat center right; }
#menu ul li a.home				{ width: 175px; background: url(../_img/btn_home.gif) no-repeat center center; }
#menu ul li a.about				{ width: 195px; background: url(../_img/btn_about.gif) no-repeat center center; }
#menu ul li a.solutions			{ width: 195px; background: url(../_img/btn_solutions.gif) no-repeat center center; }
#menu ul li a.products			{ width: 195px; background: url(../_img/btn_products.gif) no-repeat center center; }
#menu ul li a.contact			{ width: 190px; background: url(../_img/btn_contact.gif) no-repeat center center; }
#menu ul li.contact				{ background: none; }

#menu ul li a 					{ display: block; height: 47px; background-position: center center;  float: left;  }
#menu ul li a:hover				{ background-position: center center; }
#menu ul li a span				{ display: none; }


/* -------------------------------------------- */
/* 						SUBMENU  				*/
/* -------------------------------------------- */
 
#subnav							{ width: 210px; margin-top: 10px; float: left;  }
#subnav	ul						{ margin: 0; width: 185px; }
#subnav	ul li					{ display: block; width: 185px; height: 59px; border-bottom: 1px solid #DCDCDC; list-style-type: none; background: url(../_img/bg_subnav.gif) no-repeat top right; }

#subnav ul li a 				{ display: block; width: 170px; height: 59px; }
#subnav ul li a span			{ display: none; }



#subnav ul li a.home					{ background: url(../_img/subnav/btn_home.gif) no-repeat top left; }

#subnav ul li a.softwaredevelopment		{ background: url(../_img/subnav/btn_softwaredevelopment.gif) no-repeat top left; }
#subnav ul li a.solutionsportfolio		{ background: url(../_img/subnav/btn_solutionsportfolio.gif) no-repeat top left; }
#subnav ul li a.latestnews				{ background: url(../_img/subnav/btn_latestnews.gif) no-repeat top left; }


#subnav ul li a.about					{ background: url(../_img/subnav/btn_about.gif) no-repeat top left; }
#subnav ul li a.jobs					{ background: url(../_img/subnav/btn_jobs.gif) no-repeat top left; }
#subnav ul li a.contact					{ background: url(../_img/subnav/btn_contact.gif) no-repeat top left; }
#subnav ul li a.officecontacts			{ background: url(../_img/subnav/btn_officecontacts.gif) no-repeat top left; }

#subnav ul li a.solutions				{ background: url(../_img/subnav/btn_solutions.gif) no-repeat top left; }
#subnav ul li a.integration	{ background: url(../_img/subnav/btn_systemsintegration.gif) no-repeat top left; }
#subnav ul li a.applicationsdevelopment	{ background: url(../_img/subnav/btn_applicationsdevelopment.gif) no-repeat top left; }
#subnav ul li a.reportingsolutions		{ background: url(../_img/subnav/btn_reportingsolutions.gif) no-repeat top left; }
#subnav ul li a.hostedsolutions 			{ background: url(../_img/subnav/btn_hosted.gif) no-repeat top left; }

#subnav ul li a.products				{ background: url(../_img/subnav/btn_products.gif) no-repeat top left; }
#subnav ul li a.benchmarking			{ background: url(../_img/subnav/btn_benchmarking.gif) no-repeat top left; }
#subnav ul li a.monitoring				{ background: url(../_img/subnav/btn_monitoring.gif) no-repeat top left; }