html {
	background			: url(../img/bg.gif);
	font-family			: "Lucida Sans Unicode";
	font-size			: 12px;
}
html, div, body {
	margin				: 0px;
	padding				: 0px;
}
.floatClear {
	clear				: both;
	height				: 1px;
	margin-bottom		: -1px;
	overflow			: hidden;
}
#contatiner {
	width				: 100%;
	background			: url(../img/bg_grey.gif) repeat-x top center;
}
#content {
	width				: 870px;
	float				: left;
}

/*BACKGROUND*/
#logo {
	background			: url(../img/highwork_logo.png) no-repeat center center;
	width				: 195px;
	height				: 60px;
}
#logo {
	width				: 195px;
	height				: 60px;
	display				: block;
}
#page {
	width				: 878px;
	margin				: auto;
	background			: #ffffff;
}
#left {
	background			: url(../img/white_gradiant_left_repeat.gif) repeat-y left top;
	float				: left;
	overflow			: hidden;
}
#left_static {
	background			: url(../img/white_gradiant_left.gif) no-repeat left top;
	width				: 4px;
	height				: 193px;
	float				: left;
}
#right {
	background			: url(../img/white_gradiant_right_repeat.gif) repeat-y right top;
	float				: left;
	width				: 874px;
}
#right_static {
	background			: url(../img/white_gradiant_right.gif) no-repeat right top;
	width				: 4px;
	height				: 193px;
	float				: right;
}

/*BANNER*/
#banner {
	height				: 192px;
	background			: url(../img/banner.jpg) no-repeat left top #1478d1;
}
#banner_top {
	width				: 100%;
	height				: 162px;
}
#banner_left {
	float				: left;
	text-align			: left;
	padding-top			: 58px;
	padding-left		: 24px;
	color				: #fdbb30;
	font-size			: 19px;
	font-weight			: bold;
}
#banner_left p {
	margin				: 0px;
	padding-top			: 11px;
}
#banner_right {
	float				: right;
	text-align			: right;
	padding-top			: 17px;
	padding-right		: 13px;
}
#banner_right, #banner_right a {
	color				: #ffffff;
	font-size			: 18px;
	font-weight			: bold;
	text-decoration		: none;
}
#banner_right a:hover {
	text-decoration		: underline;
}
#banner_right p {
	margin				: 0px;
}

/*MENU*/
#menu {
	background			: url(../img/menu_bg.png) repeat-x top center;
	height				: 31px;
/*	float				: left;*/
/*	width				: 838px;*/
/*	padding				: 0px 5px;*/
}
#menu_left {
	background			: url(../img/menu_left.png) no-repeat left top;
/*	float				: left;*/
/*	width				: 11px;*/
/*	height				: 31px;*/
}
#menu_right {
	background			: url(../img/menu_right.png) no-repeat right top;
/*	height				: 31px;*/
/*	width				: 11px;*/
/*	float				: right;*/
        padding: 0px 11px;
}
#menu ul {
	padding				: 8px 0px 0px 0px;
	margin				: 0px;
}
#menu li {
	display				: inline;
	/*width				: 96px;*/
	margin				: 0px 1px;
	height				: 23px;
	text-align			: center;
/*	float				: left;*/
}
#menu li.selected a, #menu li:hover a {
	color				: #4d4d4d;
	background			: #FFFFFF;
	margin-bottom		: 1px;
}
#menu li a {
	padding				: 1px 22px;
	float				: left;
	font-size			: 14px;
	color				: #fdbb30;
	text-decoration		: none;
        height: 23px;
        margin-right: 3px;
}

