@charset "utf-8";
/* CSS Document */

html body {
	margin-top:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#4c4c4c;
	background: url(../images/containerBg5.jpg) top left repeat-x;
}

p, h1, h2, h3, h4, h5, h6, ul, li, table, td, th, tr, form, input, img, button {
	margin:0px;
	padding:0px;
}



#container {
	position:relative;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:08px;  /* was 20px */
}

#container2 {
	position:relative;
	float:left;
	background:url(../images/cont2_BG.jpg) top left repeat-y;
}


/* self clearing rules */
#container2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container2 { display: inline-block; height: 1%; }
/* Hides from IE-mac \*/
#container2 { display: block; }
/* End hide from IE-mac */


		/*#logo {	
			position:relative;
			float:right;
			margin:0px;
			padding:0px;
			margin-bottom:-15px;
		}*/		
		
		
		
		#topFuzz {
			position:relative;
			float:left;
			background:url(../images/topFuzz.jpg) top left no-repeat;
			height:10px;
			width:900px;
			margin-top:4px;
		}
		
	
		
		#leftFuzz {
			position:relative;
			float:left;
			width:10px;
			/*background:url(../images/leftFuzz.jpg) top left no-repeat;
			height:869px;*/
		}
		
		
		#rightFuzz {
			position:relative;
			float:left;
			width:10px;
			/*background:url(../images/rightFuzz.jpg) top left no-repeat;
			height:869px;*/
		}
		
		
		#bottomFuzz {
			position:relative;
			float:left;
			background:url(../images/bottomFuzz.jpg) top left no-repeat;
			height:10px;
			width:900px;
		}
				
				
				
		
		#whiteBox {
			position:relative;
			float:left;
			width:880px; /* was 880px*/
			background-color:#FFFFFF;
			/*height:935px;*/
		}
		
				
				#header {
					position:relative;
					float:left;
					width:866px;
					height:269px;
					margin-left:14px;
					/*margin-bottom:14px;*/
					margin-top:14px;
					background:url(../images/header-pic.jpg) top left no-repeat;
				}
				
						.logo {
							position:relative;
							float:left;
							/*width:363px;*/
						}
					
								.logo p.logoGreen {
									color:#A4BD41;
									font-size:34px;
									margin-left:18px;
									margin-top:27px;
									margin-bottom:0px;
								}
								
											.logo p.logoGreen a {
												color:#A4BD41;
												text-decoration:none;
											}
							
								.logo p.logoBlack {
									color:#000000;
									font-size:26px;
									letter-spacing:16px;
									margin-left:120px;
								}
								
										.logo p.logoBlack a {
											color:#000000;
											text-decoration:none;
										}
							
					
						.strapline {
							position:relative;
							float:right;
							color:#69744C;
							font-weight:bold;
							font-size:14px;
							letter-spacing:2px;
							margin-top:57px;  /* was 42px */
							margin-right:30px;
						}
						
								.strapline p.smallStrap {
									font-size:11px; /* was 12px */
									letter-spacing:1px; /* was 1px */
									margin-left:55px;
									margin-top:5px;
								}
					
				
					
					.imgfade {
						border:0pt none;
						left:0px;
						position:absolute;
						top:0px;
					}
		
				#nav {
					position:relative;
					float:left;
					background:url(../images/navBar.jpg) top left no-repeat;
					height:38px; !important;
					width:866px;
					color:#FFFFFF;
					margin-left:14px;
					/*margin-top:14px;*/
					margin-bottom:14px;
				}
				
					
					#nav ul {
						padding-top:10px;
						font-size:12px; /* was 14px */
					}
				
					#nav ul li {
						display:inline;
						margin-left:12px;  /* was 7px */
					}
					
						#nav ul li.first {
							margin-left:20px;
						}
					
						#nav ul li a:link, #nav ul li a:visited {
							color:#FFFFFF;
							text-decoration:none;
						}
						
						#nav ul li a:active, #nav ul li a:hover {
							color:#FFFFFF;
							text-decoration:underline;
						}
						
						
						/* making "on" class work */
						
						#nav ul li a.on:link, #nav ul li a.on:visited {
							color:#444e2a;
							text-decoration:underline;
						}
						
						#nav ul li a.on:active, #nav ul li a.on:hover {
							color:#444e2a;
							text-decoration:underline;
						}
						
						/* end of making "on" class work */
						
						
					
					    /* sub nav styling - rhs. in seperate div now so created nav2 to contain it */
							
							
							
							#nav2 ul {
								padding-top:10px;
								font-size:12px; /* was 14px */
								margin-top:-30px;
							}
						
							#nav2 ul li {
								display:inline;
								margin-left:4px;  /* was 7px */
							}
							
								#nav2 ul li.first {
									margin-left:20px;
								}
							
								#nav2 ul li a:link, #nav2 ul li a:visited {
									color:#FFFFFF;
									text-decoration:none;
								}
								
								#nav2 ul li a:active, #nav2 ul li a:hover {
									color:#FFFFFF;
									text-decoration:underline;
								}
						/* end of sub nav styling - rhs. in seperate div now so created nav2 to contain it */	
						
						
						
				#footerNav {
					position:relative;
					float:left;
					/*height:38px;*/
					width:620px; /* was 866px */
					color:#4c4c4c;
					/*margin-left:14px;*/
					margin-top:3px;
					margin-bottom:3px;
				}
				
						#footerNav ul {
							/*padding-top:10px;*/
							font-size:10px; /* was 14px */
						}
				
						#footerNav ul li {
							display:inline;
							margin-left:0px;
						}
					
						#footerNav ul li.first {
							margin-left:0px; /* was 20px */
						}
					
						#footerNav ul li a:link, #footerNav ul li a:visited {
							color:#4c4c4c;
							text-decoration:none;
						}
						
						#footerNav ul li a:active, #footerNav ul li a:hover {
							color:#4c4c4c;
							text-decoration:underline;
						}
						
				#mainText {
					position:relative;
					float:left;	
					width:650px; /* was 535px and then 600px and then 650px */			
				}
				
				body#home #mainText {
					position:relative;
					float:left;	
					width:600px;
				}
				
				/* attempt at making user uploaded images have border */
				
					body#about #mainText img, body#what #mainText img, body#management #mainText img, body#freight #mainText img, body#training #mainText img, body#news #mainText img {
						/*position:relative;
						float:right;*/
						padding-left:00px;
						padding-right:0px;
						padding-top:0px;
						border:2px solid #988e60;
					}
					
				/* end of attempt at making user uploaded images have border */
				
				
				
				/* attempt at making user uploaded images have border that are contained within a p tag (after a ul in webblog entry) */
				
					body#about #mainText p img, body#what #mainText p img, body#management #mainText p img, body#freight #mainText p img, body#training #mainText p img, body#news #mainText p img {
						/*position:relative;
						float:right;*/
						padding-left:00px;
						padding-right:0px;
						padding-top:0px;
						border:2px solid #988e60;
					}
					
				/* end of attempt at making user uploaded images have border that are contained within a p tag (after a ul in webblog entry) */
				
					#mainText h1 {
						margin-left:35px; /* was 50px */
						margin-top:20px;
						margin-bottom:15px;
						font-size:24px;
						font-weight:normal;
						color:#000000;
					}
					
					#mainText h2 {
						margin-left:35px;
						margin-top:10px;
						margin-bottom:15px;
						font-size:18px;
						font-weight:normal;
					}
					
					#mainText p {
						margin-left:35px;
						margin-right:0px;  /* was 70px and then 10px */
						margin-bottom:15px;
						font-size:12px;
						color:#4c4c4c;
						line-height:18px;
					}
					
					
							#mainText h2.offer {
								margin-left:35px;
								margin-top:25px;
								margin-bottom:5px;
								font-size:18px;
								font-weight:normal;
							}
							
							
							#mainText #offers p {
								margin-left:35px;
								margin-right:10px;  /* was 70px */
								margin-bottom:05px;
								font-size:12px;
								color:#4c4c4c;
								line-height:18px;
							}
					
					#mainText ul {
						margin-left:50px;
						color:#4c4c4c;
						line-height:18px;
						margin-bottom:20px;
					}
					
					#mainText ul li {
						/*list-style-image:url(../images/bullet_green.gif);*/
						/*margin-left:20px;*/
						background:url(../images/bullet_green.gif) top left no-repeat;
						padding-left:20px;
						list-style:none;
					}
					
					#mainText p a:link, #mainText p a:visited {
						color:#4c4c4c;
						text-decoration:underline;
					}
						
					#mainText p a:active, #mainText p a:hover {
						color:#4c4c4c;
						text-decoration:none;
					}
					
					#mainText ul li a:link, #mainText ul li a:visited {
						color:#4c4c4c;
						text-decoration:underline;
					}
						
					#mainText ul li a:active, #mainText ul li a:hover {
						color:#4c4c4c;
						text-decoration:none;
					}
					
					#mainText span {
						color:#FFFFFF;  /* was #FF0000 */
					}
					
					div#mainText p a.more {
						color:#988e60;
						margin-bottom:15px;
					}
					
					body#news #mainText p.more {
						margin-bottom:20px;
					}
					
					body#news #mainText p {
						margin-left:35px;
						margin-bottom:05px;
						font-size:12px;
						color:#4c4c4c;
						line-height:18px;
					}
					
					/* bit below was causing probs in IE6 by making the iamges move around when hovered over */
					
					/*div#mainText a:link, div#mainText a:visited {
						color:#4c4c4c;
						text-decoration:underline;
						margin-left:35px;
					}
						
					div#mainText a:active, div#mainText a:hover {
						color:#4c4c4c;
						text-decoration:underline;
						margin-left:35px;
					}*/
					
					/* bit above was causing probs in IE6 by making the iamges move around when hovered over */
					
					
					
					
					div#mainText a.offerLink:link, div#mainText a.offerLink:visited {
						color:#4c4c4c;
						text-decoration:underline;
						margin-left:35px;
					}
						
					div#mainText a.offerLink:active, div#mainText a.offerLink:hover {
						color:#4c4c4c;
						text-decoration:underline;
						margin-left:35px;
					}
					
					
					
					div#mainText .category a:link, div#mainText a:visited {
						color:#4c4c4c;
						text-decoration:underline;
						margin-left:0px;
					}
						
					div#mainText .category a:active, div#mainText a:hover {
						color:#4c4c4c;
						text-decoration:underline;
						margin-left:0px;
					}
					
					
					
					div#mainText a.nospace:link, div#mainText a.nospace:visited {
						color:#4c4c4c;
						text-decoration:underline;
						margin-left:00px;
					}
						
					div#mainText a.nospace:active, div#mainText a.nospace:hover {
						color:#4c4c4c;
						text-decoration:underline;
						margin-left:00px;
					}
					
					div#mainText a.smallspace:link, div#mainText a.smallspace:visited {
						color:#4c4c4c;
						text-decoration:underline;
						margin-left:10px;
					}
						
					div#mainText a.smallspace:active, div#mainText a.smallspace:hover {
						color:#4c4c4c;
						text-decoration:underline;
						margin-left:10px;
					}
						
						
						div#mainText a.galleryLink:link, div#mainText a.galleryLink:visited {
							color:#4c4c4c;
							text-decoration:underline;
							margin-left:0px;
						}
						
						div#mainText a.galleryLink:active, div#mainText a.galleryLink:hover {
							color:#4c4c4c;
							text-decoration:underline;
							margin-left:0px;
						}
						
						
						
						div#mainText p#backLink {
							color:#4c4c4c;
							text-decoration:none;
							margin-left:35px;  /* was 0px */
							margin-top:5px;
						}
						
						div#mainText p.back {
							color:#4c4c4c;
							text-decoration:none;
							margin-left:35px;  /* was 0px */
							margin-top:5px;
						}
						
						/* removal of bullet points for gallery images that are in ul */		
									
						.category {
							position:relative;
							float:left;
							width:840px;  /* was 580px when had rhsbox and then 800px */
						}
						
						.category ul.gallery-list {
							list-style:none;
							margin:0px;
							padding:0px;
						}
						
						.category ul.gallery-list li {
							list-style:none;
							margin:0px;
							padding:0px;
							display:inline;
						}
						
						
									.listing {
										position:relative;
										float:left;
										width:840px;  /* was 580px when had rhsbox */
									}
						
						#mainText ul.gallery-list li a img.gallery-image {
							margin:0px;
							padding:0px;
						}
						
						#mainText ul.gallery-list li a {
							margin:0px;
							padding:0px;
						}
								
						#mainText ul.gallery-list {
							list-style:none;
							margin:0px;
							padding:0px;
							margin-left:35px;
						}
						
						#mainText ul.gallery-list li {
							list-style:none;
							display:inline;
							margin:0px;
							padding:0px;
							/*padding-right:32px;*/  /* originally there was no padding applied. this creates the gap on the rhs of every image thumbnail (30px) */
							padding-right:07px;
							padding-left:23px;
						}
						
						
									/* making certain pages have full width */
						
									/*body#offers #mainText, body#weddings #mainText, body#conference #mainText {
										position:relative;
										float:left;
										width:846px;*/ /* was 866px */
										/*margin-right:20px;
									}*/
									
									/* end of making certain pages have full width */
									
									
														
					
		#rhsBox {
			position:relative;
			float:right;
			width:229px;  /* was 280px  and then 229 with 14px right padding */ 
			/*background-color:#a29f84;*/
			/*padding-right:14px;*/
			/*padding-bottom:15px;*/
			margin:0px;
			padding:0px;
			margin-top:25px;
		}
		
			#rhsBox h2 {
				color:#ffffff;
				font-weight:normal;
				font-size:20px;
				margin-left:20px;
				margin-top:20px;
				margin-bottom:10px;
			}
			
				.hook {
					position:relative;
					float:right;
					width:215px; /* was 280px without padding */
					padding:0px 14px 0px 00px;  /* was 13px 20px 0px 20px */
					margin:0px;
				}
				
					.hook img {
						padding-bottom:30px;
					}
				
					.last {
						padding-bottom:35px;
					}
				
					hr {
						display:block;
						width:240px;
						border:none;
						background-color:#FFFFFF;
						margin-top:15px;
						height:1px;
						color:#FFFFFF;
					}
				
				.hookImage {
					position:relative;
					float:left;
					width:79px;
				}
				
				.hookText {
					position:relative;
					float:left;
					width:240px;  /* was 140px */
					/*padding-left:10px;*/
					color:#FFFFFF;
				}
				
				.hookText p {
					padding-bottom:3px;
				}
				
				.hookText h3.offer {
					margin-bottom:5px;
					font-size:16px;
				}
				
				div.hookText a:link, div.hookText a:visited {
					color:#FFFFFF;
					text-decoration:none;
					font-weight:bold;
				}
				
				div.hookText a:active, div.hookText a:hover {  /* was div.hookText p a:active, div.hookText p a:hover  AND SAME OVER */
					color:#FFFFFF;
					text-decoration:underline;
					font-weight:bold;
				}
				
				
						.hookText:hover {
							cursor:pointer;
						}
		
		.bottomBox {
			position:relative;
			float:right;
			background:url(../images/bottomBox.jpg) top left no-repeat;
			width:284px;
			/*margin-left:7px;*/
			margin-right:12px;
			margin-top:05px;
			margin-bottom:10px;
			color:#646464;
			height:156px;
		}
		
		.bottomBox img {
			border:none;
		}
		
		
			#galLink {
				position:relative;
				float:left;
				height:80px;
				width:116px;
				background: url(../images/imgShadow.jpg) top left no-repeat;
				margin-top:15px;
				margin-left:16px;
			}
			
			#galLink2 {
				position:relative;
				float:left;
				height:80px;
				width:116px;
				background: url(../images/imgShadow.jpg) top left no-repeat;
				margin-top:15px;
				margin-left:15px;
			}
		
			.bottomBox h2 {
				font-size:16px;
				color:#646464;
				padding-left:15px;
				padding-top:15px;
			}
			
			.bottomBox p {
				padding-left:15px;
				padding-top:8px;
				padding-bottom:18px;
				padding-right:20px;
			}
			
			.bottomBox label {
				padding-left:15px;
				font-weight:bold;
			}
		
			.bottomBox.first {
				margin-left:13px;
			}
			
			.bottomBox.pointer:hover {
				cursor:pointer;
			}
			
			
			
			
				button {
					background:#f6f5f0;
					border:none;
					margin:0px;
					padding:0px;
					padding-left:5px;
					margin-bottom:1px;  /* was -3px */
					/*margin-top:15px;*/
				}
				
				input {
					border:solid 1px #999999;
					margin-left:15px;
					margin-top:15px;
				}
				
				select {
					border:solid 1px #999999;
					margin-left:15px;
					margin-top:15px;
				}
		
		/*#footerLogos {
			position:relative;
			float:right;
			margin-right:14px;
			margin-top:14px;
			padding-bottom:14px;
		}*/
		
		#footerText {
			position:relative;
			float:left;
			margin-left:14px; /* was 14px and then 34px */
			/*margin-top:33px;*/
			padding-bottom:20px;
		}
		
			#greenBlock {
				width:852px;
				height:16px;
				background:url(../images/bottomBar.jpg) top left no-repeat;
				padding-bottom:10px;
			}
		
				#footerText p.address {
					font-size:10px;
					padding-top:05px;
					letter-spacing:1px;
				}
				
				
				div#footerText p a:link, div#footerText p a:visited {
					color:#4c4c4c;
					text-decoration:none;
					font-weight:normal;
				}
				
				div#footerText p a:active, div#footerText p a:hover {
					color:#4c4c4c;
					text-decoration:underline;
					font-weight:normal;
				}
				
				.space {
					padding-left:7px;
					padding-right:7px;
				}
		


