/* =mybase
-------------------------------------*/


/*
Set the basic font-size and areas. This css file contains positioning and
sizing color.css contains colors background-images and any adjustments
to padding and indenting they require as well as border colors. 

This way base.css can be used to do 90% of the print style sheet too.


------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}





		/* page wide settings */	
	   body{
			background:#fff none no-repeat fixed  top left;
			font: normal normal normal 11px tahoma,verdana,arial,san-serif;
			
			color:#666;
			
		}
	
	   body{ text-align: center; }
/*
The wrapper div #box contains all content and is used to set the baseline
font-size. All other sizes are relative to this.

------------------------------------------------------------------------------*/
#mainbox 
{
	background: url(images/bgs/bg_image.jpg) repeat-y;
	background-color:#ffffff ;
	width: 980px;
	text-align:left;
	margin:0 auto;
	overflow:hidden;
	padding-left:33px;
}


/*
Content Box

--------------------------------------------------------*/
#wrapper {
	overflow: auto;
	clear: both;
	width: 916px;

}

.leftArea
{
	width:201px;float:left;
	margin-left:11px;
}
#content-left{
	width:480px;
	float:left;
	background-color:white;
	padding:0;
	margin:0;

height:auto !important;
height:557px;

}

#content-right{
	width:200px;
	float:left;
	padding:0;
	margin:0;	
	/*background: url(images/bgs/sidebar.jpg) no-repeat;*/
	/*background-color:#e9ebed;*/
	height:auto !important;
	min-height:300px;
	
	margin-left:10px;
	margin-right:10px;
	
	
}

#content{
	padding-left:10px;
	padding-top:150px;
	padding-right:10px;
	padding-bottom:10px;
	/*background : url(images/bgs/bg_content.jpg) repeat-x;*/
	color:#666;
	/* border-right:1px solid #CCCCCC; */
	
}

#content ul{
	padding-left:20px;
}

#content hr{
	size:1px;
	background-color: #f0f0f0;
	color:#ccc;
	height:1px;
	
}
 hr{
	size:1px;
	background-color: #f0f0f0;
	color:#ccc;
	height:1px;
	
}
#main-nav-top{
	width:585px;
	height:5px;
	margin:0px;
	padding:0px;
	background-color:#154c8f;
}
#main-nav{
	width:585px;
	height:26px;
	margin:0px;
	padding:0px;
}

#main-nav ul {
	list-style:none;
}

#main-nav li {
	float:left;
}

#sub-nav{
	width:585px;
	height:26px;
	margin-top:0px !important;
	margin-top:-3px;
	padding:0px;	

}


#sub-nav ul {
	list-style:none;
	margin:0;
}

#sub-nav li {
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:0px;
    	
}

#sub-nav a{
	color:#fff;
}

.topheader{
	width:916px;
	height:168px;
}


#header-left {
	width:292px; 
	height:237px;
	float:left;		
	/*background-color: Yellow; */
	border:0px solid #f0f0f0;
	clear:none;
	padding:0px;
	margin:0px;
}

#header-left img {
	padding:0px;
	margin:0px;
}

#header-mid {
	width:482px;
	height:237px;
	margin-right:5px; 
	/*background-color: green;*/
	float:right;
	padding:0px;
	margin:0px;
}

#header-mid img{
	border:0px;
	margin:0px;
	padding:0px;
	clear:both;
}

#header-right{
	width:5px;
	height:237px;
	float:right;
}





#register-button{
	padding-top:0px;
	padding-bottom:8px;
	text-align:center;
}
.latestjobs a 
{
	color:#183384;
}
.latestjobs
{
		background : url(images/nav/rounded-top-medium.gif) no-repeat;
		
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:10px;
	border:none;
		min-height:270px;
color:#183384;
	
}

#jobsearchform
{
		background : url(images/nav/rounded-top-medium.gif) no-repeat;
	
	padding-bottom:10px;
	padding-left:10px;
	font-size:.9em;
	padding-top:10px;
	padding-right:10px;
	border:none;
	margin-bottom:10px;
	min-height:280px;
	cursor : pointer;

}

#quicklink
{ float:left;
min-height:290px;
	width:190px;	
	border:none;
	border-top:none;
	margin-left:6px;
	margin-right:10px;
	padding-left:10px;
	padding-top:10px;
	margin-bottom:10px;
	background : url(images/nav/rounded-top-medium.gif) no-repeat;
		background-color :#f5f5f5;

}
.rounded-top
{
	background : url(images/nav/rounded-top.gif) no-repeat;
	height:11px;
	margin-left:6px;
}
.ftr_copy {
	color: #dfdfdf;
}

