/*
Site Name: Mint Tulip
Version: 1.0
Author: Peter Mansell (fst The Group)
Author URI: http://fstthegroup.com
Date: 20-10-2011
*/

::-moz-selection { background: #DDD; color: #333; text-shadow: 0 -1px 0 rgba(255, 255, 255, 1); }
::selection { background: #DDD; color: #333; text-shadow: 0 -1px 0 rgba(255, 255, 255, 1); }


body {
	background: #FFF;
	color: #000;
}
a { color: #000; text-decoration: none;}
a:hover { color: #000; }
a:visited { color: #000; }

#map { height: 100%; }

/* Header area ====================================================== */

header {
	height: 209px;
}
	hgroup h1 {
		margin: 0;
		padding: 0;
	}
		hgroup h1 a {
			background: transparent url(../images/backgrounds/mint-tulip.gif) top left no-repeat;
			text-indent: -99999px;
			overflow: hidden;
			display: block;
			height: 179px;
			width: 125px;
		}
	hgroup h4 {
		margin: 0;
		padding: 0;
		background: transparent url(../images/backgrounds/high-on.gif) top left no-repeat;
		text-indent: -99999px;
		overflow: hidden;
		display: block;
		height: 29px;
		width: 190px;
		border-top:1px solid #000;
		border-bottom:1px solid #000;
	}
	
	
	/* Main Navigation area ========================================= */
	
	nav#primary {
		border-bottom:1px solid #000;
		height: 209px;
		
	}
		nav#primary #navigation-border {
			height: 179px;
			border-bottom:1px solid #000;
			position: relative;
			
		}
			nav#primary #navigation-border #bottom {
				position: absolute;
				bottom: 30px;
				width: 100%;
			}
				nav#primary ul {
					float: left;
					width: auto;
					margin-right: 80px;
				}
					nav#primary ul li {
						padding: 4px 0 0 0;
					}
						nav#primary ul li a { display: block; width: 100%; }
						nav#primary ul li.current a,
						nav#primary ul li a:hover { color: #59c4a3; }
	
	/* END Main Navigation area ===================================== */
	
/* END Header area ================================================== */

/* Main Content area ================================================ */
	
	#page { min-height: 340px; }
	* html #page  { height: 340px; }
	
	/* Aside area =================================================== */
		
		/* Breadcrumbs ============================================== */
			
			#breadcrumbs ul { margin: 20px 0; }
				#breadcrumbs ul li {
					float: left;
					padding: 0 2px 0 0;
				}
					#breadcrumbs ul li a {
						font-size: 9px;
						font-style: inherit;
						float: left;
					}
					#breadcrumbs ul li span {
						font-size: 9px;
						font-style: inherit;
						float: left;
					}
						#breadcrumbs ul li span.seperator {
							padding: 0 2px 0 2px;
							display: block;
							float: left;
						}
			
		/* END Breadcrumbs ========================================== */
		
		/* Sub Navigation =========================================== */
		
		ul#sub-navigation li {
			
		}
			ul#sub-navigation li a {
				padding: 4px 8px;
				display: block;
			}
			ul#sub-navigation li a { 
				display: block; 
				width: 100%;
			}
			ul#sub-navigation li a:hover { background: #e3e4e4; }
			ul#sub-navigation li.current a,
			ul#sub-navigation li.current a:hover { background: #c6eadd; }
		
		/* END Sub Navigation ======================================= */
	
	/* END Aside area =============================================== */
	
	/* Content area ================================================= */
		
		.top-margin { margin-top: 50px; }
		
		/* I just dont understand the underscores?? are the titles meant to look like private functions or something... */
		#content h2 {
			margin: 50px 0 26px;
			font-size: 30px;
			text-transform: uppercase;
			width: 100%;
			font-weight: normal;
		}
		#content h3 {
			color: #59c4a3;
			font-size: 16px;
			font-weight: normal;
		}
		#content p { 
			font-size: 12px;
		}
		#content ol {
			color: #59c4a3;
			font-size: 16px;
		}
		#content ul li, #content ol li {
			margin: 0 0 0.5em 0;
		}
				
	/* END Content area ============================================= */
	
	
/* END Main Content area ============================================ */

/* Footer area ====================================================== */

footer {
	background: transparent url(../images/backgrounds/mint-tulip-footer.gif) bottom left no-repeat;
	height: 83px;
	position: relative;
	border-bottom: 1px solid #000;
/* 	margin-bottom: 40px; */
}
	footer ul {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		bottom: 10px;
		right: 0;
	}
		footer ul li { 
			float: left;
			padding: 0 8px;
			border-right: 1px solid #000;
			line-height: 1;
		}
		footer ul li.last { border:none; padding-right: 0; font-size: 11px; }
			footer ul li a { font-size: 11px; }

/* END Footer area ================================================== */