/* Tags */
body {
	font: 85%/133% Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin: 0;
	padding: 0 0 15px ;
	color: white;
	background-color: #0b0b0b;
	text-align: center;
}
a {
	color: #c6478e;
	text-decoration: none;
	outline:0;
}
a:hover, a:focus {
	text-decoration: none;
}
a img {
	border: none;
}
p {
	padding: 0 0 10px 0;
	margin: 0;
	float:left;
	clear:Both;
	width:100%;
}
h1 {
	font-size: 1em;
	font-weight: bold;
	padding: 0;
	margin: 0 0 10px;
}
hr {
	background:none;
	border: none;
	border-bottom: 1px solid #ccc;
	height: 1px;
}
form, fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
button {
	font-size: 1px;
	border: 0;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	cursor: pointer;
}
legend {
	display: none;
}
.printlogo {
	display: none;
}
h1, h2, h3, h4, h5, h6{ color:#c6478e; float:left; clear:both; }
#main h3{ margin: 20px 0 15px; float:left; }
#main ul{ margin:0; padding:0 0 0 20px; list-style-position: outside;}
#main ul li{ padding: 0;}

p, ul, h1, h2, h3, h4, h5, h6{ float:left; clear:both; width:100%;}
/* Structure */

#contents {
	margin: 0 auto;
	width: 990px;
	text-align: left;
}

#header {
	width:669px;
	padding:33px 0 0 321px;
	height: 213px;
	background: transparent url(/_img/layup/header.jpg) left top;
}

#header h1 {
	text-indent: -9000px;
	background: url(/_img/layup/logo.jpg) no-repeat;
	margin: 0;
	padding: 0;
	height: 65px;
	width: 346px;
	float: left;
}
#header span {
	text-indent: -9000px;
	background: url(/_img/layup/strapline.jpg) no-repeat;
	margin: 0;
	padding: 0;
	height: 70px;
	width: 414px;
	float: left;
	clear:Both;
}


#topnavi {
	margin: 37px 0 0;
	padding: 0;
	height: 41px;
	width: 628px;
	float:left; 
	clear:both;
	display:block; 
	list-style:none;
}
#topnavi li {
	display: inline;
	float:left;
}

#topnavi a {
	float: left;
	text-align: center;
	color: white;
	text-decoration: none;
	padding: 0;
	height: 41px;
	font-size:1.2em;
	text-indent: -9000px;
	background: url(/_img/layup/navigationbg.jpg) no-repeat left top;
}

/* Default Navigation State (not hovered or current page ) */
#topnavi #n1{ 	background-position: 0 0;   width: 43px; }
#topnavi #n2{ 	background-position: -43px 0;  width: 74px; }
#topnavi #n3{ 	background-position: -117px 0; width: 117px; }
#topnavi #n4{ 	background-position: -234px 0; width: 155px; }
#topnavi #n5{ 	background-position: -389px 0; width: 72px; }
#topnavi #n6{ 	background-position: -461px 0; width: 98px; }
#topnavi #n7{ 	background-position: -559px 0; width: 69px; }

/* Current Page navigation state (selected) */
#topnavi #n1.on, #topnavi #n1.on:hover{ 	background-position: 0 -41px; }
#topnavi #n2.on, #topnavi #n2.on:hover{ 	background-position: -43px -41px; }
#topnavi #n3.on, #topnavi #n3.on:hover{ 	background-position: -117px -41px;  }
#topnavi #n4.on, #topnavi #n4.on:hover{  	background-position: -234px -41px; }
#topnavi #n5.on, #topnavi #n5.on:hover{ 	background-position: -389px -41px; }
#topnavi #n6.on, #topnavi #n6.on:hover{ 	background-position: -461px -41px; }
#topnavi #n7.on, #topnavi #n7.on:hover{ 	background-position: -559px -41px; }

/* Mouse over navigation state */
#topnavi #n1:hover{ 	background-position: 0 -82px; }
#topnavi #n2:hover{ 	background-position: -43px -82px; }
#topnavi #n3:hover{ 	background-position: -117px -82px; }
#topnavi #n4:hover{ 	background-position: -234px -82px; }
#topnavi #n5:hover{ 	background-position: -389px -82px; }
#topnavi #n6:hover{ 	background-position: -461px -82px; }
#topnavi #n7:hover{ 	background-position: -559px -82px; }




#middle {
	margin: 0;
	float: left;
	width: 988px;
	background: #161616;
	border: 1px solid #222222;
	border-top: 0;
	text-shadow: 0.1em 0.1em 0.2em #0c0c0c;
}

#left {
	width: 241px;
	float: left;
	padding: 40px;
	margin: 0;
}

#quotes ul, #quotes{ height: 365px; list-style: none; margin:0; padding:0; position:relative;}
#quotes li{ position:absolute; left:0; top:0;}
#quotes li p{ width: 240px; float:left; display:block; text-indent:-9000px; background: url(/_img/layup/quotesbg.gif) left top no-repeat; padding: 0 0 5px;}
#quotes li span{ color: #c6478e;}
#quotes li#quote1 p{ background-position: 0 0; height: 260px; }
#quotes li#quote2 p{ background-position: -240px 0; height: 235px; }
#quotes li#quote3 p{ background-position: -480px 0; height: 260px; }
#quotes li#quote4 p{ background-position: -720px 0; height: 314px; }
#quotes li#quote5 p{ background-position: -960px 0; height: 146px; }
#quotes li#quote6 p{ background-position: -1200px 0; height: 170px; }
#quotes li#quote7 p{ background-position: -1440px 0; height: 235px; }
#quotes li#quote8 p{ background-position: -1680px 0; height: 216px; }
#quotes li#quote9 p{ background-position: -1920px 0; height: 314px; }
#quotes li#quote10 p{ background-position: -2160px 0; height: 314px; }
#quotes li#quote11 p{ background-position: -2400px 0; height: 216px; }


