/*
	===================================================================
	project: Impact Learning & Development
	Date:    March 2010
	author:  Sarah Hall
	-------------------------------------------------------------------
	2010. Further developed from a FREE Design downloaded from Solucija
	===================================================================
*/

*{
	margin:0;
	padding:0;
}

:focus,:active {
	outline:0;
}
em {
	font-style: normal;
	}
img{
	border: 0;
}
body { 
	font: small Arial, Tahoma, Verdana; 
	background: #F5F5F5 url(../images/bg.gif) repeat-x; 
	color: #777;
}
a { 
	text-decoration: none; 
	color: #008ec6;
}
h1 { 
	font-size: xx-large; 
	font-weight: normal;
}
h1 a { 
	color: #fff; 
	font-size: xx-large;
}
h2 { 
	font-size: large;
}
h3 { 
	font-size: medium; 
	background: #008ec6 url(../images/bluebg.gif) repeat-x left bottom; 
	padding: 6px 7px; 
	color: #fff; 
	font-weight: normal; 
	margin: 0 0 8px; 
	float: left;
}
h4 { 
	background: #008ec6 url(../images/bluebg.gif) repeat-x left bottom; 
	padding: 6px 7px; 
	margin: 0 0 8px; 
	color: #fff; 
	font-size: medium; 
	font-weight: normal;
	float: left;
}
p { 
	clear: both; 
	line-height: 1.35em; 
	text-align: justify;
	margin: 0 0 15px;
}
.readmore {
	float: right;
	text-decoration: none;
	border-bottom: 1px solid #008ec6;
}
.line { 
	clear: both; 
	border-bottom: 1px solid #ddd; 
	margin: 0 0;
}
.clear { 
	clear: both;
}
#content { 
	width: 970px; 
	margin: 0 auto 0 auto;
}
#top, #top a { 
	color: #fff; 
	padding: 6px 10px 0; 
	font-size: small; 
	text-align: right;
}
#top a:hover {
	color: #008ec6;
}
#logo { 
	float: left; 
	margin: -35px 0px 0px 0px;
}
#logo h1 { 
}
#menu { 
	float: right; 
	margin: 63px 20px 0;
}
#menu li { 
	display: inline; 
	font-size: medium;
}
#menu li a { 
	float: left; 
	color: #808080; 
	padding: 0 0 5px; 
	margin: 0 0 0 55px;
}
#menu li a:hover, #menu li.current a, #menu li a:focus { 
	color: #000; 
	border-bottom: 1px solid #008ec6;
}
#pitch {
	width: 970px;
	height: 215px; 
	margin: 10px 0 ;
	padding: 10px 0 10px 0;
}
#pitch img {
	float: right;
	width: 300px;
	padding: 0px 0 0px 0;
	}
#pitch #text {
	float: left;
	height: 215px;
	width: 550px;
	}

#pitch h1, #pitch-profile h1, #pitch-training h1, #pitch-audits h1, #pitch-courses h1, , #pitch-contact h1 { 
	font-size: xx-large; 
	color: #000; 
	margin: 5px 0 20px;
	background-color: transparent;
}
#pitch h2, #pitch-profile h2, #pitch-training h2, #pitch-audits h2, #pitch-courses h2, #pitch-contact h2 { 
	line-height: 1.5em;
}
.left { 
	float: left; 
	width: 250px;
}	
.right { 
	float: right; 
	width: 630px; 
	margin: 0 0 20px;
}
.right h3 { 
	background: #808080; 
	font-size: small;
}
#panel-wrapper {
	width: 970px;margin-top: -20px;
	}
.second { 
	float: left; 
	width: 632px; 
	margin: 0 40px 20px 0;
}
.open-courses {
	width: 100%;
	border: 1px solid #808080;
} 
.head {
	background-color: #808080;
	color: #fff;
}
.courses {
	background-color: #fff;
}
.third { 
	float: left; 
	width: 296px; 
	margin: 1px 40px 20px 0;
}
.third ul a:hover, .last ul a:hover { 
	border-bottom: 1px dashed #808080
}
.last { 
	margin-right: 0;
}
#footer { 
	clear: both; 
	font-size: small; 
	border-top: 1px solid #ddd; 
	padding: 20px 0 0;
}
/* Contact Form */

#contactform form{
	margin:0;
	padding:0;
	line-height:normal;
	}
	fieldset {
	border: none;
	}
	#contactform label{
		display:inline;
		width:200px;
		float:left;
		margin:0px 0 12px 0;
		padding:0;
		}
	#contactform label.margin{
		margin-left:0px;
		}
	#contactform label input, #contactform label textarea{
		display:block;
		margin:3px;
		padding:3px;
		color:#000000;
		background-color:#FFF;
		border:1px solid #CCCCCC;
		}
	#contactform label textarea{
		display:block;
		width:342px;
		overflow:auto;
		}
	#contactform p {
		display:block;
		margin:0px;
		padding:0 0 0 200px;
		clear:both;
		}
		#contactform p input{
			padding:5px 10px;
			color:#fff;
			background-color:#008ec6;
			border:1px solid #008ec6;
		}