html{
	height:100%;
}
body{
	height:100%;
	margin:0;
	background:url(../images/bg-body-2.gif) repeat-x;
	font:15px Helvetica, Arial, sans-serif;
	color: #4B4D58;
}
#wrapper{
	min-height:100%;
	background:url(../images/bg-wrapper.jpg) no-repeat 50% 0;
	min-width:960px;
}
* html #wrapper{
	height:100%;
}
.wrapper-holder{
	width:960px;
	margin:0 auto;
	position:relative;
	padding:188px 0 497px;
}
#header{
	padding:24px 0 0;
	height:164px;
	overflow:hidden;
	position:absolute;
	top:0;
}
.logo{
	background:url(../images/bg-logo.gif) no-repeat;
	width:254px;
	height:108px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}
.logo a{
	height:107px;
	display:block;
}
.slogan{
	background:url(../images/bg-slogan.gif) no-repeat;
	width:361px;
	height:73px;
	float:left;
	display:inline;
	text-indent:-9999px;
	overflow:hidden;
	margin:9px 0 0 6px;
}
#nav{
	margin:0;
	padding:22px 0 0 30px;
	list-style:none;
	width:951px;
	clear:both;
	overflow:hidden;
}
#nav li{
	float:left;
	padding:0 60px 0 0;
}
#nav a{
	display:block;
	width:52px;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
	padding:0 2px 10px;
}
#nav .active a,
#nav a:hover{
	border-bottom:5px solid #b1de27;
}
#nav .home{
	background:url(../images/bg-nav.gif) no-repeat;
}
#nav .jobs{
	background:url(../images/bg-nav.gif) no-repeat -56px 0;
	width:43px;
}
#nav .job-seekers{
	background:url(../images/bg-nav.gif) no-repeat -103px 0;
	width:109px;
}
#nav .register{
	background:url(../images/bg-nav.gif) no-repeat -216px 0;
	width:75px;
}
#nav .employers{
	background:url(../images/bg-nav.gif) no-repeat -295px 0;
	width:95px;
}
#nav .about{
	background:url(../images/bg-nav.gif) no-repeat -394px 0;
	width:57px;
}
#nav .contact{
	background:url(../images/bg-nav.gif) no-repeat -455px 0;
	width:72px;
}
#main{
	padding:46px 0 0 13px;
	height:1%;
	overflow:hidden;
}
.visual-box{
	background:url(../images/bg-visual-box.gif) no-repeat;
	width:940px;
	overflow:hidden;
	padding:16px 0 0;
	margin:0 0 50px;
}
.visual-box .holder{
	background:url(../images/bg-visual-box.gif) no-repeat 100% 100%;
	padding:0 0 16px;
}
.visual-area{
	position:relative;
	height:327px;
}
.visual-area img{
	display:block;
}
.visual-area h1{
	position:absolute;
	top:12px;
	left:20px;
	font-size:34px;
	color:#efecca;
	margin:0;
	font-weight:normal;
	width:400px;
	line-height:36px;
}
.find-out{
	position:absolute;
	bottom:14px;
	left:19px;
	background:url(../images/bg-btn-findout.png) no-repeat ;
	font-size:18px;
	color:#fff;
	text-decoration:none;
	line-height:31px;
	padding:0 160px 0 7px;
	text-indent: -9999px;
}
.visual-area .find-out:hover{
	background-position:0 -40px;
}
.info-area{
	width:954px;
	overflow:hidden;
	padding:0 0 70px 38px;
	margin:0 -97px 0 0;
}
.info-box{
	background:url(../images/bg-info-box.gif) repeat-y;
	width:221px;
	overflow:hidden;
	float:left;
	padding:14px 0 0;
	margin:0 97px 0 0;
}
.info-box .holder{
	background:url(../images/bg-info-box.gif) no-repeat 100% 100%;
	overflow:hidden;
	padding:0 15px 18px 20px;
	min-height:192px;
	position:relative;
}
* html .info-box .holder{
	height:192px;
}
.info-box p{
	color:#fefdf6;
	font-size:15px;
	margin:0;
	line-height:20px;
}
.info-box .more{
	color:#efecca;
	font-style:italic;
	text-decoration:none;
	position:absolute;
	bottom:17px;
}
.info-box .more:hover{
	text-decoration:underline;
}
.ttl-boutique{
	background:url(../images/bg-txt-boutique-personal.gif) no-repeat;
	width:173px;
	height:48px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 25px;
}
.ttl-proven{
	background:url(../images/bg-txt-proven-success.gif) no-repeat;
	width:109px;
	height:45px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 25px;
}
.ttl-adventure{
	background:url(../images/bg-txt-adventure.gif) no-repeat;
	width:170px;
	height:46px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 25px;
}
.info-holder{
	height:1%;
	overflow:hidden;
	padding:0 0 0 7px;
}
.txt-area{
	width:435px;
	float:left;
	color:#4b4d58;
	padding:0 40px 0 0;
}
.txt-area p{
	margin:0 0 33px;
	font-size:18px;
}
.txt-area ul{
	margin:0 0 26px 5px;
	padding:0;
	list-style:none;
}
.txt-area li{
	background:url(../images/bg-bullet-list.gif) no-repeat 0 5px;
	padding:0 0 17px 32px;
	line-height:17px;
}
.txt-holder{
	width:435px;
	float:left;
}
.txt-holder .next{
	background:url(../images/bg-next-arrow.gif) no-repeat 100% 50%;
	text-decoration:none;
	color:#3d404a;
	padding:0 15px 0 0;
	margin:0 0 0 54px;
}
.txt-holder .next:hover{
	text-decoration:underline;
}
.ttl-our-jobs{
	background:url(../images/bg-txt-our-jobs.gif) no-repeat;
	width:100px;
	height:17px;
	margin:0 0 23px;
	text-indent:-9999px;
	overflow:hidden;
}
.ttl-testimonials{
	background:url(../images/bg-txt-testimonials.gif) no-repeat;
	width:140px;
	height:17px;
	margin:0 0 23px;
	text-indent:-9999px;
	overflow:hidden;
}
.view-jobs{
	background:url(../images/bg-btn-viewjobs.png) no-repeat scroll 0 0;
	font-size:18px;
	color:#fff;
	text-decoration:none;
	line-height:37px;
	padding:0 90px 0 12px;
	display:block;
	width:110px;
	text-indent:-9999px;
}
.view-jobs:hover{
	background-position:0 -40px;
}
.blockquote-area{
	background:url(../images/bg-blockquote-area.gif) no-repeat;
	color:#4b4d58;
	padding:0 0 7px 10px;
}
.blockquote-area .blockquote-holder{
	background:url(../images/bg-blockquote.gif) no-repeat 100% 100%;
	padding:7px 40px 0 40px;
	margin:0 0 10px;
}
.blockquote-area blockquote{
	margin:0;
}
.blockquote-area cite{
	text-align:right;
	display:block;
	font-size:14px;
	margin:0 54px 0 0;
}
.blockquote-area q:after{
	content:"";
}
.blockquote-area q:before{
	content:"";
}
/*section css*/
#content{
	width:564px;
	padding:11px 73px 0 0;
	float:left;
}
.content-holder{
	padding:0 0 0 10px;
}
.content-holder p{
	line-height:17px;
}
#content h2{
	margin:0 0 18px;
	font-size:16px;
	font-weight:normal;
}
#content ul{
	margin:0 0 26px 31px;
	padding:0;
	list-style:none;
}
#content li{
	background:url(../images/bg-bullet-list.gif) no-repeat 0 5px;
	padding:0 0 20px 26px;
	line-height:17px;
}
.info-block{
	height:1%;
	overflow:hidden;
	border-bottom:6px solid #3d404b;
	padding:0 0 6px;
	margin:0 0 30px;
}
.info-block h1{
	float:left;
	margin:0;
	font-size:28px;
	color:#3D404B;
}
.info-block p{
	float:right;
	color:#3d404b;
	font-size:18px;
	margin:12px 0 0;
	text-transform:uppercase;
}
.txt-block{
	background:#eff4f5;
	padding:6px 10px 8px;
	margin:-8px 0 38px;
}
.txt-block p{
	font-size:16px;
	margin:0;
	line-height:22px;
	color:#51868e;
	letter-spacing:-1px;
}
.txt-block a{
	color:#3d404b;
	text-decoration:none;
	font-style:italic;
}
.txt-block a:hover{
	text-decoration:underline;
}
/*---- end section code----*/
#sidebar{
	width:288px;
	padding:25px 22px 0 0;
	float:right;
}
#sidebar a{
	color:#efecca;
	text-decoration:none;
}
#sidebar a:hover{
	text-decoration:underline;
}
.box-info{
	background:url(../images/bg-box-info.gif) no-repeat 0 100%;
	width:100%;
	overflow:hidden;
	padding:0 0 15px;
}
.box-info .holder{
	background:url(../images/bg-box-info-holder.gif) repeat-y;
	overflow:hidden;
	padding:15px 20px 33px 20px;
}
.box-info h3{
	margin:0 0 20px;
	color:#F5F4DF;
	font-size:24px;
	/*text-shadow: 0px 1px 1px #000; */
}
.box-info h4{
	font-size:16px;
	margin:0 0 18px;
	color:#fbfafa;
	font-weight:normal;
}
.box-info h5{
	font-size:16px;
	margin:0 0 12px;
	color:#f4d3e;
	font-weight:normal;
}
	
