/*  CSS - Consolidated Training Services   */

* {
	padding: 0;
	margin: 0;}/* this will reset all elements to margin/padding = 0 */

body {
	margin: 0;
	padding: 0;
	background: #FFF url(../images/core/bg-repeat.gif) repeat-x ;
	background-position: 100px 0px;}

.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#container{
	margin: 0;
	padding: 0;}
	
#banner{
	margin: 0;
	padding: 0;}

/* containers */
#left{
	width:100px;
	background:#fff url(../images/core/red-repeat.gif) repeat-y;
	float:left;}
	
	#left1{
	float:left;}
	#right1{
	float:left;
	margin-left:40px;}

#pic-right{
	float:right;
	padding-left:20px;
	padding-right:10px;}

#main{
	width:764px;
	background:#fff url(../images/core/bg-repeat.gif) repeat-x;
	float:left;}
	
#imgbanner{float:left;}
#top-bar{background:url(../images/core/top.gif) no-repeat; width:764px; height:48px;}
#logo-nav{height:65px;}
#logo{float:left; width:296px; height:65px;}
#img-nav{height:219px;}
#contactinfo {	font:11px Arial, Helvetica, sans-serif; 	color:#333333; 	margin:13px 0 0 0;}

#info{
	background:url(../images/core/red-repeat.gif) repeat-y;
	width:764px;
	padding:15px 0 0 100px;}
	
#text{border-bottom:1px solid #CCC;}
#text-split-left{width:420px; float:left;}
#text-split-right{float:left; background:url(../images/cta_home.jpg) no-repeat; padding:150px 50px 0 0; width:279px; height:333px; margin-left:15px;}

#footer{color:#CCC;}

#back{text-align:right;}

#right-box{width:200px; float:right; background:#f2f1ef; margin:0 0 20px 20px;}
div#right-box ul{margin:15px 10px 20px 10px;}
div#right-box li{padding-left:15px 10px 20px 10px;}
	
/* fonts */
hr{color:#CCC; height:1px;}

div#text p{
	font:12px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:20px;
	padding:0 0 15px 0;
	text-align:justify;}
div#text ul{font:12px Arial, Helvetica, sans-serif; font-weight:normal; color:#666; padding:0 0px 5px 0px; line-height:20px;}
div#text li{font:12px Arial, Helvetica, sans-serif; font-weight:normal; color:#666; padding:0 0px 5px 0px; line-height:20px; list-style-image: url('../images/bullet-red.gif'); list-style-position: inside;}
	
h1 {text-indent:-9999px;}
body.home h1 {background:url(../images/titles/home.gif) no-repeat left top; padding-bottom:40px;}
body.profile h1 {background:url(../images/titles/profile.gif) no-repeat left top; padding-bottom:18px;}
body.nonworksafe h1 {background:url(../images/titles/nonworksafe.gif) no-repeat left top; padding-bottom:40px;}
body.worksafe h1 {background:url(../images/titles/worksafe.gif) no-repeat left top; padding-bottom:18px;}
body.contact h1 {background:url(../images/titles/contact.gif) no-repeat left top; padding-bottom:18px;}

h2{font:16px Arial, Helvetica, sans-serif; color:#bb3e3e; font-weight:bold; padding:0 0 15px 0; line-height:25px;}
h3{font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#000; padding:0 0 15px 0; text-transform:uppercase;}
h4{font:12px Arial, Helvetica, sans-serif; font-weight:normal; color:#bb3e3e; padding:0 0 15px 0;}
h5{font:14px Arial, Helvetica, sans-serif; font-weight:normal; color:#000; padding:0 0px 15px 0px;}


/* links */
div#contactinfo a{color:#bb3e3e; text-decoration:none;}
div#contactinfo a:hover{color:#bb3e3e; text-decoration:underline;}

div#footer a{font:10px Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none;}
div#footer a:hover{font:10px Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:underline;}

div#text a{font:12px Arial, Helvetica, sans-serif;	color:#bb3e3e; font-weight:bold; text-decoration:none;}
div#text a:hover{font:12px Arial, Helvetica, sans-serif;	color:#bb3e3e; font-weight:bold; text-decoration:underline;}

div#back a{font:10px Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none;}
div#back a:link{font:10px Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:underline;}

div#right-box a{font:12px Arial, Helvetica, sans-serif;	color:#000; font-weight:bold; text-decoration:none;}
div#right-box a:hover{font:12px Arial, Helvetica, sans-serif;	color:#bb3e3e; font-weight:bold; text-decoration:none;}

	
/* navigation */
div#navigation{
	height:65px;
	padding: 0 0 0 0;
	float:left;}

ul#nav {list-style:none;}
ul#nav li {float:left;text-indent:-9999px;overflow:hidden;}
ul#nav li a {display:block;height:65px;}
ul#nav li a:hover {background-position:0 -65px!important;}

ul#nav li#home a {background:url(../images/core/home.gif) no-repeat 0 0;width:76px;} 
ul#nav li#profile a {background:url(../images/core/profile.gif) no-repeat 0 0;width:86px;} 
ul#nav li#ws-courses a {background:url(../images/core/courses_worksafe.gif) no-repeat 0 0;width:91px;} 
ul#nav li#nws-courses a {background:url(../images/core/courses_nonworksafe.gif) no-repeat 0 0;width:91px;} 
ul#nav li#contact a {background:url(../images/core/contact.gif) no-repeat 0 0;width:99px;} 


div#cta{
	height:219px;
	float:left;
	padding: 0 0 0 0;}

ul#ctarollover {list-style:none; width:387px;}
ul#ctarollover li {text-indent:-9999px;overflow:hidden;}
ul#ctarollover li a {display:block; width:387px;}
ul#ctarollover li a:hover {background-position: -387px!important;}

ul#ctarollover li#machinery_training a {background:url(../images/core/machinery_training.gif) no-repeat 0 0; height:125px;} 
ul#ctarollover li#personalised_training a {background:url(../images/core/personalised_training.gif) no-repeat 0 0; height:94px;} 


/*---------------------------------------------   
    forms
----------------------------------------------*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }

form.form label {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333;
	display: inline-block;
	width: 100px;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #333;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}