html, body{height:100%;} 
 body	{
 	margin: 0; padding:0; text-align:center;
	font:62.5% georgia, "Times New Roman", serif;
	line-height:1.8em;
	color: #FFF;
	background:#1D0302 url(../images/bg.jpg) top left no-repeat;
	}
/* Centres the design in the middle of the page regardless of screen resolution */	
#wrap  {
position: absolute;
text-align:left;
width:800px;
height:620px;
left: 50%;
/*hide from ie-Mac\*/

top: 50%;
margin-top: -310px; /* make this half your image/element height */
margin-left: -399px; /* make this half your image/element width */
/*end hide*/
}

.hide {display:none;}


/* Styles for background images
----------------------------------*/
#content_home, #content_about, #content_concept, #content_services, #content_manufacturing, #content_clients, #content_contact {width:800px; height:600px;  margin:0; padding:0; }

#content_home {background:url(../images/content/home.jpg) no-repeat;}
#content_about { background:url(../images/content/about.jpg) no-repeat;}
#content_concept { background:url(../images/content/concept.jpg) no-repeat;}
#content_services {background:url(../images/content/services.jpg) no-repeat;}
#content_manufacturing {background:url(../images/content/manufacturing.jpg) no-repeat;}
#content_clients {background:url(../images/content/clients_comingsoon.png) no-repeat;}
#content_contact {background:url(../images/content/contact.jpg) no-repeat;}



/* Styles for text
----------------------------------*/

p.about {position:absolute; top:150px; left:440px; width:344px; height:263px; background:url(../images/text/about.gif) no-repeat; margin:0; padding:0;}
p.about a {position:absolute; top:240px; left:0px; width:240px; height:20px; padding:0px;}

p.concept {position:absolute; top:90px; left:440px; width:329px; height:342px; background:url(../images/text/concept.gif) no-repeat; margin:0; padding:0;}

p.manufacturing {position:absolute; top:100px; left:440px; width:336px; height:140px; background:url(../images/text/manufacturing.gif) no-repeat; margin:0; padding:0;}

p.service {position:absolute; top:500px; left:440px; width:230px; height:32px; background:url(../images/text/services.gif) no-repeat; margin:0; padding:0;}

p.service a {position:absolute; top:18px; left:0px; width:210px; height:15px; margin:0; padding:0;}

p.contact1 {position:absolute; top:450px; left:440px; width:312px; height:47px; background:url(../images/text/contact1.gif) no-repeat; margin:0; padding:0;}
p.contact1 a {position:absolute; top:23px; left:130px; width:180px; height:20px; padding:0px;}

p.contact2 {position:absolute; top:500px; left:440px; width:331px; height:20px; background:url(../images/text/contact2.gif) no-repeat; margin:0; padding:0;}
p.contact2 a {position:absolute; top:0px; left:138px; width:190px; height:20px; padding:0px;}


h1, p  {margin:0; padding:0; font-size:1em;}


/* Main Bottom  Navigation
-------------------------*/
#mainNav {
	position: absolute;
	top:605px; left:5px;
	margin: 0;
	padding: 0;	
	width: 700px;
	height:20px;
	text-align: left;
}

#nav, #nav ul { padding: 0; margin: 1px 0 0 0; list-style: none; } 

#nav .about {width: 47px; height:11px; background: url(../images/buttons/about.gif) no-repeat;}
#nav .concept {width: 61px;  height:11px; background: url(../images/buttons/concept.gif) no-repeat;}
#nav .manufacturing {width: 114px;  height:11px; background: url(../images/buttons/manufacturing.gif) no-repeat;}
#nav .services {width: 62px; height:11px; background: url(../images/buttons/services.gif) no-repeat;}
#nav .clients {width: 62px; height:11px; background: url(../images/buttons/clients.gif) no-repeat;}
#nav .contact {width: 62px; height:11px; background: url(../images/buttons/contact.gif) no-repeat;}

#nav a { 
	display: block; 
	text-decoration: none;
	margin:3px 12px;
	padding:10px 1px;
} 

#nav li { float: left;}
#nav li ul { position: absolute; width:100px; left: -999em; margin:-20px 0 0 10px; padding:0;}

#nav li:hover ul { left: auto; }

/* Styles for sub navigation found on services page 
---------------------------------------------------------*/

#subnav ul {position:absolute; top:100px; left:440px; width:339px; list-style-type: none; font:1px Tahoma, Arial, Helvetica, sans-serif; margin:0px; padding:0;}
#subnav ul li span { visibility:hidden; }
#subnav ul li a, #subnav ul li div { display:block; width:339px;  background-repeat: no-repeat; background-position: left top; margin:0; padding:7px 0; text-decoration:none; }


#subnav div.services {height:19px; background-image: url(../images/services-buttons/services.gif); }

#subnav a.consultation {height:19px; background-image: url(../images/services-buttons/consultation.gif); }
#subnav div.consultation {height:109px; background-image: url(../images/services-buttons/consultation_over.gif); }
#subnav a.fittings {height:19px; background-image: url(../images/services-buttons/fittings.gif); }
#subnav div.fittings {height:90px; background-image: url(../images/services-buttons/fittings_over.gif); }
#subnav a.pattern-making {height:19px; background-image: url(../images/services-buttons/pattern.gif); }
#subnav div.pattern-making {height:87px; background-image: url(../images/services-buttons/pattern_over.gif); }
#subnav a.digitizing {height:19px; background-image: url(../images/services-buttons/digitizing.gif); }
#subnav div.digitizing {height:67px; background-image: url(../images/services-buttons/digitizing_over.gif); }
#subnav a.sample {height:19px; background-image: url(../images/services-buttons/sample.gif); }
#subnav div.sample {height:70px; background-image: url(../images/services-buttons/sample_over.gif); }
#subnav a.shipping {height:19px; background-image: url(../images/services-buttons/shipping.gif); }
#subnav div.shipping {height:88px; background-image: url(../images/services-buttons/shipping_over.gif); }