/* CSS Document */

/*
==============================
===== GLOBAL HTML STLING =====
==============================
*/
body{
	font-family: 'Calibri', Arial, Verdana, sans-serif;
	color:#333333;
	margin:5px 0 20px 0;
	
}

/*
==============================
===== FONTS & HEADERS =====
==============================
*/
a{
	text-decoration:none;
	color: #560472;
}

a:hover{
	color: #cc6600;
}

a:visited{
	color:d5a9e4;
}

ul{
	list-style:none;
	font-size: 0.8em;
}

h2{
	font-family:'Calibri', Arial, Verdana, sans-serif;
	font-size: 1.6em;
	color:#c60;
	text-transform:capitalize;
	font-weight:normal;
	line-height:1.2em;
}

h3{
	font-style: none;
	margin: 0;
	background: #cc6600;
	height: 30px;
	font-family: Tahoma, Arial, sans-serif;
	color: #fff;
	font-size: 1em;
	text-align: left;
	padding-left: 10px;
	text-transform: capitalize;
}

h4{
	font-style: none;
	margin: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 0.9em;
}

p {
	font-family: Tahoma, Arial, sans-serif;
	color: #333333;
	font-size: 0.8em;
	line-height:1.4em;
}

input{
	width: auto;
	margin: 8px;
}

h4 .breakMe{
	clear: both;
	margin-top: 10px;
	border: dashed 1px;
}

.applyButton a {
	background:url(../images/apply-but.jpg) no-repeat;
	float: right;
	width: 50px;
	height: 25px;
	margin-bottom: 10px;
	margin-right: 5px;
}

.applyButton a:hover{
	background:url(../images/apply-but-ro.jpg) no-repeat;
	float: right;
	width: 50px;
	height: 25px;
	margin-bottom: 10px;
	margin-right: 5px;
}

.readMore{
	font-size: 1em;
}

.clearMe{
	 clear: both;
	 margin: 0;
	 padding: 0;
}

/*
==============================
========== CONTENT ===========
==============================
*/

#container{
	margin: auto;
	width: 750px;
	border-left: #560472 solid 1px;
	border-right: #560472 solid 1px;
	border-top: #560472 solid 1px;	
	background:url(../images/full-canvas.gif) repeat-y;
}

#bgbg{
	margin: auto;
	width: 752px;
	background:url(../images/bgbg.gif) repeat-y;
}

#bgbg2{
	margin: auto;
	width: 752px;
	background:url(../images/bgbg2.gif) repeat-y;
}

#pushFooter{
	margin: auto;
	background:url(../images/wh-bg.gif) repeat-y;
	border: green dashed 2px;
}

#wh-bg{
	margin: auto;
	width: 752px;
	height: 50px;
	background:url(../images/wh-bg.gif) repeat-y;
}

#headerLeft{	
	float:left;
	width:170px;
	heght:140px;	
}

#headerRight{
	float: right;
	border-top: #fff solid 2px;
	border-bottom: #fff solid 2px;
	border-right: #fff solid 1px;
}

#content{
	width: 750px;
}

#contentRight{
	margin: 0;
	width: 490px;
	float:right;
}

/*
==============================
======== NAVIGATION ==========
==============================
*/

#navigation {
	width: 743px;
	height: 38px;
	background:url(../images/nav.jpg) no-repeat;
  	margin:auto 2px auto;
  	position: relative;
	clear:both;
}
	
#navigation li {
    margin: 0;
	padding: 0; 
	list-style: none;
    position: absolute;
	top: 0;
}

#navigation li, #navigation a {
    height: 38px; display: block;
}

#explore ul {
	font-size:0.7em;
}

#overview {left: 0; width: 100px;}
#specialist {left: 98px; width: 137px;}
#client {left: 234px; width: 105px;}
#candidate {left: 338px; width: 120px;}
#news {left: 457px; width: 103px;}
#search {left: 559px; width: 78px;}
#contact {left: 630px; width: 114px;}

#overview a:hover {
	background:url(../images/nav.jpg)
    0 -40px no-repeat;}
#specialist a:hover {
	background:url(../images/nav.jpg)
    -98px -40px no-repeat;}
#client a:hover {
	background:url(../images/nav.jpg)
    -234px -40px no-repeat;}
#candidate a:hover {
	background:url(../images/nav.jpg)
    -338px -40px no-repeat;}
#news a:hover {
	background:url(../images/nav.jpg)
    -457px -40px no-repeat;}
#search a:hover {
	background:url(../images/nav.jpg)
    -559px -40px no-repeat;}
#contact a:hover {
	background:url(../images/nav.jpg)
    -630px -40px no-repeat;}
	
/*
==============================
======= EXPLORE IMAGES =======
==============================
*/

#img01{
	background:url(../images/explore01.jpg) no-repeat;
	text-indent: 85px;
	margin:0;
}

#img02{
	background:url(../images/explore02.jpg) no-repeat;
	text-indent: 85px;
	margin:0;
}

#img03{
	background:url(../images/explore03.jpg) no-repeat;
	text-indent: 85px;
	margin:0;
}

#img04{
	background:url(../images/explore04.jpg) no-repeat;
	text-indent: 85px;
	margin:0;
} 

#img05{
	background:url(../images/explore05.jpg) no-repeat;
	text-indent: 85px;
	margin:0;
}

#img06{
	background:url(../images/explore06.jpg) no-repeat;
	text-indent: 85px;
	margin:0;
}

#img07{
	background:url(../images/explore07.jpg) no-repeat;
	text-indent: 85px;
	margin:0;
}

#img08{
	background:url(../images/explore08.jpg) no-repeat;
	text-indent: 85px;
	margin:0;
}

/*
==============================
=========== FOOTER ===========
==============================
*/

#footer{
	width: 730px;
	margin:auto;
	clear: both;
	background-color:#fbedf1;
	padding-left: 20px;
	border: #560472 solid 1px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 0.7em;
	color: #560472;
	height: 25px;
	padding-top: 8px;
	padding-bottom: 0px;
}

#footerLeft{
	float:left;	
}

#footerRight{
	float:right;
	padding-right: 20px;
}

#footerRight .grey{
	color:#666;
	padding: 0 3px 0 3px;
	border: red dashed 1px;
}

.print{
	/*color:#cc6600;*/
	visibility:hidden;
}
#footer span{
	margin: 0 3px 0 3px;
	color:#666;
}


/* Changes 26-03-*/

.altrow-orange, .altrow-orange p, .altrow-white, .altrow-white p {
	font-size:15px;
	font-family: 'Calibri', Arial, Verdana, sans-serif;
}