/* CSS Document */

	body {
		margin: 0;
		background-image:url(../images/bg_repeat.jpg);
		background-repeat:repeat-x;
		font-family:verdana;
		font-size:11px;
		color:#4f5052;
	}
	
	
	*+html img {-ms-interpolation-mode:bicubic;}
	*html img {
	  height: auto;
	}
	
	a{
		color:#898989
	}

	a img {
		border: 0;
	}
	
	h1 {
		color: #656565;
		font-size: 18px;
	}
	
	.main_container{
		width:800px;
		margin:0px auto;
	}
	.banner_container{
		width:800px;
		height:125px;
		background-image:url(../images/bg_heading.jpg);
		background-repeat:no-repeat;
	}
	.logo_left{
		width:247px;
		height:125px;
		float:left;
	}
	.info_right{
		float:left;
		height:125px;
		width:553px;
	}
	.top_navigation{
		padding:0px;
		margin:0px;
		padding-top:66px;
	}
	.top_breadcrumbs{
		padding-left:25px;
		padding-top:25px;
		font-size:11px;
		color:#838383;
		font-style:italic;
	}
	.top_navigation ul{
		padding:0px;
		margin:0px;
	}
	.top_navigation li{
		margin:0px;
		padding:0px;
		display: inline;
		list-style-type: none;
		padding-right: 23px;
		padding-left: 23px;
		border-right:1px solid #c5d74f;
	}
	.link a{
		color:#161616;
		text-decoration:none;
	}
	.selected a{
		color:#979799;
		text-decoration:none;
	}
	.top_breadcrumbs a{
		color:#838383;
	}
	.location_area{
		font-size:30px;
		color:#fff;
		line-height:40px;
		padding:2px 0 0 0;
		margin:0px;
		padding-left:15px;
		position: relative;
		top: 10px;
	}
	.body_container{
		background-color:#fff;
		padding:20px;
	}
	.content_container{
		width:760px;
		position: relative;
	}

	.homepage_image{
		width:760px;
		height:280px;
		background-color:#737476;
	}

	.services_image{
		width:760px;
		height:120px;
		background-color:#737476;
	}

	.services_holder{
		padding-top:20px;
	}
	.services_navigation{
		float:left;
		width:219px;
		border-right:1px solid #dbdbdb;
		min-height:600px;
	}
	.services_navigation h1, .services_navigation h1 a {
		padding:0px;
		margin:0px;
		font-size:13px;
		color:#ccd017;
		padding-left:10px;
		padding-bottom:3px;
        text-decoration:none;
	}
    
    .services_navigation h1 a {
        padding:0px;
        display:block;
    }
    
	.services_navigation ul{
		padding:0px;
		margin:0px;
		padding-left:25px;
		padding-bottom:10px;
		font-weight:normal;
	}
	.services_navigation li{
		padding:0px;
		margin:0px;
		color:#666666;
		padding-bottom:2px;
		font-size:11px;
		line-height:14px;
	}
	.navlink a{
		color:#666666;
		text-decoration:none;
	}
	.navlinkselected a{
		color:#666666;
		text-decoration:none;
		font-weight:bold;
	}
	.services_navigation span{
		font-size:9px;
		font-style:italic;
	}
	.services_content{
		float:right;
		width:520px;
	}
	.services_content h1{
		padding:0px;
		margin:0px;
		font-size:48px;
		color:#f0f3a2;
		font-weight:normal;
		margin-bottom:5px;
	}
	h2{
		padding:0px;
		margin:0px;
		font-size:13px;
		color:#ccd017;
		padding-top:5px;
		padding-bottom:5px;
	}
	
	p {
		margin: 5px 0 5px 0;
	}
	
	.services_content p{
		color:#4f5052;
		font-size:11px;
		padding:0px;
		margin:0px;
		line-height:20px;
		margin-bottom:7px;
	}
	.thumbnail{
		width:112px;
		height:70px;
		background-color:#FFF;
		float:left;
		margin-right:16px;
		margin-bottom:16px;
		overflow: hidden;
	}

	.footer{
		background-color:#b9babc;
		text-align:center;
		color:#FFFFFF;
		font-size:10px;
		padding:5px;
		bottom: 0;
		margin: 10px 0 0 0;
	}
	.tr_border{
		border-bottom:1px solid grey;
	}