.clearboth {
	clear:both;
}


/* email campagin monitor subscribe form */

form {
	/*margin-top:-15px;*/
	margin:0px;
	padding:0px;
}

input#mb-hlkdt-hlkdt {
	margin-bottom:5px;
	margin-top:1px;
}

input#mb-name {
	margin-top:1px;
}

/* email campagin monitor subscribe form */





/* contact form styling */
.formContainer {
	position:relative;
	float:left;
	background-color:#CCC295;   /* was #EBE0A5 */
	margin-left:35px;  /* was 50px */
	margin-top:0px;  /* was -24px */
	margin-bottom:20px;
}

.formLabels {
	position:relative;
	float:left;
	width:110px; /* was 150px */
	font-size:12px;
	font-weight:normal;
	margin-top:25px;
	margin-left:15px;
	margin-bottom:20px;
	color:#000000;
}


.formBoxes {
	position:relative;
	float:left;
	width:190px;  /* was 270px */
	/*margin-top:25px;*/
	margin-bottom:20px; 
	padding-top:10px;
}


.formLabels label {
	display:block;
	margin-bottom:18px;
}

.formBoxes input {
	display:block;
	margin-bottom:15px;
}

.formBoxes select {
	display:block;
	margin-bottom:15px;
}

.formBoxes textarea {
	width:140px;
}