#footerarea{
	width:911px;	
	clear:both;
	
	margin:0;
	height:22px;
	color:#fff;
	padding-top:5px;
	padding-left:5px;
		background-color:#25456e;
text-align:center;
}
#footerarea a
{
	color:#fff;
	text-decoration:none;
	font-size:10px;
}






#cpyright{
	color: #dfdfdf;	
	padding-left:10px;
	padding-right:10px;
	padding-top:30px;
	width:227px;
	float:left;
	margin:0px;
}



.subcontentboxright{
	float:right;
	width:15em;
	padding:10px;
	text-align:left;
}

.clear-none{
	 clear: none;
}


/* =colours 
-----------------------------------*/
b
{
	color:#183384;
}
.bgcolor_c0c7c9 {
	background: #c0c7c9;
}
.bgcolor_154c8f {
	background: #183384;
}
.font_154c8f {
	color: #183384;
}
.font_000 {
	color: #000;
}

/* =fonts 
---------------------------------- */


.bullet_01 {
	/*color: #666666;*/
	margin: 0px 0px 10px !important;
	margin: 0px 0px 15px;
	padding: 0px 10px 0px 0px;
	list-style: none;
	/*font-size: 0.75em;*/
}
.bullet_01 li {
	background: url(images/bullets/grey_circle.gif) no-repeat 0px 5px !important;
	background: url(images/bullets/grey_circle.gif) no-repeat 0px 10px;
	padding-left: 10px;
	padding-bottom: 5px !important;
	padding-bottom: 0px;
}
.bullet_011 {
	/*color: #666666;*/
	margin: 0px 0px 10px !important;
	margin: 0px 0px 15px;
	padding: 0px 10px 0px 0px;
	list-style: none;
	color: #183384;
	/*font-size: 0.75em;*/
}
.bullet_011 li {
	background: url(images/bullets/grey_circle.gif) no-repeat 0px 5px !important;
	background: url(images/bullets/grey_circle.gif) no-repeat 0px 10px;
	padding-left: 10px;
	padding-bottom: 5px !important;
	padding-bottom: 0px;
	color: #183384;
}
.bullet_Red {
	/*color: #666666;*/
	margin: 0px 0px 5px !important;
	margin: 0px 0px 5px;
	padding: 0px 5px 0px 0px;
	list-style: none;
	/*font-size: 0.75em;*/
}
.bullet_Red li {
	background: url(images/bullets/square_red.jpg) no-repeat 0px 5px !important;
	background: url(images/bullets/square._red.jpg) no-repeat 0px 10px;
	padding-left: 20px;
	padding-bottom: 5px !important;
	padding-bottom: 0px;
}
.bullet_02 {
	
	margin: 0px 0px 10px !important;
	margin: 0px 0px 15px;
	padding: 0px 20px 0px 0px;
	list-style: none;
	/*font-size: 0.75em;*/
}
.bullet_02 li {
	background: url(images/bullets/grey_circle.gif) no-repeat 0px 5px !important;
	background: url(images/bullets/grey_circle.gif) no-repeat 0px 10px;
	padding-left: 10px;
	padding-bottom: 5px !important;
	padding-bottom: 0px;
}

.latestjobs p {
	color: #183384;
	margin: 0px 0px 12px;
	padding: 0px;
	
}
.latestjobs  p a {
	color: #183384;
}

/*#jobsearchform h3 {
	font-size: 11px;
	color:#00356c;
	text-align: left;
	font-weight: bold;
	padding:0;
	margin:0;
}*/

