/* mottram-base.CSS
	v1.0 - 22/10/06
	Phil Chapman - Hi-Peak Internet
	Copyright (c) Hi-Peak Internet */

/* General styles */
body{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

h1{
	font-size:1.5em;
}

/* Container to fix width of centred page */
#page-holder{
	margin:0 auto;
	width:760px;
	text-align:left;
}

/* Page header */
#header{
	margin-bottom:5px;
	padding:0;
	background:url(../images/engineering-banner.jpg) right no-repeat;
	/* Next 3 lines make absolute positioned elements relative to header */
	position: relative;
	left: 0px;
	top: auto;
}

#date{
	position:absolute;
	top:85px;
	left:220px;
	color:#2883C0;
	font-size:0.66em;
}

/* Menu styles */
#main-menu{
	margin:0 0 5px 0;
	padding:0;
	/*clear:both;*/
	height:1.45em;
	width:auto;
}

#main-menu ul{
	margin-left:6px;
	padding:0;
	list-style:none;
	float:left;
	width:auto;
}

#main-menu li{
	padding:0;
	margin:0;
	float:left;
}

* html #main-menu a{
	float:left; /* IE Hack, solve rendering of menus on IE5.5 Mac */
}

#main-menu a{
	color:#fff;
	background-color:#2883C0;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	font-size:0.7em;
	margin:0;
	padding:0 10px 0 10px;
}

#main-menu a:visited{
	color:#fff;
}

#main-menu a:hover{
	color:#fff;
	background-color:#004293;
}

.menu-spacer{
	width:20px;
}

/* Main page content */
#page-title{
	text-align:right;
	width:100%;
}

#page-title h1{
	font-size:1em;
	font-weight:bold;
	color:#2883C0;
	margin:0;
	padding:0 5px 0 0;
}

#page-title hr{
	color:#2883C0;
	margin:0;
	padding:0;
}

#content{
	clear:both;
}

#content p{
	padding:0 10px 0 10px;
	font-size:0.95em;
	text-align:justify;
}

#content a{
	border:0;
}

.big-list{
	font-size:0.9em;
	font-weight:bold;
	font-style:italic;
	list-style-image: url(../images/bullet-red.gif);
}

img.grid-top{
	margin:0 25px 5px 25px;
}

img.grid-middle{
	margin:18px 10px 18px 10px;
}

img.grid-bottom{
	margin:5px 25px 0 25px;
}

img#map-link{
	margin:0 25px 2px 25px;
	border:0;
}

/* Layout tables */
#laser-bg{
	height:225px;
	background:url(../images/mazak-laser.jpg) no-repeat right bottom;
}

#design-bg{
	height:250px;
	background:url(../images/designer.jpg) no-repeat left bottom;
}

#tube-cutting-bg{
	height:200px;
	background:url(../images/tube-cutting.jpg) no-repeat left bottom;
}

#milling-bg{
	height:280px;
	background:url(../images/milling.jpg) no-repeat left bottom;
}

#turning-bg{
	height:270px;
	background:url(../images/turning.jpg) no-repeat left bottom;
}

#sheet-metal-folding-bg{
	height:180px;
	background:url(../images/sheet-metal-press.jpg) no-repeat right center;
}

/* Contact form */
form{
	margin:0;
	padding:0;
	font-size:0.9em;
	text-align:left;
}

.text-input, .checkbox-input{
	font: 12px Arial, Helvetica, sans-serif;
	color:#333333;
}

.text-input{
	background:url(../images/field-bg.jpg) repeat-y;
	border:1px #CCCCCC;
}

/* Page footer */
#footer{
	color:#fff;
	background:#2883C0;
	font-weight:bold;
	text-align:center;
	font-size:0.7em;
}

#footer a{
	color:#fff;
}