/* CSS Document */

html {
	background: url(../grfx/html-bg.gif) top left repeat;
}

body {
	background: url(../grfx/body-bg.gif) top left repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	min-height: 600px;
	color: #333;
}

	#wrapper {
		background: url(../grfx/wrapper-bg.jpg) top left no-repeat;
		margin: 0 auto;
		width: 946px;
	}
	
		#header {
			height: 140px;
		}
		
			#header img.logo {
				border: none;
				float: left;
				margin: 23px 0 0 153px;
			}
			
			#header img.contact-details {
				border: none;
				float: right;
				margin: 30px 130px 0 0;
			}
			
		#banner img {
			margin: 0 0 0 101px;
			width: 746px;
		}
		
		#callouts {
			margin: -47px 0 0 72px;
		}
		
			#callouts p {
				color: #fff;
				line-height: 18px;
			}
		
			#callout-left {
				background: url(../grfx/callout-left.png) top left no-repeat;
				float: left;
				height: 205px !important;
				padding: 90px 16px 0 16px;
				width: 228px;
			}
			
			#callout-middle {
				background: url(../grfx/callout-middle.png) top left no-repeat;
				float: left;
				height: 203px;
				margin: 69px 10px 0 11px;
				padding: 22px 16px 0 16px;
				width: 228px;
			}
			
			#callout-right {
				background: url(../grfx/callout-right.png) top left no-repeat;
				float: left;
				height: 205px;
				padding: 90px 16px 0 16px;
				width: 228px;
			}
			
			img.more-left {
				float: left;
			}
			
			img.more-middle {
				float: left;
				margin: 0 10px 0 11px;
			}
			
			img.more-right {
				float: left;
			}
			
		#content, #content-internal {
			background: #ffffff;
			margin: 18px 0 0 72px;
			width: 801px;
		}
		
		#content-internal {
			background: transparent url(../grfx/content-internal-bg.png) top center no-repeat;
			padding-top: 115px;
			margin-top: -58px;
		}
		
			#content-left {
				float: left;
				margin: 0 0 0 34px;
				padding: 0 0 40px 0;
				width: 500px;
			}
			
			#content-right {
				float: right;
				width: 239px;
			}
			
				#content-right .content-right-item {
					margin-bottom: 40px;
					margin-left: 1px;
				}
				
				#content-right img.latest-news {
					margin: 0 -14px 0 0;
				}
				
				#content-right ul {
					list-style: none;
					margin: 2px 0 0 14px;
					width: 200px;
				}
				
					#content-right ul li {
						border-bottom: dashed 1px #d1d1d1;
						height: 28px;
						line-height: 28px;
						padding-left: 15px;
						margin-top: 0px;
						background: transparent url( "../grfx/right-arrow.png" ) 0 10px no-repeat;
					}
					
					#content-right ul li a {
						color: #6e90ac;
						display: block;
						text-decoration: none;
					}
					
						#content-right ul li a:hover {
							color: #4a647f;
						}
			
		img.shadow {
			margin: 0 0 0 74px;
		}
		
		#footer {
			background: url(../grfx/footer-bg.png) top left no-repeat;
			height: 98px;
			margin: 10px 0 40px 72px;
			padding: 20px 25px 0 25px;
			position: relative;
			width: 750px;
		}
		
			#footer p {
				color: #fff;
				padding: 1px 0 1px 0;
			}
			
				#footer p a {
					color: #fff;
					text-decoration: none;
				}
				
				#footer p a:hover {
					text-decoration: underline;
				}
			
			#footer p.vecta {
				height: 22px;
				line-height: 22px;
				margin: 10px 0 0 0;
				padding: 9px 0 9px 0;
				position: relative;
				width: 126px;
			}
			
				#footer p.vecta img {
					border: none;
					position: absolute;
					right: 0px;
					top: 6px;
				}
				
			#footer img.footer-logo {
				position: absolute;
				right: 17px;
				top: -13px;
			}