/******************
Baguley Engineering

Screen Stylesheet

Created: 23/6/08
******************/

@import "reset.css";
@import "form.css";
@import "thickbox.css";

/******************
main elements
******************/

*{	padding:0;	margin:0; }

body { background: #545961 url(../images/bodyGrad.gif) repeat-x; font: .8em Arial, Helvetica, sans-serif; }

h1, h2, p {	margin: 10px 0 10px 0; }
	
h1, h2, h3, h4, h5 { font: bolder 1.5em Helvetica, Arial, sans-serif bolder; color:#01265e; margin-top:20px;}

h2 {font-size:1.3em; }

h3 {font-size:1.1em; }

h4 {font-size:1em; }

h5 { font-size:.9em; }
	
p {	line-height:1.4em; }

a {	text-decoration:none;  color:00337f; }

a:hover { color:#000000; }

.clear { clear:both; }

.left { float:left; }

.right { float:right; }

img { border:none; }

/******************
containers
******************/

#container {
	background: url('../images/containBg.gif') repeat-y;
	margin: 0 auto;
	width:870px;
	padding: 0 10px 0 10px;
}

	#header { height:140px; background: url('../images/headerBg.gif') repeat-x;	}

	#banner { height:250px; width:870; overflow:hidden; background: #000000; }
	
	#main {	background: #ffffff url('../images/mainBg.gif') repeat-x; height:inherit;	}
		
		#information { float:left; width:640px; padding: 30px 40px 30px 40px; }
		
			#ladder, #salt { width:640px; float:left; }
		
		#links {
			float:left;
			width:110px;
			border-left:1px solid #CCCCCC;
			margin: 80px 0 80px 0;
			padding: 0 10px 0 20px;
			line-height:1.5em;
		}
			
	#footer {
		clear:both;
		position:relative;
		left:-10px;
		height:81px;
		width:810px;
		background: url('../images/footer.gif');
		padding: 10px 40px 10px 40px;
	}
		
/******************
navigation
******************/

#mainNav { position:absolute; top:112px; height:20px; padding-left:24px; }

#mainNav ul li { padding: 0 14px 0 14px; display:block; float:left; }

.mLink { border-right: 1px dotted #666666; }
	
#mainNav a { color:#657487; font: .9em Helvetica, sans-serif; font-weight:900; }
	
#mainNav a:hover { color:#999999; }

#mainNav ul ul {
		position:absolute;
		border:none;
		width:122px;
		top:16px;
		left:441px;
		padding:0;
		margin:0;
		display:none;
		z-index:10;
	}
	
	li ul li {
		width:122px;
		float:left;
		background:#dce1e8;
		height:20px;
		border-left: 1px dotted #666666;
		border-right: 1px dotted #666666;
		border-bottom: 1px dotted #666666;
		border-right:none;
		padding:0;
	}

li:hover ul{ display:block; }
	
.noborder {	border:none; }

/******************
header
******************/
#header #logo {	position:absolute; top: 28px; margin-left:30px; }
		
#header #phone { position: absolute; top:49px; margin-left:522px; }
		
#header #pic { float:right; }
	
/******************
main
******************/
#title { margin-bottom:10px; }

#main a { text-decoration:underline; }

.mainList { list-style:square; padding-left:30px; line-height:1.8em; }
		
.tBoxHolder{ float:right; margin: 50px 0 0 20px; }
		
.tBoxHolder ul { list-style:none; }

.tBoxHolder ul li { margin-bottom:10px;}

.tBoxHolder a img { border: 3px solid #ffffff;}

.tBoxHolder a:hover img { border:3px solid #dddddd; }


/******************
footer
******************/

#footer img { float:left; padding: 10px; }
			
#footLink { padding: 20px 0 0 10px; float:left; color:#00337f; }

  #footLink a { color:#00337f; }
	
  #footLink #copy { color:#000000; display:block;	font-size:.9em;	padding-top:4px; }
			
#footer #wf { float:right; margin-top:10px; }