.box-info p{
	font-size:14px;
	color:#fbfafa;
	line-height:18px;
}

.box-info ul {
	font-size:14px;
	color:#fbfafa;
	margin:0 0 18px -25px;
	line-height:18px;
	list-style:none;
}

.box-info li {
	padding-bottom: 20px;
	background:url(../images/bg-bullet-star.gif) no-repeat ;
	padding:0 0 17px 32px;
	margin-left: -14px;
	line-height:17px;
}


.btn-holder{
	height:1%;
	overflow:hidden;
	padding:0 12px 0 0;
}
.btn-holder a{
	color:#fff;
	font-size:18px;
	background:url(../images/bg-btn-inner.gif) no-repeat;
	line-height:28px;
	text-decoration:none;
	padding:0 0 2px 13px;
}
.btn-holder a:hover{
	background:url(../images/bg-btn-inner-roll.gif) no-repeat ;
}
.btn-holder a span{
	display:block;
	background:url(../images/bg-btn-inner.gif) no-repeat 100% -31px;
	padding:0 29px 3px 0;
}
.btn-holder a span:hover{
	display:block;
	background:url(../images/bg-btn-inner-roll.gif) no-repeat 100% -31px;
	padding:0 29px 3px 0;
}
.register-online{
	float:left;
}
.check-eligibility{
	float:right;
}
.check-eligibility span{
	padding:0 60px 3px 0 !important;
}
.ttl-site-links{
	background:url(../images/bg-txt-site-links.gif) no-repeat;
	width:99px;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 16px 13px;
}
.site-links{
	margin:0 0 -8px;
	padding:0 0 0 2px;
	list-style:none;
	overflow:hidden;
	position:relative;
}
.site-links li{
	background:url(../images/bg-site-links.gif) no-repeat;
	line-height:26px;
	margin:-5px 0 5px 0;
}

