@charset "utf-8";
/* CSS Document Morri & Kell */
@font-face {
	font-family: episode;
	src: url('../font/episode.ttf');
}

body{
	background: url(images/bg_slice.jpg) repeat #900;
margin:0px;
padding:0px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #fff;
}



a:link{color:#fff;text-decoration: underline; font-weight:600; }
 a:visited{color:#fff;text-decoration:none;}
 a:hover {color:#FFFFCC;text-decoration:none;}

h1, h2, h3, h4, h5 {padding-left: 10px; letter-spacing: 2px;  font-family: episode;   /*ensure load ttf file in ref'd at top of this file*/}
 
h1{font-size: 14px;}
h2 {font-size: 13px}
h3{
	font-size: 12px;
	text-align: center;
}
h4 {font-size: 11px;}

#wrapper{
		width:980px;
		margin-left: auto; margin-right: auto;
		border: #000 solid medium;
}
#heading{
margin: 10px auto -5px auto;
height:56px; width:499px;
background: url(images/morriandkell.png) top center;
}

#headertext{
	height: 30px; width: 980px;
	color:#fff;
	font-size: 18px; 
	font-weight:bold;
	text-align:center;
	margin:5px 0;
	font-family: episode; /*ensure load ttf file in ref'd at top of this file*/
	letter-spacing: 2px;
}

#headersubtext { 
height : 20px; 
color : #FFFFCC; 
font-size : 16px; 
font-weight : bold; 
text-align : center; 
margin:0 auto;/* zeroing the margins in the last item in header should prevent gap between divs*/
}
#navigation{
margin: 0 auto;
width: 980px;
background-repeat:no-repeat;
font-family: episode;   /*ensure load ttf file in ref'd at top of this file*/
background: #000;
letter-spacing: 1px;
}


#navigation table {margin: 5px auto; text-align:center;}

#navtext{
	
	font-size: 16px; 
	font-weight:bold;
	text-align:center;
	margin:0 auto;
}
#navtext a:link{color:#fff;text-decoration: none; background: #000; display:block; padding: 5px 0;}
#navtext a:visited{color:#fff;text-decoration:none; background: #000; display:block;}
#navtext a:hover {color:#900; background: #fff; display:block; text-decoration:none;}

#mainbody{
width: 980px;
margin:0;

}

#mainbody p, #mainbody h1 {padding: 0px 10px;}

#footer{
background: #000;
width:980px;
background-repeat:no-repeat;

}

#footer img, #footer img a {border:none;}
#footertext{
	font-size: 13px;
	text-align:left;
	color:#FFF;
}
#footertext a:link{color:#fff;text-decoration:underline;}
#footertext a:visited{color:#fff;text-decoration:underline;}
#footertext a:hover {color:#ffc;text-decoration:underline;}



/*Unordered list padding and margin settings (UL used in Products page*/
ul{
padding:1px;
margin-left:2px;
margin-top:0px;
margin-bottom:0px;
}
ul li{
	padding:1px;
	list-style-position: outside;
	margin-left:2px;

}

#footersubtext{
	position:relative;
	top:15px;
	width: 980px;
	padding-bottom:10px;
		font-size: 10px;
	color:#FFCC66;
	text-align: centre;
	font-weight: bold;
	background-color:#660000;
	margin-left: auto; margin-right: auto;/* to centre div on page as outside wrapper*/
}
#footersubtext a:link{

font-size: 10px;color:#CCCC66;
text-decoration:none;
}
#footersubtext a:hover{

font-size: 10px;color:#FFFFFF;
text-decoration:underline;
}
#footersubtext a:visited{

font-size: 10px;color:#CCCC66;
text-decoration:none;
}
.logoLeft{
	font-size: 14px;
	width: 180px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	background: #fff;
	padding: 3px;
	text-align: center;
	/*border: 1px solid #789;*/
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #903;
	text-align:center;
	font-weight:800;
		
	}
	
.logoLeft img, .logoLeft img a {
	/*border: solid #333 thin; */
	border:none;
}

.logoLeft a:link{color:#900; text-decoration: none; 
filter:alpha(opacity=100);
	opacity:1.0;
}
.logoLeft a:visited{color:#900; text-decoration:none; 
filter:alpha(opacity=100);
	opacity:1.0;
}
.logoLeft a:hover {color:#c03; text-decoration:none; 
filter:alpha(opacity=80);
	opacity:0.8;
 }