/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	background: #cfdbe9 url(../gfx/bgRepeat.gif) repeat-x;
	font: 11px verdana;
	color: white;
}

a{color: white;}

a img{border: none;}

.clear{ clear: both;}

#outside{
	background: url(../gfx/topRight.jpg) no-repeat top right;
}

#box{
	width: 751px;
	margin: 0 auto;
}

#header{
	height: 87px;
	background: url(../gfx/bgRepeat.gif) repeat-x;
}

a#logo{ /* header left */
	float: left;
	width: 176px;
	height: 87px;
	background: url(../gfx/logo.jpg) no-repeat;
	display: block; 
}

#headerRight{
	float: right;
	width: 526px;
	background: url(../gfx/headerRight.jpg) no-repeat top right;
	height: 77px;
	text-align: right;
	padding: 10px 24px 0px 0px;
}

#buttonCIP{
	float: right;
	background: url(../gfx/buttonCIP.gif) no-repeat;
	width: 98px;
	height: 12px;
	display: block;
}

#buttonBookmark{
	float: right;
	background: url(../gfx/buttonBookmark.gif) no-repeat;
	width: 107px;
	height: 12px;
	display: block;
}




#navigation{
	clear: both;
	height: 37px;
}

#navigation ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#navigation li{
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

#navigation a#buttonHome{
	background: url(../gfx/buttonHome.gif) no-repeat;
	height: 37px;
	width: 156px;
	display: block;
}

#navigation a:hover#buttonHome{
	background: url(../gfx/buttonHomeOver.gif) no-repeat;
}

#navigation a#buttonVacancies{
	background: url(../gfx/buttonVacancies.gif) no-repeat;
	height: 37px;
	width: 146px;
	display: block;
}

#navigation a:hover#buttonVacancies{
	background: url(../gfx/buttonVacanciesOver.gif) no-repeat;
}

#navigation a#buttonApply{
	background: url(../gfx/buttonApply.gif) no-repeat;
	height: 37px;
	width: 146px;
	display: block;
}

#navigation a:hover#buttonApply{
	background: url(../gfx/buttonApplyOver.gif) no-repeat;
}

#navigation a#buttonContact{
	background: url(../gfx/buttonContact.gif) no-repeat;
	height: 37px;
	width: 148px;
	display: block;
}

#navigation a:hover#buttonContact{
	background: url(../gfx/buttonContactOver.gif) no-repeat;
}

#navigation a#navDate{
	background: url(../gfx/navDate.gif) no-repeat;
	height: 27px;
	width: 132px;
	display: block;
	text-decoration: none;
	color: white;
	padding: 10px 23px 0px 0px;
	text-align: right;
}






#mainArea{
	clear: both;
	background: url(../gfx/mainAreaRepeat.gif) repeat-y;
	width: 751px;
	overflow: hidden;
}

#mainLeft{
	float: left;
	width: 490px;
}

#banner{
	clear: both;
}

#bannerLeft{
	height: 187px;
	background: url(../gfx/banner.jpg) no-repeat;
	float: left;
	width: 322px;
}

a#applyNow{
	height: 187px;
	float: right;
	background: url(../gfx/applyNow.gif) no-repeat;
	width: 168px;
	display: block;
}

#mainText{
	clear: both;
	background: url(../gfx/mainTextApplyButton.gif) no-repeat top right;
	padding: 17px 24px 0px 30px;	
}

#mainText2{
	clear: both;
	background: url(../gfx/mainTextApplyButton.gif) no-repeat top right;
	padding: 17px 24px 0px 30px;	
}

#mainText2 input{
	width: 210px;	
	background: white;
	border: solid 1px black;
	height: 19px;
	color: black;
	font: 11px verdana;
	padding: 6px 0px 1px 5px;
}

#mainText2 .input{
	width: 140px;	
	background: black;
	border: solid 1px white;
	height: 34px;
	color: white;
	font: bold 12px verdana;
	padding: 1px 1px 1px 1px;
}

#mainText2 textarea{
	width: 200px;	
	background: white;
	border: none;
	height: 19px;
	color: black;
	font: 11px;
	float: left;
	height: 50px;
}

#mainText2 #submit{
	clear: both;
	width: 116px;	
	background: #7e152d;
	border: none;
	height: 19px;
	color: white;
	border: solid 1px white;	
}

#mainText input{
	width: 100px;	
	background: #7e152d;
	border: solid 1px #a5acb2;
	height: 19px;
	color: white;
	font: 10px;
}
	

#mainRight{
	float: right;
	width: 216px;
	background: #bb2747 url(../gfx/mainRightTop.gif) no-repeat left top; 
	margin: 0px 15px 5px 5px;
	padding: 58px 13px 0px 12px;
}


#mainRight input, textarea{
	font: 12px verdana;
	width: 100%;
	color: #797979;
	background: #7e152d;
	border: none; /*solid 1px #a5acb2;
 	margin: -10px 10px 20px 0px; */
	float: right;
}

#mainRight #submit{
	width: 216px;	
	background: #7e152d;
	border: none;
	height: 19px;
	color: white;
}

#mainRight #postcode{
	width: 80px;
	float: left;
	overflow: hidden;
}

a#buttonContine{
	background: url(../gfx/buttonContine.gif) no-repeat;
	display: block;
	width: 241px;
	height: 26px;
}


#footer{
	clear: both;
	height: 137px;
	background: url(../gfx/footer.gif) no-repeat;
	color: white;
	line-height: 30px;

}

#footer a{
	color: white;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}


#footerLeft{
	float: left;
	width: 400px;
	height: 60px;
	padding: 37px 0px 0px 16px;	
}

#footerRight{
	float: right;
	width: 310px;
	height: 60px;
	padding: 37px 16px 0px 0px;	
	text-align: right;
}


#preload{
	display: none;
}

#mainText2 input.watermark {
	font-style: italic;
}