@charset "UTF-8";
/* CSS Document */

/*------------------------------
  CSS RESET
------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
label, legend,
caption, tbody, tfoot, thead, th{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}


p {
	padding: 0px 0px 0px 0px;
}

a,  a:hover {
	color:#ffffff;
	text-decoration:none;
	margin:0px;
	}
	
a:hover {
	color:#AA7D9E;
	}



/*------------------------------
  SET UP
------------------------------*/

body{
	background-color:#373131;
	font-family: Helvetica, Arial, Trebuchet MS, sans-serif;
	padding:0px;
	margin:0px;
	background-image: url(links/background.gif);
	background-repeat: repeat-x;
}

#container{
	display:block;
	position:relative;
	width:950px;
	height:auto;
	margin:0px auto;
}

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


#header_logo{
	display:block;
	position:relative;
	width:950px;
	height:95px;
	background-image: url(links/header_blur.png);
	background-repeat: no-repeat;
}

#logo{
	display:block;
	position:relative;
	width:182px;
	height:95px;
	margin:0px auto;
}

#header_menu{
	display:block;
	position:relative;
	width:950px;
	height:42px;
	background-image: url(links/menu_background.png);
	background-repeat: no-repeat;
	z-index:12;
}

#menu{
	display:block;
	position:relative;
	width:950px;
	height:32px;
	z-index: 12;
	padding:10px 0px 0px 0px;
}

/*------------------------------
  MENU TOP LEVEL TABS
------------------------------*/	

#nav, #nav ul{
	margin:0px 0px 0px 95px; /* CHANGE THIS TO MOVE THE ENTIRE MENU LEFT OR RIGHT */
	padding:0px 0px 0px 0px;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:20px; 
}


/*#nav a{
display:block;
padding:0px 10px 0px 20px; 
text-decoration:none;
font: 0.66em Helvetica, Arial, Trebuchet MS, sans-serif;
line-height:20px;

border:1px solid #231f20;
background-color:#231f20;
color:#ffffff;
}

#nav a:hover{
background-color:#AA7D9E; 
color:#211E1E; 
border:1px solid #231f20;
	
}*/

#nav li{
	float:left;
	position:relative;
}

#nav ul {
	position:absolute;
	display:none;
	width:10em;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#nav li ul a{
	width:12em; /* CHANGE THIS FOR LONGER DROPDOWNS ORIGINALLY 12EM */
	height:auto;
	float:left;
/*background-color:#211E1E;*/
}

#nav ul ul{
	top:auto;
}	

#nav li ul ul {
	left:12em; 
	margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}


/*------------------------------
  XXXXXXXXXXXXXXXXXXXXX
------------------------------*/	

.nav2 a{
	display:block;
	margin:0px 0px 1px 22px; /* CHANGE THIS FOR SPACE BETWEEN MENU ITEMS */
	padding: 1px 10px 0px 0px;
	color:#ffffff;
	text-decoration:none;
	/*background-color:#211E1E;*/
	/*background-color:#231f20;*/
	font: 0.66em Helvetica, Arial, Trebuchet MS, sans-serif;
	line-height:20px;
}

.nav2:hover {
	background:url(menu/home_button_extended.png) top left no-repeat;
}

.nav2 ul {
	border:1px solid #AA7D9E;
	background:#211E1E;
}

.nav2:hover a {
/*background-color:#AA7D9E;*/ /* CHANGE THIS FOR HOVER OVER BACKGROUND COLOUR */
	color:#211E1E; /* CHANGE THIS FOR HOVER OVER COLOUR */
	background:url(menu/home_button_extended.png) top right no-repeat;
}


.nav3 {
	background-color:#211E1E;
	margin:0;
	padding:0;
}

.nav2 .nav3 ul li {
	background:#F60;
}

.nav2 .nav3 a{
	display:block;
	padding:0px 0px 0px 0px; /* CHANGE THIS FOR SPACE BETWEEN MENU ITEMS */
	/*border:1px solid #AA7D9E;*/
	color:#ffffff;
	text-decoration:none;
	background-image:none;
	font: 0.66em Helvetica, Arial, Trebuchet MS, sans-serif;
	line-height:20px;
}

.nav3 a:hover{
	background-color:#211E1E;
	 /* CHANGE THIS FOR HOVER OVER BACKGROUND COLOUR */
	color:#AA7D9E; /* CHANGE THIS FOR HOVER OVER COLOUR */
	/*border:1px solid #AA7D9E;	*/
	
}



/*------------------------------
  IMAGE & CV
------------------------------*/


#image{
	display:block;
	position:relative;
	width:950px;
	height:274px;
	z-index:8;
}

#cv{
	display:block;
	position:relative;
	width:950px;
	height:37px;
	background-image: url(links/cv_background.gif);
	background-repeat: no-repeat;
}

#cv_link{
	display:block;
	position:relative;
	width:190px;
	height:37px;
	margin:0px 0px 0px 725px;
}

#cv_link p{
	font-size:0.73em;
	color:#ffffff;
	line-height:37px;
}

/*------------------------------
  MAIN CONTENT
------------------------------*/


#content{
	display:block;
	position:relative;
	width:950px;
	height:auto;
	background-image: url(links/content_blur.jpg);
	background-repeat: no-repeat;
}

#home_content{
	display:block;
	position:relative;
	width:950px;
	height:auto;
	background-image: url(links/content_blur_home.jpg);
	background-repeat: no-repeat;
}

#jobs_content{
	display:block;
	position:relative;
	width:950px;
	height:auto;
	background-image: url(links/jobs_content_blur.jpg);
	background-repeat: no-repeat;
}


/*------------------------------
  TEXT DIV
------------------------------*/

