/*

Client: ProCo

Athernet Solutions:
	- James Fairhurst

Created: 	05/08/2008
Modified:	06/08/2008

*/


*					{ padding:0; margin:0;}
html				{ overflow-y: scroll;}
body				{ }
#wrapper			{ text-align: left; margin:0px auto; }

/* header */
#header				{ overflow:auto; width:900px; margin:0 auto; }
	.logo			{ float:left; width:275px; height: 100px; text-indent:-9999px;}
	.tagline		{ float:right;}

/* contents */
#contents_wrapper	{ width:900px; margin:0 auto }
	#contents_wrapper .contents			{ width:730px; float:right;}
	#contents_wrapper .contents .main	{ width:520px; float: left; padding:25px 0 25px 0;}
		.main .training						{}
			.main .training .box				{ width:117px; float:left; margin:0 17px 0 0;}
			.main .training .box h3				{ font-size:0.83em; color:#33458f; padding:10px 0 0 0;}
			.main .training .box p				{ font-size:0.83em; color:#333; padding:10px 0 10px 0;}
			.main .training .box a				{ font-size:0.83em;}
			.main .training .last				{ margin:0;}
		.main img							{ float:right; border: 1px solid #333; margin:0 0 10px 0;}
		.main .courses					{ overflow:auto; width:100%;}
			.main .courses img					{ float:left; margin:0 10px 0 0; display:block;}
			.main .courses h2					{ border:none; margin:0 0 10px 0;}
			.main .course						{ width: 390px; float:right; padding:0 0 10px 0; border-bottom: 1px solid #f2f2f2; margin:0 0 10px 0;}
				.main .course h3					{ font-size:0.92em; text-decoration:underline; margin:0 0 10px 0; background:url(../../images/layout/bullet.png) no-repeat; background-position: 0px 5px; padding-left: 10px;}
				.main .course ul					{}
				.main .course ul li					{ /*float:left;*/ margin:0 10px 0 0; line-height:16px;}
				.main .course ul li.icon_pdf		{ background: url(../../images/icons/icon_pdf.jpg) no-repeat top left; float:left; }
				.main .course ul li.icon_more		{ background: url(../../images/icons/icon_more.jpg) no-repeat top left; float:left; }


	#contents_wrapper .contents .sec	{ width:200px; float: right; padding:0 0 10px 0;}
		.sec .box_white						{ background:url(../../images/layout/box_white_bg.jpg) repeat-y; width:197px; margin: 15px 0 0 0;}
			.sec .box_white .top				{ background:url(../../images/layout/box_white.jpg) no-repeat top left; width:197px; height:10px;}
			.sec .box_white .bottom				{ background:url(../../images/layout/box_white.jpg) no-repeat bottom left; width:197px; height:10px;}
			.sec .box_white p					{ padding: 0 10px; font-size: 0.92em; color:#33448c;}
			.sec .box_white .large_grey			{ font-size: 1.83em; color:#666; padding:10px;}
			.sec .box_white .grey				{ font-size: 0.75em; color:#666;}
			.sec .box_white .grey a				{ color:#666;}
		.sec .box_blue						{ background:url(../../images/layout/box_white_bg.jpg) repeat-y; widows:197px; margin:15px 0 0 0; }
			.sec .box_blue h2					{ background:url(../../images/layout/box_blue.jpg) no-repeat; height:36px; padding:0 10px; line-height:36px; color:#fff; margin:0 0 10px 0;}
			.sec .box_blue .bottom				{ background:url(../../images/layout/box_white.jpg) no-repeat bottom left; width:197px; height:10px;}
			.sec .box_blue h3					{ padding:0; font-size:1em; color:#32458a; font-weight:normal;}
			.sec .box_blue p					{ padding:0 10px 10px 10px; font-size:0.83em;}
			.sec .box_blue a					{ padding:0 10px; font-size:1;}
			.sec .box_blue .more				{ font-weight:bold;}

/* footer */
#footer				{ width:100%; height:115px; padding:150px 0 0 0;}
	#footer .contents			{ width:900px; height:115px; margin:0 auto; text-align:left;}
	#footer .contents .details	{ padding:25px 0 0 30px; float:left; line-height:15px;}
	#footer .contents .logos	{ float:right;}
	#footer1 					{ width:900px; margin:0 auto; text-align:left;}
	#footer1 p					{ padding:15px 0 15px 30px;}

/*

Navigation

*/
ul#nav				{ width:160px; padding:30px 0; margin:0; list-style-type:none;}
ul#nav li			{ background: url(../../images/layout/nav_bullet.png) no-repeat; background-position: 15px 11px;}
ul#nav li a			{ border-bottom: 1px solid #e2e2e2; border-top: 1px solid #fff; display:block; outline:none; color:#000000; font-weight:bold; padding:8px 0 8px 30px; font-size:0.92em; text-decoration:none;}
ul#nav li a:hover	{ background: url(../../images/layout/nav_bullet_over.png) no-repeat #e6e6e6; background-position: 15px 10px;}
ul#nav li.first a	{ border-top: 1px solid #f2f2f2;}
	ul#nav li ul		{ list-style-type:none;}
	ul#nav li ul li		{ }
	ul#nav li ul li a	{ font-size:0.83em; font-weight:normal;}
		ul#nav li ul li ul li			{ background-position: 25px 11px;}
		ul#nav li ul li ul li a			{ padding-left:40px; font-size:0.75em;}
		ul#nav li ul li ul li a:hover	{ background-position: 25px 10px;}


/*

Colour & Images

*/
html				{ background:url(../../images/layout/bg.png) repeat-x;}
#header .logo		{ background:url(../../images/layout/header_logo.png) no-repeat;}
#contents_wrapper	{ background:url(../../images/layout/contents_bg.png) repeat-y;}
#footer				{ background:url(../../images/layout/footer_bg.jpg) repeat-x #34458d;}

/*

Typography

*/
body				{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em;}
p					{ padding:0; margin:0}
a 					{ text-decoration:underline;}
a:hover				{ text-decoration: none;}
a:visited			{ color:#33458f;}
a img				{ border:none;}
h1,h2,h3			{ padding:0; margin:0;}
h1					{ font-size:1.33em;}
h2					{ font-size:1.17em;}
h3					{ font-size:1.08em;}

/* header */
#header				{ color:#fff;}
#header .tagline h2	{ font-size:1.33em; padding:20px 0 0 0;}

/* main */
.main h1			{ color:#32458a; border-bottom: 1px solid #32458a; margin:0 0 15px 0; padding-bottom:5px; font-size:1.17em;}
.main h2			{ color:#32458a; border-bottom: 1px solid #32458a; margin:0 0 15px 0; padding-bottom:5px; font-size:1.08em;}
.main p				{ color:#333; padding:0 0 15px 0; font-size:0.92em;}
.main ul			{ list-style-type:none; font-size:0.92em;}
.main ul li			{ background:url(../../images/layout/bullet.png) no-repeat; padding-left: 20px; background-position: 5px 4px; margin: 0 0 4px 0;}

/* footer */
#footer a			{ color:#fff;}
	#footer .contents .details	{ color:#fff; font-size:0.92em;}
	#footer1 p		{ font-size:0.92em;}



/*

Misc

*/
.clear				{ clear:both;}
.icon_pdf			{ background: url(../../images/icons/icon_pdf.jpg) no-repeat top left;}
.icon_more			{ background: url(../../images/icons/icon_more.jpg) no-repeat top left;}

/*

Form

*/
form				{}
form fieldset		{}
form fieldset legend{}
form .input			{ padding:5px; border-bottom:1px solid #e5e5e5;}
form .input label	{ width: 150px; float:left; display:block; font-size:0.92em; font-weight:bold;}
form .input select	{ border: 1px solid #aaadb2;}
form .input select option	{ padding-right:5px;}
form .input	input	{ border: 1px solid #aaadb2;}
form .input textarea{ border: 1px solid #aaadb2;}
form .buttons		{ padding-left:155px; border-bottom:none;}

/* contact form */
.form_contact fieldset	{ border:none;}
.form_contact legend	{ display:none;}
.form_contact .input label	{ padding-top:5px;}
.form_contact input		{ width: 200px; height:20px;}
.form_contact textarea	{ width:200px; height:80px;}
.form_contact button[type="reset"]	{ margin:0 95px 0 0;}

/*

Tables

*/



/* Errors */
ul.errors
{
	border:2px solid red;
	background:pink;
	padding:10px;
	margin:0 0 10px 0;
	font-weight:700;
}
.main ul.errors li
{
	list-style-type:disc;
	list-style-image:none;
	background:none;
	list-style-position:inside;
	margin:0;padding:0;
}


.block{ display:block }