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

	
#navWrap {
	width:969px;
	height:55px;
	margin: 0 auto;
	background-color:#FFF;
	color: #000;
	}
#brandWrap {
	height: 55px;
	margin: 0 auto;
	width: 969px;
	}
#brandSubNavWrap {
	height: 55px;
	margin: 0 8px;
	float: left;
	width: 513px;
	}
	
#logo {
	width: 220px;
	height:55px;
	float: left;
	background: url(../pics/StudioLogo.jpg) no-repeat center center;
	}
	
/*sub navigation within top of brand area*/

#subNav {
	padding:24px 0;
	width: 513px;
	margin: 0 auto;
	}
#subNav ul {
	margin: 0 auto;
	display: inline;
	}
#subNav ul li {
	font-size: 1.2em;
	padding: 0 7px;
	border-left: 1px solid #4c4c4b;
	list-style: none;
	display: inline;
	}
#subNav ul li a {
	text-decoration: none;
	color: #333;
	}
	
#subNav ul li.first {
	border-left: none;
	list-style: none;
	display: inline;
	}

#subNav ul a:hover {
	text-decoration: none;
	color:#43a665;
	font-weight:normal;
		}
	
	
/*end*/	


#banner {
	width: 100%;
	height: 61px;
	background: url(../pics/banner_02.jpg) repeat-x;
	}
#contentWrap {
	width: 100%;
	background: #efda7f url(../pics/contentOutLeft.gif) repeat-y left;
	margin:0 0 6px 0px;
	}
#content {
	width:969px;
	margin: 0 auto;
	text-align: left;
	background: url(../pics/contentColor.gif) repeat-y;
	}
#leftColumn {
	width:181px;
	float: left;
	margin: 0px;
	padding: 8px 8px 8px 0;
	color: #FFF;
	}

#centreColumn {
	width: 575px;
	height: auto;
	margin: 0px 189px;
	padding: 0 8px 8px 8px;
	float:none;
	}
	
.centreMainWrap {
	width: 575px;
	float: left;
	margin: 0 0 8px 0;
	padding: 8px 0 0 0;
/*	border-top:#43a665 dotted 1px;
*/	}
.centreMainWrap02 {
	width: 575px;
	float: left;
	margin: 0 0 8px 0;
	padding: 0;
	border-bottom: #000;
	}

.centreMainWrap img {
	width: 181px;
	height: 181px;
	padding: 0 0 8px 0;
	}

.mainLeft {
	width: 181px;
	padding: 0 7px 0 0;
	margin: 0 8px 0 0;
	border-right:#43a665 dotted 1px;
	float: left;
	border-bottom:#43a665 dotted 1px;

	}
.mainLeftHeadline {
	width: 180px;
	padding: 0 7px 0 0;
	margin: -8px 8px 0 0;
	font-size: 12px;
	}

.mainLeftDescriptor {
	width: 180px;
	padding: 4px 7px 4px 0;
	margin: -8px 8px 0 0;
	font-size: 10px;
	}
	
.mainCentre {
	width: 181px;
	padding: 0 7px 0 0;
	margin: 0 8px 0 0;
	border-right:#43a665 dotted 1px;	
	float: left;
	border-bottom:#43a665 dotted 1px;

	}
	
.mainCentreHeadline {
	width: 196px;
	padding: 0;
	margin: -8px 0 0 -8px;
	font-size: 12px;
	}

.mainCentreDescriptor {
	width: 196px;
	padding: 4px 0;
	margin: -8px 0 0 -8px;
	font-size: 10px;
	}

.mainRight {
	width: 181px;
	margin: 0;
	float: left;
	border-bottom:#43a665 dotted 1px;
	}
	
.mainRightHeadline {
	width: 189px;
	padding: 0;
	margin: -8px 0 0 -7px;
	font-size: 12px;
	}

.mainRightDescriptor {
	width: 189px;
	padding: 4px 0;
	margin: -8px 0 0 -7px;
	font-size: 10px;
	}

.mainLeftHeadline, .mainLeftDescriptor, .mainCentreHeadline, .mainCentreDescriptor, .mainRightHeadline, .mainRightDescriptor {
	background-color:#FFF;
	float: left;
	text-align: center;
	color: #186632;
	}
	
.mainLeftHeadline, .mainLeftDescriptor, .mainCentreHeadline, .mainCentreDescriptor, .mainRightHeadline, .mainRightDescriptor {
	text-decoration: none;
	}




.columnPic {
	width: 181px;
	padding: 8px 0;
	float: left;
	}
	
	
.picLeft {
	float:left;
	margin: 0 8px 8px 0;
	}

#rightColumn {
	width: 181px;
	float: right;
	margin: 0px;
	padding: 8px 0 8px 8px;
	}
#navContainer {
	width:513px;
	height: 31px;
	background-color:#f48e7b;
	margin: 0 0 12px 0;
	}
#footer {
	width:100%;
	color:#FFF;
	height: 26px;
	clear:both;
	text-align:center;
	background: #4c4c4b;
	font-size: 1em;
	padding: 1px 0 4px 0;
	}
#footer a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
	}

#credits {
	width:100%;
	color:#4c4c4b;
	padding: 4px 0 0 0;
	clear:both;
	text-align:center;
	background: #FFF;
	}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}
	
#columnPic {
	float:left;
	margin: 8px 0;
	padding: 2px;
	clear:both;
	width: 200px;
	background-color:#FFF;
	}
	
/*FLOATS for central content*/

#floats {
	float: left;
	width: 575px;
	margin:  0;
	}

#floats dl {
	float: left;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	display: inline; /*fixes double margin bug in IE/Win*/
	border-bottom: thin dotted #43a665;
	}
	
#floats dt {
	float: right;
	margin: 4px 0 10px 0 ;
	padding: 0 ;
	width: 378px;
	font-size:2.2em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #4c4c4b;
	line-height: 1.4em;
	}
#floats dd {
	margin: 0;
	padding:0;
	color: #4c4c4b;
	}
	
#floats dd.img img {
	float:left;
	margin: 0 16px 0 0;
	padding: 0;
	border: 0;
	width: 181px;
	}
	
	
/*Reverse float coding*/
	
#floats .alt dt {
	float: left;
	}

#floats .alt dd.img img {
	float: right;
	margin: 0 0 0 16px;
	padding: 0;
	}
	
#validation {
	width: 100%;
	text-align: center;
	margin: 8px 0;
}