/* 	James's Code */

	.footer_txt {
		float: left;
	}

	.footer_email {
		float:right;
	}

	#footercontent {
		width: 800px;
		margin: 0 auto;
		text-align: left;
	}

	.clear {clear:both;}

	.flashintro {
		width: 800px;
		height: 318px;
		background: gray;
		position: relative;
		top: 1px;
		left: -20px;
	}

	.frontpagetext {
		float: left;
		width:450px;
		padding: 22px 0 0 30px;
	}

	.frontpageimage {
		float: left;
		width: 210px;
		height: 143px;
		background: url(../images/homepage_mtc.jpg) center center no-repeat;
	}


	.leftimage {
		float: left;
		width: 210px;
		text-align: left;
		position: relative;
	}

	.righttext {
		float: left;
		width: 520px;
		margin: 0 0 0 25px;
	}

	.rollovernav {
		height: 80px;
		width: 532px;
		position: absolute;
		top: -33px;
		right: 0px;
	}

	.rollovernav a{
		float: left;
		margin: 0 10px 0 0;
		display: block;
		width: 95px;
		height: 80px;
	}

	.ourwork-tabs {
		height: 19px;
		position: absolute;
		top: -39px;
		right: -20px;
		width: 640px;
		line-height: 19px;
	}

	.ourwork-tab {
		margin: 0px 7px 0 13px;
		padding: 0 5px 0 5px;
		height:17px;
		background: #d3d500;
		float: right;
		position: relative;
		line-height: 17px;
		border-top: 2px solid #e9ea7f;
		text-decoration: none;
		color: #636466;
		}

	.ourwork-tab .thisleft {
		position: absolute;
		height: 19px;
		width: 7px;
		background: url(../images/ourwork-tableft_0.jpg) center top;
		left: -7px;
		top: -2px;
	}

	.ourwork-tab .thisright {
		position: absolute;
		height: 19px;
		width: 7px;
		background: url(../images/ourwork-tabright_0.jpg) center top;
		right: -7px;
		top: -2px;
	}

	.ourwork-tab .thisright-hover{
		background: url(../images/ourwork-tabright_1.jpg) center top;
	}

	.ourwork-tab .thisleft-hover{
		background: url(../images/ourwork-tableft_1.jpg) center top;
	}

	.ourwork-tab-hover {
		background: #FFF;
		color: #000;
		border-top: 1px solid #FFF;
		margin-top: 1px;
	}

	.projectlist {
		display: block;
		padding: 20px 0 10px 0;
		border-bottom: 2px solid #d8d8d8;
	}

	.projectlist .thisleft {
		float: left;
		width: 234px;
		margin: 0 15px 0 0;
		background: url(../images/projectgradient.jpg) repeat-y;

	}

	.projectlist .thisright {
		float: left;
		width: 230px;
	}

	#slides {display:none;}
	#controls {
		position: absolute;
		width: 30px;
		padding-bottom: 17px;
		top:0;
		right: -10px;
		text-align: center;
	}

	#controls a {
		text-decoration: none;
		display: block;
	}
	
	#controls .up, #controls .down {
		cursor: pointer;
	}
	
	#controls .up {
		margin-bottom: 5px;
	}
	
	#controls .down {
		margin-top: 5px;
		position: absolute;
		left: 8px;
		bottom: 0;
	}


	.flock-icon {
		float: left;
		margin:0 10px 5px 0;
	}

	.leftimage h2 {
		font-size: 20px;
		color: #d2d500;
		text-align: left;
	}

	#storypanel {
		position: absolute;
		left:100%;
		top: -800px;
		z-index: 20;
		background: url(../images/storypanel.png) right top no-repeat;
		width: 571px;		
		height: 230px;
		padding: 0px;
		line-height: 15px;
	}
	
	
	#storypanel h1 {
		margin-top:4px;
		padding-top:0;
		font-size: 18px;
		color: #656565;
		
	}
	
	#storypanel p {
		font-size: 11px;
		margin:0;
		padding: 5px 0 0 0;
		color: #656565;
	
	}
	
	#storypanel * {
		color: #656565;
	}
	
	#storypanel .bottom {
		float: left;
		width: 100%;
		height: 85px;
		background: url(../images/storypanel-bottom.png) center center no-repeat;
	}
	
	#storypanel .thisright {
		float: left;
		width: 350px;
		height: 180px;
		overflow-y: auto;
		margin-top: 25px;
	}
	
	#storypanel .thisleft {
		float: left;
		width: 150px;
		margin: 15px 10px 0 40px;
	}
	
	*html #storypanel .thisleft {
		margin: 15px 10px 0 20px;	
	}

/* 	Guy's Clearfix */

	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}

	.clearfix {
		display: inline-block;
	}

	html[xmlns] .clearfix {
		display: block;
	}

	* html .clearfix {
		height: 1%;
	}