#contactinfo{ padding:20px 0 0; border-top: 5px solid #c6478e; margin: 30px 0 0; float:left; }
#contactinfo a, #contactinfo span{ width:240px; height:28px; background: url(/_img/layup/emailphone.gif) left top no-repeat; float:left; clear:both; text-indent: -9000px;}
#contactinfo a{ background-position: left top;}
#contactinfo a:hover{ background-position: -240px top;}
#contactinfo span{ background-position: 0 -28px;}

#main{
	width: 629px;
	float:left;
	padding: 40px 38px 40px 0;
	margin:0; 
}

#main h1{ 
	width:628px; 
	height: 40px;
	background: url(/_img/layup/pagetitles.gif) left top;
	text-indent:-9000px;
	float:left;
	margin:0 0 10px;
}

.home #main h1{ background-position: 0 0; }
.about #main h1{ background-position: 0 -40px; }
.presentation #main h1{ background-position: 0 -80px; }
.communication #main h1{ background-position: 0 -120px; }
.roleplay #main h1{ background-position: 0 -160px; }
.training #main h1{ background-position: 0 -200px; }
.contact #main h1{ background-position: 0 -240px; }
.privacy #main h1{ background-position: 0 -280px; }
.disclaimer #main h1{ background-position: 0 -320px; }


#sectors a {
	width:300px;
	float:left;
	color:white;
	margin:10px 0;
	cursor:pointer;
}
#sectors a span {
	color:#c6478e;
}
#sectors a b {
	font-weight:normal;
	padding: 0 0 8px;
	float:left;
}
#sectors .presentationskills, #sectors .roleplay {
	margin-right: 29px;
}
#sectors a span.title {
	width:300px;
	height:40px;
	background: url(/_img/layup/fourpanelstitles.gif) left top;
	display:block;
	float:left;
	text-indent:-9000px;
}
#sectors a span.readmore {
	background: url(/_img/layup/readmorearrow.gif) no-repeat right 5px;
	padding: 0 20px 0;
	float:right;
	margin: 0 3px 0;
}

/*Normal state */
#sectors a.presentationskills span.title{ background-position: 0 0;}
#sectors a.effectivecommunication span.title{ background-position: 0 -40px;}
#sectors a.roleplay span.title{ background-position: 0 -80px;}
#sectors a.mediatraining span.title{ background-position: 0 -120px;}

/* Hover state*/
#sectors a.presentationskills:hover span.title{ background-position: -300px 0;}
#sectors a.effectivecommunication:hover span.title{ background-position: -300px -40px;}
#sectors a.roleplay:hover span.title{ background-position: -300px -80px;}
#sectors a.mediatraining:hover span.title{ background-position: -300px -120px;}
#sectors a:hover span.readmore{ color: #7ba2f1; background-position: right -15px;}

#footer{
	clear: both;
	margin: 0 auto;
	width: 910px;
	height: 25px;
	padding:15px 0 0;
	text-shadow: 0.1em 0.1em 0.2em #0c0c0c;
}
#footer span{ float:left; color:#858585;}

#footer ul {
	margin: 0;
	list-style: none;
	text-align: right;
	float:right;
	width: 634px;
	clear:none;
}
#footer li {
	display: inline;
	float: left;
}
#footer a {
	color:#858585;
	text-decoration: none;
	padding: 0 10px 0 7px;
}
#footer .last {
	float: right;
}
#footer .no a {
	border-right: none;
}
#footer .last a {
	border-right: none;
	color: #3c3c3c;
}
#footer a:hover, #footer a:focus {
	opacity:0.7;
}

/* Forms */

.formarea {
	text-align: right;
	vertical-align: top;
	width: 430px;
	border: none;
	float:left;
}
.formarea p {
	margin: 10px 0;
	padding: 0;
}
.formarea p label {
	float: left;
}
.formarea select {
	padding: 0;
	width: 174px;
}
.textform {
	background: #fff !important;
}
.textformfocus {
	background: #e5e5e5 !important;
}
.textform, .textformfocus {
	color: #333;
	width: 268px;
	border: 0;
	border-bottom: 2px solid #c6478e;
	font: 1em Arial, Helvetica, sans-serif;
	vertical-align: top;
	line-height:1.5em;
	padding:5px 10px;
}

button#submitButton{ margin:0;float:right; display:block; width:69px; height: 25px; text-indent:-9000px; background: url(/_img/layup/submitButton.gif) left top no-repeat;}
button#submitButton:hover{ background-position: left -30px;}

/* Ajax & Error Checking */

.formerror .textform, .formerror .textformfocus {
	border: solid 1px #C6478E;
	color: #C6478E;
}
.formerror .textformfocus {
	background: #ffeeed !important;
}
.formerror label:after {
	color: #C6478E;
}
.formerror label {
	 color: #fff;
}
.formerror label span{ color: #C6478E;}
.error {
	color: #C6478E;
	padding: 10px 0 !important;
	text-align: left !important;
}
#waiting {
	position: absolute;
	background-color:#161616;
	width: 640px;
	margin-left: -1px;
	height:450px;
	opacity: 1;
	text-align: center;
	padding: 237px 0 0 0;
}
/* Extras */

.clear {
	clear: both;
}
.hidden {
	position: absolute;
	left: -9999px;
}
.hand {
	cursor: pointer;
}
.textleft {
	text-align: left !important;
}
.textcenter {
	text-align: center !important;
}
.textright {
	text-align: right !important;
}
.right {
	float: right;
}
.left {
	float: left;
}