/* end of contact form styling */

/* gallery styling - more above this aswell (half way up css file) */

ul.gallery-list li img {
	border: 1px solid #ccc;
}
ul.gallery-list li a {
	text-decoration: none;
}
ul.gallery-list li a:hover img {
	border: 1px solid #812D2F;
}
ul.gallery-list li {
	margin-right: 10px;
	float: left;
	padding: 0;
}

/* end of gallery styling */


/* styling of subnav (dynamic) */
#nav2 ul#globalnav ul.bullet {
	margin-left:0px;
	/*border-top:1px solid #69744C;*/
	border-left:none;
	border-right:none;
	border-bottom:none;
}

#nav2 ul#globalnav ul.bullet li a:link,
#nav2 ul#globalnav ul.bullet li a:active,
#nav2 ul#globalnav ul.bullet li a:visited {
	color: #69744C;
	/*background: #666666 top left no-repeat;*/
}

#nav2 ul#globalnav ul.bullet li a:hover {
	color:#69744C;
	/*background: #666666 url(../images/bg_grad_1.gif) top left no-repeat;*/
}

#nav2 ul#globalnav .rhsNav ul.bullet li h3 {  /* was #nav ul#globalnav .rhsNav ul.bullet li a p */
	padding:10px;
	padding-left:25px;
	background:url(../images/arrow.gif) top left no-repeat #ECECEC;
	font-size:12px;
	margin-top:5px;
}