.site-links a{
	color:#efecca;
	text-decoration:none;
	background:url(../images/bg-arrow-site-links.gif) no-repeat 0 4px;
	padding:0 0 0 17px;
}
.site-links a:hover{
	text-decoration:underline;
	background:8bb1b7;
}

/*alternative layout*/
.wideaside{
	float:left;
	height: 100px;
	width: 564px;
	padding-top: 65px;
	background:url(../images/bg-nzshots.jpg) no-repeat 0 100%;
}
.wideinfo-area{
	width:100%;
	overflow:hidden;
	height: 260px;
	padding:0 0 90px 0px;
}
.wideinfo-box{
	background:url(../images/bg-bigbutton-os.gif) no-repeat;
	width:355px;
	height: 232px;
	overflow:hidden;
	float:left;
	margin:10px 10px 0 90px;
}
.wideinfo-box2{
	background:url(../images/bg-bigbutton-nz.gif) no-repeat;
	width:355px;
	height: 232px;
	overflow:hidden;
	float:left;
	margin:10px 30px 0 30px;
}
.wideinfo-box:hover{
	background-position:0 -247px;
}
.wideinfo-box2:hover{
	background-position:0 -247px;
}
#contactus{
	font-size:15px;
}
#contactus li{
	border-bottom:1px solid #EEEEEE;
	background:none;
	margin-left:-30px;
	list-style:none;
	padding:10px 0 10px 0px;
}
#contactus ul li a {
	color: #000;
	text-decoration: underline;
}
#contactus .label {
	color:#51868E;
	float:left;
	width:80px;
}

