<?php header("Content-type: text/css"); ?>

<?
//Detect IE
$isIE=false;
if(strpos($_SERVER['HTTP_USER_AGENT'],"MSIE")){
	$isIE=true;
}
?>

/* Global configs */

* {
	padding: 0px;
	margin: 0px;
}

body {
	margin: 0;
	padding: 10px 0px;
	color: #333333;
	font-family: tahoma, arial, georgia, serif;
	background: #F0F0F0;
	font-size: 0.7em;
	line-height: 1.4em;
	text-align: center;
	height:100%;


}

/* Standard stuff */

.clear {
	clear: both;
}

h1, h2 {
	font-weight: 400;
	color: #1C7259;
}

a, a:link, a:hover, a:visited {
	color: #1C7259;
}


/* Main Structure, wrap the whole layout in a div to keep it narrow and centered */

#wrapper {
	position: relative;
	width: 890px;
	z-index: 1;
	margin: 0px auto;
	padding:0px;
	background: white;
	text-align: left;
	z-index: 0px;
}

	#header_wrapper {
		position: relative;
		width: 890px;
		height: 20px;
		background: url(../static_images/header_wrapper.png) no-repeat bottom center #F0F0F0;
	}

	#content_wrapper {
		position: relative;
		width: 820px;
		padding: 15px 35px;
		background: url(../static_images/content_wrapper.png) center white;
	}

	#footer_wrapper {
		position: relative;
		width: 890px;
		height: 20px;
		background: url(../static_images/footer_wrapper.png) no-repeat top center #F0F0F0;
	}


/* Content layout */

#left {
	position: relative;
	width: 325px;
	float: left;
}

	#logo {
		position: relative;
		width: 325px;
		height: 90px;
		margin: 0px 0px 40px 0px;
		background: url(../static_images/logo.gif) no-repeat top center white;
	}

	#navigation {
		position: relative;
		width: 325px;
		background: url(../static_images/nav_bg.png) repeat-x top #E8F1EE;
		margin: 0px 0px 15px 0px;
	}

		#navigation ul {
			margin: 0px;
			padding: 0px;
			list-style: none;
			border-top: 1px solid #CBE0D9;
		}

			#navigation ul li {
				width: 325px;
				margin: 0px;
				padding: 0px;
				border-bottom: 1px solid #CBE0D9;
			}

				#navigation ul ul {
					border: 0px solid white;
				}

				#navigation li li {
					border-bottom: 0px solid white;
					border-top: 1px solid #CBE0D9;
				}

				#navigation ul li a:link, #navigation ul li a:visited {
					display: block;
					padding: 10px 30px;
					font-weight: 200;
					text-transform: uppercase;
					font-size: 14px;
					color: #1C7259;
					text-decoration: none;
				}

				#navigation li li a:link, #navigation li li a:visited {
					display: block;
					padding: 5px 30px 5px 70px;
					font-weight: 200;
					text-transform: uppercase;
					font-size: 14px;
					color: #1C7259;
					text-decoration: none;
				}

				#navigation ul li a:hover {
					background: url(../static_images/nav_over.png) right bottom no-repeat;
				}

	#latest {
		position: relative;
		width: 295px;
		padding: 15px;
		background: #D49200;
		margin: 0px 0px 15px 0px;
	}

		#latest p {
			color: white;
		}

		#latest h1 {
			font-size: 1.3em;
			font-weight: 800;
			color: white;
		}

		#latest a, #latest a:link, #latest a:hover, #latest a:visited {
			color: #775303;
		}

	#downloads {
		position: relative;
		text-align: left;
	}

		#downloads ul, #downloads ul li {
			list-style: none;
			margin: 0px;
			padding: 0px;
			text-align: left;
		}

			#downloads ul li a:link, #downloads ul li a:visited {
				color: black;
				text-decoration: none;
				text-align: left;
				display: block;
				padding: 3px 0px;
				border-top: 1px solid #CCCCCC;
			}

#content {
	position: relative;
	width: 480px;
	float: right;
}

		#body h1 {
			font-size: 2em;
			line-height: 2em;
			font-weight: 400;
		}
		
		#body h2 {
			font-size: 1.4em;
			line-height: 1.4em;
			font-weight: 400;
		}

		#body a, #body a:link, #body a:hover, #body a:visited {
			color: #1C7259;
		}


	#image {
		position: relative;
		width: 480px;
		height: 300px;
		background: url(http://79.170.40.32/mdst.co.uk/headers/about.jpg) no-repeat top center;
						
	}

	#body {
		padding: 40px 0px;
	}

#footer {
	position: relative;
	width: 820px;
	height: 330px;
	background: url(../static_images/footer_bg.jpg) no-repeat top center #1C7259;
}

	#contact {
		position: absolute;
		top: 20px;
		left: 630px;
		width: 160px;
		height: 140px;
	}

		#contact p {
			color: #1C7259;
			margin: 0px;
			font-size: 12px;
			padding: 0px 0px 10px 0px;
		}

		#contact h2 {
			color: #1C7259;
			margin: 0px;
			font-size: 18px;
			padding: 0px 0px 10px 0px;
		}


	#legal {
		position: absolute;
		bottom: 15px;
		right: 15px;
		color: white;
	}

		#legal a, #legal a:link, #legal a:hover, #legal a:visited {
			color: white;
		}