input.default-value
{
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.field_01 {
	background:  #f8f8f8;
	
	border: 1px solid #5580a2;
	font-size:11px ;
	color: #183384;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.field_02 {
	background:  #f8f8f8;
	
	border: 1px solid #5580a2;
	font:10px  
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #183384;
}
.smallfont_01 {
	font-size: 11px;
	font-weight: normal;
		color:#00356c;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}


#skill_list
{
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	color: #183384;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.nav_sub {
	font-size:0.9em;
	color: #FFFFFF;
	padding-left: 14px;
}

.nav_sub a {
	color: #FFFFFF;
	text-decoration: none;
}

.nav_sub a:hover {
	text-decoration: underline;
}

.nav_sub_active {
	font-weight:  bolder;
	font-size: 1em;
}


/* =form
------------------------------- */
/*

.bodytext			{font-family:verdana, arial, sans-serif; }
.bodytext			{padding:10px; text-align:inherit} */
.heading			{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;  color:#183384; font-weight:bold}
/* .subheading			{font-family:arial, sans-serif; font-size:0.75em; color:#0000a0; font-weight:bold} */
.subheading			{color:#183384; font-weight:bold} 

/* .textbox			{font-family:arial, sans-serif; font-size:0.75em; color:#000000;}
.textbox			{border:1px solid #b0b0b0; height:20px; line-height:1em; padding-left:2px;} */

.textbox			{font-family:tahoma, verdana, arial, helvatica, san-serif;  color:#000000;}
.textbox			{border:1px solid #b0b0b0; height:20px; line-height:1em; padding-left:2px;}


/* .control			{font-family:arial, sans-serif; font-size:.75em; color:#000000} */
.control			{font-family:tahoma, verdana, arial, helvatica, san-serif; color:#000000}
.control			{border:1px solid #b0b0b0; line-height:1em;; padding-left:2px}
.unselbox			{font-family:tahoma, verdana, arial, helvatica, san-serif; font-size:8pt; color:#808080; font-style:italic}
.unselbox			{border:1px solid #87ACF1; height:20px; line-height:1em; padding-left:2px; text-align:center}
/* .button				{font-family:verdana, arial, sans-serif; font-size:0.75em}*/
.button {font-family:tahoma, verdana, arial, helvatica, san-serif;font-weight:bold;color:#FFFFFF; font-size:95%; }
.button				{border:1px solid #87ACF1; background-color: #25456e;  }


/* =styles
--------------------------------------*/

.bg_curve_rttop {
	background: url(images/bgs/curve_rt_top.gif) no-repeat;
}
.bg_hdotted {
	background: url(images/bgs/h_dot.gif) repeat-x;
}
.bg_footer {
	background: url(images/bgs/footer.jpg) no-repeat;
}
.marginlt_25px {
	margin-left: 25px;
}


/* =master
---------------------------------------- */


a {
	color: #333333;
}


a:link {
  color:#333333;	
}

a:active{
	color:#333333;
}

a:hover {
	text-decoration: none;
}

a:visited {
	color: #333333;
}


form {
	padding: 0px;
	margin: 0px;
}
ul {
	display: block !important;
	display: list-item;
}

ol {
	display: block !important;
	display: list-item;
}
h1 {
	margin: 0px 0px 0px;
	padding: 0px;
		font-size: 16px;
	color: #183384;
	font-weight:bold;
}
h2 {
	font-size:1.2em;
	margin: 0px 0px 10px;
	padding: 0px;
	color:#183384;
}
h3 {
	margin: 0px 0px 0px;
	padding: 0px;
		font-size: 115%;
	color: #183384;
}

 .homeText{
	margin: 0px 0px 0px;
	padding: 0px;
		font-size: 16px;
	color: #183384;
	font-weight:bold;
	
}
.homeTextSmall{
	margin: 0px 0px 0px;
	padding: 0px;
		font-size: 14px;
	color: #183384;
	font-weight:bold;
	
}
.greyText{
color:#8f8e8c;
}
p {
	
	color: #666;
	margin: 0px 0px 15px;
	padding: 0px;
}


#jobsearchform select{
	
	width:180px;
	font-size:11px;
}

#rec{
	margin-left:20px ; 
	margin-bottom:30px ; 
	
	
}

#content ol{
	padding-left:20px;
}




.addressbox{ 
width:180px;
height:100px;
border:1px solid #0f0;
padding: 10px;
/* background:#f70; */
position: relative;
clear:none;
display:inline; 
float:left;
}


.addressbox1{ 
width:180px;
height:100px;
border:1px solid #0f0;
padding: 10px;
margin-left:20px;
position: relative;
clear:none;
display:inline; 
float:left;
}

/* --------------------------- contactus -------------------------------  */


#contactus ul.addresses{ list-style-type:none; } 
#contactus ul.addresses li {	display:inline; float:left; }
#contactus ul.addresses li p {
	 width:250px;
	 margin-right:10px;
} 


body input
{
	font-family:tahoma, verdana, arial, helvatica, san-serif;
}

#contactus ul.enquiryform{ list-style-type:none;}
#contactus ul.enquiryform li{ line-height:2em;}
.samelabel{ float: left; width:150px; text-align:right; padding:0 1em;}
#contactus ul.enquiryform input, textarea{
						border-color:#555555 rgb(204, 204, 204) rgb(204, 204, 204) rgb(85, 85, 85)	;
						border-width:1px;
						border-style:solid;
						color:#333;
						padding:1px;
						line-height:2em;
						
	}



.clr{ clear:both; }


		/* header specific styles */
		
		#masthead{ position:relative;}
		#masthead #msHeader{width:916px;height:99px; background: url(images/header.jpg) no-repeat;}
		#masthead #bannerads {display:block; clear:none; width:480px; height:160px; position:absolute; top:162px; left:219px; border:0px solid #ff0; overflow:hidden }
		
		#topmenu  {
        width: 907px;
		margin-right: 3px;
		margin-left: 2px;
		display: block;
		margin:0 auto;
		padding-top:99px;
		padding-left:4px;
}


#left-tab-content {
        width: 911px;
		margin-right: 3px;
		margin-left: 2px;
		height: 29px;
		margin: 0 auto; 
		background: url(images/nav/left-selected.jpg) no-repeat left top; 
		display: block; 
}
#mid-tab-content {
        width: 911px;
		margin-right: 3px;
		margin-left: 2px;
		height: 29px;
		margin: 0 auto; 
		background: url(images/nav/mid-selected.jpg) no-repeat left top; 
		display: block; 
}
#right-tab-content {
        width: 911px;
		margin-right: 3px;
		margin-left: 2px;
		height: 29px;
		margin: 0 auto; 
		background: url(images/nav/right-selected.jpg) no-repeat left top; 
		display: block; 
}
#tabone {
		width:300px; 
		height:28px; 
		float:left;
}
#tabtwo {
		width:281px; 
		height:28px; 
		float:left; 
		margin-left:10px; 
		margin-right:10px;
}
#tabthree {
		width:300px; 
		height:28px; 
		float:left;
}