/*slider*/
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:410px;
	height:250px;
	overflow:hidden; 
	}
span#prevBtn{
	color:#3D404A;
	font-size:14px;
	}
span#prevBtn a{
	color:#3D404A;
	font-size:14px;
	}
span#nextBtn {
	color:#3D404A;
	font-size:14px;
	}		
span#nextBtn a{
	color:#3D404A;
	font-size:14px;
	}	
	
/*end slider*/

#footer{
	position:relative;
	width:100%;
	height:400px;
	margin-top:-400px;
	background:url(../images/bg-footer.gif) repeat-x;
}
.footer-holder{
	width:960px;
	margin:0 auto;
	background:url(../images/bg-footer-holder.jpg) no-repeat 0 0px;
	padding:47px 0 0;
	height:353px;
}
.ttl-who-we{
	background:url(../images/bg-ttl-who-are-we.gif) no-repeat;
	width:142px;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 16px 13px;
}
.ttl-getin{
	background:url(../images/bg-ttl-get-in-touch.gif) no-repeat;
	width:134px;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 16px 7px;
}
.box-txt{
	width:460px;
}
.box-txt .t,
.box-txt .b{
	height:13px;
	overflow:hidden;
}
.box-txt .t{
	background:url(../images/bg-box-txt-t.png) no-repeat;
}
.box-txt .b{
	background:url(../images/bg-box-txt-b.png) no-repeat;
}
.box-txt .c{
	background:url(../images/bg-box-txt-c.png) repeat-y;
	height:1%;
	overflow:hidden;
	padding:0 10px 0 15px;
}
.text-area{
	float:left;
	margin:0 20px 0 8px;
	display:inline;
}
.text-area p{
	margin:0 0 16px;
	color:#fff;
	line-height:18px;
}
.text-area .more{
	color:#efecca;
	text-decoration:none;
}
.text-area .more:hover{
	text-decoration:underline;
}
.text-holder{
	float:left;
}
.copy{
	margin:0;
	font-size:10px;
	padding:10px 0 0 12px;
}
.info-list{
	margin:0;
	padding:3px 0 0;
	list-style:none;
	color:#fff;
	font-size:14px;
	position:relative;
}
.info-list li{
	padding:0 0 18px 33px;
	height:1%;
	overflow:hidden;
	vertical-align:top;
	letter-spacing:-0.35px;
}
.info-list a{
	color:#efecca;
	text-decoration:none;
}
.info-list a:hover{
	text-decoration:underline;
}
.info-list .mail{
	background:url(../images/bg-ico-mail.gif) no-repeat 0 2px;
}
.info-list .mail-box{
	background:url(../images/bg-ico-mail-send.gif) no-repeat;
}
.info-list .house{
	background:url(../images/bg-ico-house.gif) no-repeat 0 2px;
}
.info-list .tel{
	background:url(../images/bg-ico-tel.gif) no-repeat 0 2px;
}
.info-list .fax{
	background:url(../images/bg-ico-fax.gif) no-repeat;
}	
.wideinfo-area p {
	font-style: italic;
	padding-left: 30px;
}

code { margin:10px 0; display:block; background:#333; color:#fff; padding:10px;}
ul#errors { background: #eccecf; border:2px solid #9e0b0f; margin:0 0 15px 0; padding:15px;}
ul#success { background: #e5f2be; border:2px solid #bedf5d; margin:0 0 15px 0; padding:15px;}
#content #success li { background:none; padding:10px; font-size:16px}

a img { border:none;}