body { margin:0px auto; padding:0; font: 60% Verdana, Sans-Serif; color:#666; line-height: 1.8em; }



#wrapper { 
margin: auto;
margin-top: 0px;
position: relative;
padding: 0 0 0 0; 
width: 750px; 
height: 650px; 
}

#header { 
width: 750px; 
height: 128px; 
background: url(header-back1.jpg)}

#main { 
float: left;
width: 750px;
height: 522px; 
margin: 0; 
padding: 0 0 0 0; }	

#main para { font: 100% Verdana, Arial, Helvetica, sans-serif; color: #000; background: inherit; }
#main h3 { font: 85% Arial, Sans-Serif; margin: 0 0 0 0; padding: 0; color: #5f5f5f; background: inherit; }

.cur {
	CURSOR: pointer
}

#menu {right: 0px; width: 320px; list-style:none; z-index: 500; position:absolute; font-family:arial, verdana, sans-serif; TOP: 105px}
html>body #menu {top:93px}

#menu2 {right: 0px; width: 620px; list-style:none; z-index: 400; position:absolute; font-family:arial, verdana, sans-serif; TOP: 129px}
html>body #menu2 {top:119px}


#menu li {padding: 0 0 0 0; display:block; float:left;}

#menu2 li {padding: 0 0 0 0; display:block; float:left;}

#menu li a.home {background:url('home.jpg'); width:49px; height:23px; display:block; text-indent:-99999px} 
#menu li a.projects {background:url('projects.jpg'); width:69px; height:23px; display:block;text-indent:-99999px} 
#menu li a.careers {background:url('careers.jpg'); width:65px; height:23px; display:block;text-indent:-99999px} 
#menu li a.contact {background:url('contact.jpg'); width:69px; height:23px; display:block;text-indent:-99999px} 
#menu li a.enquiry {background:url('enquiry.jpg'); width:60px; height:23px; display:block;text-indent:-99999px} 


#menu li.home1 {background:url('home1.jpg');} 
#menu li.projects1 {background:url('projects1.jpg');} 
#menu li.careers1 {background:url('careers1.jpg');} 
#menu li.contact1 {background:url('contact1.jpg');} 
#menu li.enquiry1 {background:url('enquiry1.jpg');} 


#menu li.current a.home,
#menu li.current a.home:hover {background:url('home1.jpg');} 
#menu li.current a.projects,
#menu li.current a.projects:hover {background:url('projects1.jpg');} 
#menu li.current a.careers,
#menu li.current a.careers:hover {background:url('careers1.jpg');} 
#menu li.current a.contact,
#menu li.current a.contact:hover {background:url('contact1.jpg');} 
#menu li.current a.enquiry,
#menu li.current a.enquiry:hover {background:url('enquiry1.jpg');} 


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu a:hover {visibility:visible; position:relative; z-index:200;}
#menu li:hover {position:relative; z-index:200;}

#menu li a.top_link:hover {background:transparent;} 
#menu li:hover > a.top_link {background:transparent;} 

/* keep the 'next' level invisible by placing it off screen. */
#menu ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul {left:0; top:23px; background:url('links_back.gif'); padding:1px; white-space:nowrap; height:auto; width:auto; z-index:300}
#menu :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
#menu :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; background:transparent; text-decoration:none;}
#menu :hover ul li a:hover {text-decoration:underline;}

#menu2 li a.link0 {background:url('link0.gif'); width:91px; height:25px; display:block; text-indent:-99999px} 
#menu2 li a.link1 {background:url('link1.gif'); width:53px; height:25px; display:block; text-indent:-99999px} 
#menu2 li a.link2 {background:url('link2.gif'); width:95px; height:25px; display:block;text-indent:-99999px} 
#menu2 li a.link3 {background:url('link3.gif'); width:70px; height:25px; display:block;text-indent:-99999px} 
#menu2 li a.link4 {background:url('link4.gif'); width:85px; height:25px; display:block;text-indent:-99999px} 
#menu2 li a.link5 {background:url('link5.gif'); width:94px; height:25px; display:block;text-indent:-99999px}
#menu2 li a.link6 {background:url('link6.gif'); width:122px; height:25px; display:block;text-indent:-99999px}

#menu2 li.link0a {background:url('link0a.gif');} 
#menu2 li.link1a {background:url('link1a.gif');} 
#menu2 li.link2a {background:url('link2a.gif');} 
#menu2 li.link3a {background:url('link3a.gif');} 
#menu2 li.link4a {background:url('link4a.gif');} 
#menu2 li.link5a {background:url('link5a.gif');} 
#menu2 li.link6a {background:url('link6a.gif');} 


#menu2 li.current a.link0,
#menu2 li.current a.link0:hover {background:url('link0a.gif');}
#menu2 li.current a.link1,
#menu2 li.current a.link1:hover {background:url('link1a.gif');} 
#menu2 li.current a.link2,
#menu2 li.current a.link2:hover {background:url('link2a.gif');} 
#menu2 li.current a.link3,
#menu2 li.current a.link3:hover {background:url('link3a.gif');} 
#menu2 li.current a.link4,
#menu2 li.current a.link4:hover {background:url('link4a.gif');} 
#menu2 li.current a.link5,
#menu2 li.current a.link5:hover {background:url('link5a.gif');} 
#menu2 li.current a.link6,
#menu2 li.current a.link6:hover {background:url('link6a.gif');} 

#menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu2 a:hover {visibility:visible; position:relative; z-index:200;}
#menu2 li:hover {position:relative; z-index:200;}

#menu2 li a.bot_link:hover {background:transparent;} 
#menu2 li:hover > a.bot_link {background:transparent;} 

/* keep the 'next' level invisible by placing it off screen. */
#menu2 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu2 :hover ul {left:0; top:25px; background:url(''); padding:1px; white-space:nowrap; height:auto; width:auto; z-index:300}
#menu2 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
#menu2 :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; background:transparent; text-decoration:none;}
#menu2 :hover ul li a:hover {text-decoration:underline;}