#nav2 ul#globalnav .rhsNav ul.bullet li a.subnav {  
	padding-left:10px;
	background:url(../images/smallArrow.gif) top left  no-repeat;
	font-size:12px;
	line-height:25px;
	font-weight:bold;
	/*display:block;*/  /* makes each subnav element sit on a new line but creates other problems in IE6 and FF etc so leave out til problem with existing method */
}


#nav2 ul#globalnav .rhsNav ul.bullet li.sub {  /* was #nav ul#globalnav .rhsNav ul.bullet li a p */
	/*padding:10px;*/
	padding-left:20px; /* was 20px */
	/*display:block;*/
	border-top:1px solid #f0eff0;
}


/*#nav ul#globalnav .rhsNav ul.bullet li a p {
	margin-bottom:15px;
}*/


/* end of subnav styling (dynamic) */


ul#globalnav ul li a.on:link,
ul#globalnav ul li a.on:active,
ul#globalnav ul li a.on:visited {
	color:#CCCCCC;
	/*background: #666666 url(../images/bg_grad_1.gif) top left no-repeat;*/
}

ul#globalnav ul li a.on:hover {
	color:#000000;
	/*background: #666666 url(../images/bg_grad_1.gif) top left no-repeat;*/
}


ul#globalnav li.topnav {
	margin-right:5px;
	font-weight:bold;
}




.rhsNav {
	position:relative;
	float:right;
	width:180px;
	padding-right:14px;
	margin-top:25px;
	margin-bottom:15px;
}

span.right-img {

	display: block;

	float: right;

	clear: right;

	margin: 4px 0 1em 20px;

}