#text{
	display:block;
	position:relative;
	width:452px;
	height:auto;
	float:left;
	margin:22px 0px 0px 37px;
	background-color:#211E1E;
}

#text2{
	display:block;
	position:relative;
	width:452px;
	height:auto;
	float:left;
	margin:22px 0px 0px 37px;
}

#text_left_home{
	display:block;
	position:relative;
	width:220px;
	height:auto;
	float:left;
	margin:0px;
	background-color:#211E1E;
}

#text_right_home{
	display:block;
	position:relative;
	width:220px;
	height:auto;
	float:right;
	margin:0px;
	background-color:#211E1E;
}

#text h1, #text2 h1 {
	font-size:0.95em;
	color:#AA7D9E;
	margin:0px 0px 15px 0px;
	font-weight:normal;
	padding:0px 25px 0px 25px;
}

#text h2, #text2 h2 {
	font-size:0.7em;
	color:#AA7D9E;
	margin:0px 0px 10px 0px;
	font-weight:bold;
	padding:0px 25px 0px 25px;
	line-height:16px;
}

#text p, #text2 p{
	font-size:0.7em;
	color:#ffffff;
	margin:0px 0px 10px 0px;
	line-height:18px;
	padding:0px 25px 0px 25px;
}

#text a,  #text a:hover, #text2 a,  #text2 a:hover {
	color:#ffffff;
	text-decoration:underline;
	margin:0px;
	}
	
#text a:hover, #text2 a:hover {
	color:#AA7D9E;
	}


#text li, #text2 li{
	padding:0px;
	margin:0px;
	list-style:square;
	display:list-item;
}

#text ul, #text2 ul{
	padding:0px 0px 0px 14px;
	font-size:0.7em;
	color:#ffffff;
	margin:0px 0px 10px 0px;
	line-height:18px;
	padding:0px 25px 0px 25px;
}

#text_top_curve, #text_bottom_curve{
	display:block;
	position:relative;
	width:452px;
	height:14px;
	background-image: url(links/text_top_curve.gif);
	background-repeat: no-repeat;
}

#text_bottom_curve{
	background-image: url(links/text_bottom_curve.gif);
	background-repeat: no-repeat;
	height:35px;
}

.text_top_curve_home{
	display:block;
	position:relative;
	width:220px;
	height:14px;
	background-image: url(links/text_top_curve_home.gif);
	background-repeat: no-repeat;
}

.text_bottom_curve{
	background-image: url(links/text_bottom_curve_home.gif);
	background-repeat: no-repeat;
	height:35px;
}

#clear{
	display:block;
	position:relative;
	width:950px;
	height:3px;
	clear:both;
}

/*------------------------------
  JOBS DIV
------------------------------*/

#jobs{
	display:block;
	position:relative;
	width:876px;
	height:auto;
	float:left;
	margin:22px 0px 0px 37px;
	background-color:#211E1E;
}

#jobs_top_curve, #jobs_bottom_curve{
	display:block;
	position:relative;
	width:876px;
	height:14px;
	background-image: url(links/jobs_top_curve.gif);
	background-repeat: no-repeat;
}

#jobs_bottom_curve{
	background-image: url(links/jobs_bottom_curve.gif);
	background-repeat: no-repeat;
	height:35px;
	clear:both;
}

#jobs h1 {
	font-size:0.95em;
	color:#AA7D9E;
	margin:0px 0px 15px 0px;
	font-weight:normal;
	padding:0px 25px 0px 25px;
}

#jobs_frame{
	display:block;
	position:relative;
	width:876px;
	height:auto;
	border: 0px solid;
}



/*------------------------------
  Social icon div
------------------------------*/

#social_icon{
	display:block;
	position:relative;
	width:174px;
	height:auto;
	float:left;
	margin:22px 0px 0px 13px;
	background-color:#211E1E;
}

#social_icon p{
	font-size:0.7em;
	color:#ffffff;
	margin:10px 0px 10px 0px;
	padding:0px 25px 0px 17px;
}

#social_icon li
{
	padding:0px;
	margin:0px;
	list-style:none;
	display:list-item;
}

#social_icon ul
{
	margin:0px 0px 0px 0px;
	padding:0px 25px 0px 17px;
	font-size:0.7em;
	color:#ffffff;
	line-height:18px;
}

#social_top_curve, #social_bottom_curve {
	display:block;
	position:relative;
	width:174px;
	height:14px;
	background-image: url(links/social_top_curve.gif);
	background-repeat: no-repeat;
}

#social_bottom_curve {
	height:30px;
	background-image: url(links/social_bottom_curve.gif);
	background-repeat: no-repeat;
}

.social_table {
	display:block;
	position:relative;
	width:144px;
	height:auto;
	margin:0px auto;
}

/*------------------------------
  Buttons div
------------------------------*/

#buttons{
	display:block;
	position:relative;
	width:222px;
	height:244px;
	float:right;
	margin:22px 39px 0px 0px;
	background-image: url(links/button_background.jpg);
	background-repeat: no-repeat;
}

/*------------------------------
  FOOTER
------------------------------*/


.line {
  border-bottom: dotted 1px #AA7D9E;
  margin:10px 0px 10px 0px; 
  width:950px;
}

.line2 {
  border-bottom: dotted 1px #AA7D9E;
  margin:0px 0px 10px 0px; 
  width:950px;
}

#footer{
	display:block;
	position:relative;
	width:950px;
	height:20px;
	margin:0px 0px 0px 0px;
	padding:0px;
}

#footer p{
	font-size:0.6em;
	color:#ffffff;
	margin:0px;
	padding:0px;
}

#footer a,  #footer a:hover {
	color:#AA7D9E;
	text-decoration:none;
	margin:0px;
	padding:0px;
	}
	
#footer a:hover {
	color:#ffffff;
	}