/*MAIN AREA*/
#main {
	padding				: 16px 21px;
}
#main a, #tinycontent a {
	color				: #0071bc;
	text-decoration		: none;
}
#main a:hover, #tinycontent a:hover {
	text-decoration		: underline;
}
#main p {
	padding				: 10px 0px;
	margin				: 0px;
}
#col1 {
	width				: 532px;
	float				: left;
}
#col2 {
	width				: 271px;
	float				: right;
}
.mainbox {
	text-align			: center;
	font-weight			: bold;
	font-size			: 12px;
	padding-bottom		: 20px;
	height				: 127px;
	text-align			: center;
	float				: left;
}
#main .mainbox a {
	padding				: 105px 5px 0px 5px;
	color				: #FFFFFF;
	text-decoration		: none;
	height				: 22px;
	width				: 158px;
	display				: block;
	margin				: 0 auto;
}
#healthandsafety {
	background			: url(../img/box_healthandsafety.jpg) no-repeat top center;
}
#mobileandtelecoms {
	background			: url(../img/box_mobileandtelecoms.jpg) no-repeat top center;
}
#windenergy {
	background			: url(../img/box_windenergy.jpg) no-repeat top center;
	margin-right		: 0px;
}
#seeourfilm {
	background			: url(../img/box_seeourfilm.jpg) no-repeat top center;
	border				: 6px solid #5c5c5c;
	border-left			: 12px solid #5c5c5c;
	border-right		: 12px solid #5c5c5c;
	height				: 79px;
	width				: 508px;
}
#seeourfilm a {
	color				: #FFFFFF;
	float				: right;
	text-align			: right;
	padding				: 57px 5px 7px 293px;
}
#courses {
	background			: url(../img/box_courses.png) no-repeat top center;
	width				: 271px;
	height				: 183px;
	float				: left;
	padding-bottom		: 12px;
}
#courses div {
	padding				: 15px 14px 5px 19px;
	height				: 123px;
}
#main #courses div p {
	padding-top			: 3px;
}
#courses #booknow {
	padding				: 13px 0px 10px 45px;
	color				: #4d4d4d;
}
#viewgallery {
	background			: url(../img/viewgallery.jpg) no-repeat top center;
	width				: 271px;
	height				: 180px;
	float				: left;
	padding-bottom		: 12px;
}
#viewgallery a {
	color				: #FFFFFF;
	text-align			: right;
	float				: right;
	padding				: 150px 8px 12px 89px;
}
.box {
	border				: 2px solid #b3b3b3;
	width				: 243px;
	float				: left;
	padding				: 12px;
}
.box span {
	font-size			: 15px;
	color				: #666666;
	font-weight			: bold;
	padding-left		: 10px;
}
h1 {
	color				: #0071bc;
	font-size			: 17px;
	margin				: 0px;
	padding				: 3px 0px 10px 0px;
}
#getintouch h1 {
	padding-top			: 0px;
	padding-bottom		: 4px;
}
#getintouch p {
	padding				: 4px 0px;
}
h2 {
	color				: #0071bc;
	font-size			: 14px;
	margin				: 0px;
	padding				: 3px 0px;
}
table th {
	text-align			: left;
}
#main p.breadcrumb {
	border				: 2px solid #B3B3B3;
	margin-bottom		: 10px;
	padding				: 5px;
}

/*FOOTER*/
#footer {
	width				: 878px;
	background			: url(../img/white_gradiant_bottom_repeat.gif) repeat-x top center;
	margin				: auto;
	overflow			: hidden;
	font-size			: 10px;
	padding-bottom		: 10px;
}
#footer ul {
	padding				: 0px;
	padding-top			: 2px;
	margin				: 0px;
	float				: left;
}
#footer li {
	display				: inline;
	float				: left;
	padding-right		: 16px;
}
#footer, #footer a {
	color				: #666666;
	text-decoration		: none;
}
#footer a:hover {
	text-decoration		: underline;
}
#footer_left {
	background			: url(../img/white_gradiant_bottom_left.gif) no-repeat left top;
	float				: left;
	width				: 878px;
}
#footer_right {
	background			: url(../img/white_gradiant_bottom_right.gif) no-repeat right top;
	float				: right;
	width				: 874px;
	padding-top			: 18px;
}
#footer_links {
	float				: left;
}
#footer_jandl {
	float				: right;
}
#foot_txt {
	padding-right		: 5px;
}
#foot_txt, #footer_jandl a {
	float				: right;
}

/*TINY BOX*/
#tinybox {position:absolute; display:none; padding:0px; background:#fff url(../secure/img/preload.gif) no-repeat 50% 50%; border:0px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background: url(../img/bg.gif);padding: 0px; height:100%}
#tinycontent {margin:0px;}
#tinycontent table {padding:5px 10px;}
#closeLink {width:75px;height:20px;background:url(../img/close.gif)right no-repeat;float:right;}
#closeLink:hover {background-image:url(../img/close_h.gif)}
#tinybox h1 {
	padding						: 3px 15px 3px 0px;
}

/*FORM*/
.errorClass {
	text-align			: left;
	width				: 26px;
}
a#close {
	display				: block;
	float				: right;
	padding				: 5px;
}
a#close img {
	border				: none;
}