/* Client: UNDERGEAR Engineering Ltd-------------------------- */
/* 																				*/
/* 	css coding produced by Clive Moore MA							*/
/* 	www.ma-design.com														*/
/* 	tel: 01902 344234														*/
/* 																				*/
/* 	April 2006  															*/
/* ----------------------------------------------------------- */


body	{ 	background-color: white; color: white; margin-top:0;
			SCROLLBAR-FACE-COLOR: #cccccc;;
			SCROLLBAR-HIGHLIGHT-COLOR: white;
			SCROLLBAR-SHADOW-COLOR: black;
			SCROLLBAR-3DLIGHT-COLOR: #009999;
			SCROLLBAR-ARROW-COLOR: teal;
			SCROLLBAR-TRACK-COLOR:  #71828A;
			SCROLLBAR-DARKSHADOW-COLOR: black;
			font-family: Arial, sans serif; 
			font-size: 9pt;}
			

				
h1 { 		Display: None;
			position: absolute; top: 128px; left: 15px; z-index: 0;
			padding-top: 40px; padding-bottom: 0px;
			margin-top: -40px;
			padding-bottom: 20px;
			padding-right: 10px;
			font-size: 28pt; line-height: 32pt;
			font-style: normal; font-weight: normal;
			text-align: left;
			background-color: transparent;  
			color: teal; }
			/*
			filter: dropshadow(offx="1", offy="2", color="black" direction="145");}  
			*/
			
h2 {		position: relative;	margin-left: 0px; padding: 0px; margin-bottom: 10px;
			font-size: 14pt; line-height: 12pt; font-style: normal; font-weight: bold;
			text-align: left; letter-spacing: 0; 
			background-color: transparent;
			color: teal; }
		
		
p{ 		margin-top: 0;
			margin-bottom: 10px; }
			
			
			
.subhead {
			position: relative;
			left: 0px;
			padding-top: 10px;
			font-size: 11pt; font-weight: bold;
			background-color: transparent;
			color: teal;}


/* Div Layout & MAIN CONTENT    --------- */
			
#content { width:100%; height: 100%; background-color: teal; }
					
#logotype { display: block;
			position: absolute; top: 90px; left: 0px; width: 250px; height: 133px; z-index: 2;
			background-image: url(../images/logotype-print.jpg);}
			
#bodytext {
			position: absolute; left: 0px; top: 220px; width: 250px; height: 1225px;
			padding-left: 10px; padding-right: 25px; 
			background-color: white;
			font-style: normal; font-weight: bold;
			color: black; }
#bodytext p {
			text-align: justify; letter-spacing: 0; }
			
#bodytext a {
			color: teal; background-color: transparent; text-decoration: none;}

#bodytext a:hover {
			color: white; background-color: transparent; text-decoration: none;}

#bodytext ul { 
			padding: 0 4em 0 2em; margin: 0 0 0 0;}			
			
#bodytext li {
			font-style: italic;
			line-height: 10pt;
			padding-top: 15px;
			text-align: left;}
	
/* #locationtext {position: relative; top: 0px; left: 0px; right: 15%; width: 392px;  }

#locationtext p {width: 275px;}
#locationtext ul { 
			padding-left:  0 8.5em 0 2em; margin: 0 0 0 0;}			
			
#locationtext li {
			font-style: italic;
			line-height: 12pt;
			padding-top: 15px;
			text-align: left;}  */

/* Div BUTTON MENUS    --------- */


			
#top-menu { display: INLINE;
			position: relative; left: 0px; top: 10px; height: 100px; right: 0px; width: 250px; z-index: 1;
			color: white; background-color: teal; }
			
#side-menu {display: none;
			position: absolute; left: -5px; top: 150px; height: 250px; width: 120px; z-index: 2;
			background-color: transparent;
			color: teal;
			font-style: italic;
			font-weight: bold;
			font-size: 8pt;
			line-height: 10pt;
			padding-bottom: 10px;
			margin-top: 10px;}
				
#side-menu ul { color: teal; background-color: transparent; }
#side-menu li { margin-bottom: 10px; }
#side-menu a { color: black; text-decoration: none; background-color: transparent;}
#side-menu a:hover { color: teal; text-decoration: none; background-color: transparent;}
			
#bottom-menu { display: none;
			position: absolute; left: 30px; top: 925px; height: 19px; right: 15%; z-index: 1;
			color: white;
			background-color: teal; }
		
		

.buttons ul{
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			height: 10px }

.buttons ul li{
			font-weight: bold;
			background-color: transparent;
			list-style: none;
			display: inline;}

