/* CSS Document */
/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

img {border: 0;}

body
{
  margin-top: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right:0px;
  background-color: #D6DFE5;
  color: #666666;
  FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
  min-width: 890px;
  text-align: center;
}

a:link
{ 
	text-decoration: underline; 
	color: #003366;
	background-color: transparent;
}

a:visited
{ 
	text-decoration: underline; 
	color: #003366;
}

a:hover
{ 
	text-decoration: underline;
	color: #CC3300;
	background-color: transparent;
}

/*-- GENERAL BITS --------------*/
.container {margin: 0 auto; width: 890px; padding: 0; border: 0; position: relative; text-align: left;}

/*-- HEADER---------------------*/

#masthead {position: relative; float: left; display: inline; width: 890px; height: 160px; margin: 0; padding: 0; background: url(images/nav_main_bg.gif) bottom left no-repeat;}

	#masthead ul {display: inline; float: left; list-style: none; margin: 0; padding: 0;}
	#masthead li {display: inline; float: left; margin: 0 3px 0 0;}
	#masthead li a {display: inline; float: left; height: 30px;}
	#masthead li span {display: none;}

#nav01 a {background: url(images/tab_home_off.gif) top left no-repeat; width: 69px; height: 30px;}
#nav01 a:hover {background: url(images/tab_home_hov.gif) top left no-repeat;}
#nav01on {background: url(images/tab_home_on.gif) top left no-repeat; width: 69px; height: 30px;}

#nav02 a {background: url(images/tab_about_us_off.gif) top left no-repeat; width: 89px; height: 30px;}
#nav02 a:hover {background: url(images/tab_about_us_hov.gif) top left no-repeat;}
#nav02on {background: url(images/tab_about_us_on.gif) top left no-repeat; width: 89px; height: 30px;}

#nav03 a {background: url(images/tab_services_off.gif) top left no-repeat; width: 85px; height: 30px;}
#nav03 a:hover {background: url(images/tab_services_hov.gif) top left no-repeat;}
#nav03on {background: url(images/tab_services_on.gif) top left no-repeat; width: 85px; height: 30px;}

#nav04 a {background: url(images/tab_capacity_list_off.gif) top left no-repeat; width: 113px; height: 30px;}
#nav04 a:hover {background: url(images/tab_capacity_list_hov.gif) top left no-repeat;}
#nav04on {background: url(images/tab_capacity_list_on.gif) top left no-repeat; width: 113px; height: 30px;}

#nav05 a {background: url(images/tab_gallery_off.gif) top left no-repeat; width: 79px; height: 30px;}
#nav05 a:hover {background: url(images/tab_gallery_hov.gif) top left no-repeat;}
#nav05on {background: url(images/tab_gallery_on.gif) top left no-repeat; width: 79px; height: 30px;}

#nav06 a {background: url(images/tab_latest_news_off.gif) top left no-repeat; width: 110px; height: 30px;}
#nav06 a:hover {background: url(images/tab_latest_news_hov.gif) top left no-repeat;}
#nav06on {background: url(images/tab_latest_news_on.gif) top left no-repeat; width: 110px; height: 30px;}

#nav07 a {background: url(images/tab_contact_off.gif) top left no-repeat; width: 81px; height: 30px;}
#nav07 a:hover {background: url(images/tab_contact_hov.gif) top left no-repeat;}
#nav07on {background: url(images/tab_contact_on.gif) top left no-repeat; width: 81px; height: 30px;}

#headerLogo {position: absolute; top: 20px; left: 30px; width: 191px; height: 64px;}
#headerNavBar {position: absolute; top: 100px; left: 10px; height: 30px;}