#tabone a {
        background: url(images/nav/left-tab.jpg) no-repeat left top; 
		width:300px; 
		height:28px;
		display:block;
		font-family: verdana, tahoma, arial, helvetica, sans-serif; 
		font-size: 9pt; 
		font-weight: bold; 
		color: #666666;
        text-decoration: none;
		line-height:28px;
		margin:0;
		padding:0px;
        }
#tabone a:hover {
        background: url(images/nav/left-tab.jpg) no-repeat left top; 
		width:300px; 
		height:28px;
		display:block;
		font-family: verdana, tahoma, arial, helvetica, sans-serif; 
		font-size: 9pt; 
		font-weight: bold; 
		color: #444444;
        text-decoration: none;
		line-height:28px;
        }
#tabone a:visited {
        background: url(images/nav/left-tab.jpg) no-repeat left top; 
		width:300px; 
		height:28px;
		display:block;
		font-family: verdana, tahoma, arial, helvetica, sans-serif; 
		font-size: 9pt; 
		font-weight: bold; 
		color: #666666;
        text-decoration: none;
		line-height:28px;
        }
#tabone a.active {color: #bd3734;}

#tabtwo a {
        background: url(images/nav/mid-tab.jpg) no-repeat left top; 
		width:281px; 
		height:28px;
		display:block;
		font-family: verdana, tahoma, arial, helvetica, sans-serif; 
		font-size: 10pt; 
		font-weight: bold; 
		color: #666666;
        text-decoration: none;
		line-height:28px;
        }
#tabtwo a:hover {
        background: url(images/nav/mid-tab.jpg) no-repeat left top; 
		width:281px; 
		height:28px;
		display:block;
 		font-family: verdana, tahoma, arial, helvetica, sans-serif; 
		font-size: 10pt; 
		font-weight: bold; 
		color: #444444;
        text-decoration: none;
		line-height:28px;
        }
#tabtwo a:visited {
        background: url(images/nav/mid-tab.jpg) no-repeat left top; 
		width:281px; 
		height:28px;
		display:block;
		font-family: verdana, tahoma, arial, helvetica, sans-serif; 
		font-size: 10pt; 
		font-weight: bold; 
		color: #666666;
        text-decoration: none;
		line-height:28px;
        }
		
#tabtwo a.active {color: #bd3734;}
		