.buttons ul li a{
			padding: 0px 0.4em;
			text-decoration: none;
			float: left;
			color: white;
			background-color: teal;
			border: 2px solid teal;}

.buttons ul li a:hover{
			color: teal;
			background-color: white;
			border-style: outset;}

html>body .buttons ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
			border-style: inset;}

	
			

			


/* Div ADDRESS BOX with rounded corners   --------- */	

.companyname {
			font-size: 11pt; font-style: normal; font-weight: bold; 
			color: teal;
			background-color: transparent;
 			margin-top: 10px; padding-bottom: 15px;}
			
.email {	font-style: italic; font-size: 8pt; }
			
			
			
div#roundedbox { display: block;
			position: absolute; LEFT: 0px; top: 800px; width: 275px; z-index: 0;
      	background: transparent;
			color: black;
      	float: right;
      	margin: 0 0 0 1em;}
		
div#roundedbox p { 
			position: relative;
			text-align: right;
			margin-bottom: 5px;
			z-index: 3;
			top: -10px; padding-right: 15px; padding-top:0; padding-bottom: 0px; }
			

div#roundedbox a { color: black; text-decoration: none; background-color: transparent;}
div#roundedbox a:hover { color: teal; text-decoration: none; background-color: transparent;}
/*		
div#roundedbox #top, div#roundedbox #bottom {
      	font-size: 1px;
      	height: 16px;
      	line-height: 1px;}
div#roundedbox #topleft { display: none:
      	background: url(../images/corners.gif) no-repeat top left;
      	float: left;
      	height: 16px;
      	width: 16px;}
div#roundedbox #topright { display: none:
      	background: url(../images/corners.gif) no-repeat top right;
      	float: right;
      	height: 16px;
      	width: 16px;}
div#roundedbox #bottomleft { display: none:
      	background: url(../images/corners.gif) no-repeat bottom left;
      	float: left;
      	height: 16px;
      	width: 16px;}
div#roundedbox #bottomright { display: none:
      	background: url("../images/corners.gif") no-repeat bottom right;
      	float: right;
      	height: 16px;
      	width: 16px;}
*/		
			
/* Div MA_DESIGN  Copyright stuff  --------- */	

#ma-design {
			position: absolute; left: 0px; top: 1200px; height: 15px; width: 250px;
			padding-left: 10px; padding-right: 45px; padding-top: 0px; padding-bottom: 0px;
			font-style: normal;
			font-size: 7pt;
			color: black;
			background-color: transparent; }
			
#ma-design a { color: black; text-decoration: none;}
#ma-design a:hover {	 color: black; text-decoration: none;}
		
#ma-design strong { color: #FFA500; background-color: transparent;}




/* ---- PICTURES for the pages -------------------------- */

#turning-anim { display: inline;
			position: RELATIVE; top: 20px; left: 100px; width: 108px; height: 225px; z-index: 2;
			background: url("../images/turning-anim.gif");}	

/* dropshadow1 */
.popshadow	{position:relative; left:-5px; top:-5px; filter:shadow(color="#4A5358", direction="145") }


#locationtext {
			position: relative; width: 290px; }	
	
#ukmap {
			position: absolute; top: -10px; left: 400px; height: 45%; z-index: 2; float: left;}

/*	Client supplied works photos in central box
	we use a class to define the generic options such as size etc
	then use an ID to set a certain image */
	
.main-image { position: relative; top: 5px; width: 350px; height: 195px; z-index: 2; }


/* To add a logo to a specific page open up the index file,
	look for the div with the classname "main-image"
	then change the ID. */
	
img {	border: 0px; }
	
.main-image#welcome { display: block; background-image: url("../images/images_001.jpg"); }	
.main-image#news { display: block; background-image: url(../images/images_019.jpg); }
.main-image#quality { display: block; background-image: url(../images/images_017.jpg); }
.main-image#environmental { display: block; background-image: url(../images/images_012.jpg); }
.main-image#machinery { display: block; background-image: url(../images/images_006.jpg); }
.main-image#turning { display: block; background-image: url(../images/images_008.jpg); }
.main-image#vertical { display: block; background-image: url(../images/images_005.jpg); }
.main-image#horizontal { display: block; background-image: url(../images/images_004.jpg); }
.main-image#downloads { display: block; background-image: url(../images/images_018.jpg); }
.main-image#location { display: block; background-image: url(../images/images_009.jpg); }
.main-image#contact_us { display: block; background-image: url(../images/images_013.jpg); }