/*-- MAIN AREA FORMAT -------------*/
.mainAreaFormat {position: relative; float: left; display: inline; width: 890px; background: url(images/bg_main.gif) top left repeat-y #FFFFFF; margin: 0; padding: 0 0 10px 0;}

/*-- FOOTER --------------------*/
.footerArea {position: relative; float: left; display: inline; width: 890px; margin: 0; background: url(images/bg_footer.gif) top left no-repeat;}
	.footerArea p {margin: 40px 40px 30px 40px; font-size: 11px; color: #666666; display: inline;}

/*-- HOMEPAGE ----------------*/
.homeMainImage {position: relative; float: left; display: inline; margin: 0 0 0 40px; width: 810px;}

.homeWelcomeArea {position: relative; float: left; display: inline; margin: 40px 30px 0 40px; padding: 0; width: 250px;}
	.homeWelcomeArea p {font-size: 14px; color: #333333; line-height: 1.3em;}

.homeSubHeadings {margin: 0 0 -10px 0;}

.homeServicesArea {position: relative; float: left; display: inline; margin: 40px 30px 0 0; padding: 0; width: 250px;}
	.homeServicesArea p {font-size: 14px; color: #333333; line-height: 1.3em;}
	.homeServicesArea ul {padding: 0; font-size: 14px; margin: 10px 0 0 0; list-style: none; position: relative;}
	.homeServicesArea li {padding: 0 0 10px 20px; margin :0; line-height: 1em; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0 0.15em;}
	
.homeLatestNewsArea {position: relative; float: left; display: inline; width: 220px; padding: 5px 15px 10px 15px; background: url(images/box_blue_250_bottom.gif) bottom left no-repeat #E5EBEF;}
	.homeLatestNewsArea p {font-size: 14px; color: #333333; line-height: 1.3em; margin: 0 }
	.homeLatestNewsArea ul {padding: 0; font-size: 14px; margin: 14px 0 0 0; list-style: none; position: relative;}
	.homeLatestNewsArea li {padding: 0 0 10px 20px; margin :0; line-height: 1.3em; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0 0.2em;}
.homeVacanciesAreaTop {margin: 0; padding: 0; height: 5px; width: 250px; display: inline; position: relative; float: left;}	
.homeLatestNewsAreaContainer {position: relative; float: left; display: inline; width: 250px; margin: 25px 0 0 0;}

.homeTelephoneNumber {position: relative; float: left; display: inline; width: 810px; margin: 0 0 0 40px; text-align: center;}

/*-- CONTENT PAGE ---------------*/
.titleBar {position: relative; float: left; display: inline; margin: 0 0 30px 40px; padding: 0;}

.contentMainColumn {position: relative; float: left; display: inline; width: 530px; margin: -5px 30px 0 40px; font-size: 14px; line-height: 1.5em;}
	.contentMainColumn p {font-size: 14px; line-height: 1.4em; color: #333333;}
	.contentMainColumn h2 {font-size: 18px; font-weight: normal; color: #CC3300; line-height: 1.1em; margin: 30px 0 10px 0;}
	.contentMainColumn h3 {font-size: 14px; font-weight: bold; color: #333333; line-height: 1.1em; margin: 10px 0 10px 0;}
	.contentMainColumn ul {padding: 0; font-size: 14px; margin: 10px 0 0 0; list-style: none; position: relative;}
	.contentMainColumn li {padding: 0 0 10px 20px; margin :0; line-height: 1.3em; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0 0.15em;}

.rightColumnContainer {position: relative; float: left; display: inline; width: 250px; margin: 0;}
.rightColumnBlueBoxContainer {position: relative; float: left; display: inline; width: 250px; margin: 0 0 30px 0;}
.rightColumnBlueBoxContainerTop {margin: 0; padding: 0; height: 5px; width: 250px; display: inline; position: relative; float: left;}	

.rightColumnBlueBoxArea {position: relative; float: left; display: inline; width: 220px; padding: 10px 15px 10px 15px; background: url(images/box_blue_250_bottom.gif) bottom left no-repeat #E5EBEF;}
	.rightColumnBlueBoxArea p {font-size: 14px; color: #333333; line-height: 1.3em; }
	.rightColumnBlueBoxArea ul {padding: 0; font-size: 14px; margin: 14px 0 0 0; list-style: none; position: relative;}
	.rightColumnBlueBoxArea li {padding: 0 0 10px 20px; margin :0; line-height: 1.3em; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0 0.2em;}

/*-- GALLERY PAGE --------------*/
.galleryIntro {position: relative; float: left; display: inline; width: 810px; margin: 0 0 20px 40px;}
	.galleryIntro p {font-size: 16px; color: #333333; line-height: 1.3em; margin: 0; padding: 0;}

.galleryRow {position: relative; float: left; display: inline; width: 810px; margin: 0 0 30px 40px;}
	
.galleryThumb {position: relative; float: left; display: inline; width: 180px; margin: 0 70px 0 20px;}
	.galleryThumb a {background-color: transparent;}
	.galleryThumb a:visited {background-color: transparent;}
	.galleryThumb a:hover {background-color: #FFFFFF;}
.galleryThumbEnd {position: relative; float: left; display: inline; width: 180px; margin: 0;}

.galleryMain {position: relative; float: left; display: inline; width: 530px; margin: 0 0 30px 0;}

/*-- CONTACT PAGE -------------*/
.contentMainColumn form {padding: 0; margin: 0; font-family: arial, verdana, sans-serif;}
.contentMainColumn fieldset {width: 528px; border: 0; padding: 0; margin: 30px 0 5px 0;}
.contentMainColumn legend {font-size: 15px; color: #990000; font-weight: bold;}
.contentMainColumn label {font-size: 14px; font-family: arial, verdana, sans-serif; font-weight: bold; color: #333333; width: 130px; display: inline; float: left;}

.formRegisterText {width: 380px; font-family: arial, verdana, sans-serif; border: 1px solid #999999; background-color: #FFFFFF; font-size: 14px; padding: 2px 0 2px 0;}
.formRegisterSelect {width: 380px; font-family: arial, verdana, sans-serif; background-color: #FFFFFF; font-size: 14px;}
.formRegisterButtonLeft {padding: 4px 5px 4px 5px; font-family: arial, verdana, sans-serif; margin: 20px 0 0 133px; background-color: #003366; border: 1px solid #000033; color: #FFFFFF; font-size: 14px;}
.formRegisterButton {padding: 4px 5px 4px 5px; font-family: arial, verdana, sans-serif; margin: 20px 0 0 10px; background-color: #003366; border: 1px solid #000033; color: #FFFFFF; font-size: 14px;}