#tabthree a {
        background: url(images/nav/right-tab.jpg) no-repeat left top; 
		width:300px; 
		height:28px;
		display:block;
		font-family: verdana, tahoma, arial, helvetica, sans-serif; 
		font-size: 9pt; 
		font-weight: bold; 
		color: #666666;
        text-decoration: none;
		line-height:28px;
        }
#tabthree a:hover {
        background: url(images/nav/right-tab.jpg) no-repeat left top; 
		width:300px; 
		height:28px;
		display:block;
		font-family: verdana, tahoma, arial, helvetica, sans-serif; 
		font-size: 9pt; 
		font-weight: bold; 
		color: #444444;
        text-decoration: none;
		line-height:28px;
        }
#tabthree a:visited {
        background: url(images/nav/right-tab.jpg) no-repeat left top;
		width:300px; 
		height:28px;
		display:block;
		font-family: verdana, tahoma, arial, helvetica, sans-serif; 
		font-size: 9pt; 
		font-weight: bold; 
		color: #666666;
        text-decoration: none;
		line-height:28px;
}

#tabthree a.active {color: #bd3734;}

#tabone a.redselected {color: #183384;}
#tabtwo a.redselected {color: #183384;}
#tabthree a.redselected {color: #183384;}

.tabcontent {
		text-align:center;
		vertical-align: middle;
}
#left-tab-content p {
		padding-top:5px;
		padding-left:5px;
		padding-right:5px;
		color: #666666;
		text-align:center;
}
#mid-tab-content p {
		padding-top:5px;
		padding-left:5px;
		padding-right:5px;
		color: #666666;
		text-align:center;
}
#right-tab-content p {
		padding-top:5px;
		padding-left:5px;
		padding-right:5px;
		color: #666666;
		text-align:center;
}
#left-tab-content a {
        font-family: verdana, tahoma, arial, helvetica, sans-serif;
        font-size: 8pt;
        color:  #183384;
        vertical-align: top;
        text-decoration: none;
		font-weight:bold;
}
#left-tab-content a:hover {
        font-family: verdana, tahoma, arial, helvetica, sans-serif;
         font-size: 8pt;
        color:  #183384;
        vertical-align: top;
        text-decoration: none;
        border-bottom: 1px dotted  #183384;
		font-weight:bold;
}
#left-tab-content a:visited {
        font-family: verdana, tahoma, arial, helvetica, sans-serif;
        font-size: 8pt;
        color:  #183384;
        vertical-align: top;
        text-decoration: none;
		font-weight:bold;
}
#left-tab-content a.active {border-bottom: 1px dotted #183384;}
#mid-tab-content a {
        font-family: verdana, tahoma, arial, helvetica, sans-serif;
        font-size: 8pt;
		color: #183384;
        vertical-align: top;
        text-decoration: none;
		font-weight:bold;
}
#mid-tab-content a:hover {
        font-family: verdana, tahoma, arial, helvetica, sans-serif;
        font-size: 8pt;
		color: #183384;
        vertical-align: top;
        text-decoration: none;
        border-bottom: 1px dotted #183384;
		font-weight:bold;
}
#mid-tab-content a:visited {
        font-family: verdana, tahoma, arial, helvetica, sans-serif;
        font-size: 8pt;
		color: #183384;
        vertical-align: top;
        text-decoration: none;
		font-weight:bold;
}
#mid-tab-content a.active {border-bottom: 1px dotted #183384;}
#right-tab-content a {
        font-family: verdana, tahoma, arial, helvetica, sans-serif;
        font-size: 8pt;
		color: #183384;
        vertical-align: top;
        text-decoration: none;
		font-weight:bold;
}
#right-tab-content a:hover {
        font-family: verdana, tahoma, arial, helvetica, sans-serif;
        font-size: 8pt;
		color: #183384;
        vertical-align: top;
        text-decoration: none;
        border-bottom: 1px dotted #183384;
		font-weight:bold;
}
#right-tab-content a:visited {
        font-family: verdana, tahoma, arial, helvetica, sans-serif;
        font-size: 8pt;
		color: #183384;
        vertical-align: top;
        text-decoration: none;
		font-weight:bold;
}
#right-tab-content a.active {border-bottom: 1px dotted #183384;}



#colLeft
{ float:left;
	width:190px;
	min-height:344px;
	border:none;
	margin-left:6px;
	margin-right:10px;
	padding-left:10px;
	padding-top:10px;
	color: #183384;
	
background : url(images/nav/rounded-top-large.gif) no-repeat;
		
}