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: 580px; 
}



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


#main { 
float: left;
width: 750px;
height: 413px; 
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: 140px}

html>body #menu {top:129px}


#menu 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;}
.red {font-family:verdana, Arial;font-size:12px;font-weight:800;color:#ff0000; }