/* ================================================
 
Description: SPS Consulting
Author: Atelier Studios
Author URI: http://www.atelier-studios.com/
Date: September 2008

==================================================*/


/*------------------------------------------------

		1. Globals
		
		2. Typography

		3. Main Navigation 

		4. Structure
				
		5. Lists 
		
		6. Form Elements 
		
		7. Various Tags & Classes 
		
		8. Forms
				
		9. Headers

---------------------------------------------------

		COLOURS
		
		
		
		

-------------------------------------------------*/


/*=================================================

	1. Global Resets
 
 ===================================================*/


html { /* Stop background flicker in IE 6 Bug: http://evil.che.lu/2006/9/25/no-more-ie6-background-flicker */
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}


/* reset CSS */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
	
body { 
	line-height:1.5;
	}
	
html, body {
	height: 100%;
	}	

table { 
	border-collapse:separate; border-spacing:0; 
	}

caption, th, td { 
	text-align:left;font-weight:normal; 
	}

table, td, th { 
	vertical-align:middle; 
	}

blockquote:before, blockquote:after, q:before, q:after { 
	content:""; 
	}

blockquote, q { 
	quotes:"" ""; 
	}

a img { 
	border:none; 
	}


/* Reset all margins/padding */

* { 
	margin:0;
	padding:0;
	}

/* Gets rid of outlined links in Firefox */

a {
	outline: none;
	}


/* No boders on images and displays them as block level elements in IE6 */

img {
	border:0;
	padding: 0;
	margin: 0;
	display: block;
	}
	
#randomjob {
	
	}
	
.sidebartitle {
font-size:16px!important;
}


/*=================================================

	2. Typography
 
 ===================================================*/
 
body {
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #2e2e2e;
	margin:0;
	padding:0;
	}

#content p {
	margin: 0 0 15px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:160%;
	color:#858585;
	}
	
.intro {
	font-size:14px;
	}
	
p {
	font-size:12px;
	}


	#footer p {
	font-size: 10px;
	margin: 0;
	padding: 0;
	color: #959595;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	padding: 10px 0;
	}
	
	#content div.home_feature_column p {
	font-size: 11px;
	padding: 10px 0 0 0;
	line-height: 15px;	
	}
	
	div#content div.sidebar ul#sidebar_nav li {
	font-size: 13px;
	margin: 0;
	padding: 0;
	color: #585858;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	}
	
	div#content div.sidebar p {
	font-size: 12px;
	margin: 0;
	padding: 0 0 10px 0;
	color: #643807;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	}
	
	#content p.small_text {
	font-size: 11px;
	line-height: 15px;	
	}
	
	
strong {
	font-weight:bold;
	color: #333333;
	}
	
em{
	font-style:italic;
	display:inline;
	font-family:Georgia, "Times New Roman", Times, serif;
	}		

	
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
	}

h1 {
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 20px;
	color: #643807;
	text-align:left;
	line-height: 26px;
	}

	
h2 {
	padding: 3px 0 3px 0;
	margin: 0px 0 10px 0;
	font-size: 20px;
	color: #643807;
	text-align:left;
	line-height: 32px;
	}	

	
h3 {
	padding: 3px 0 3px 0;
	margin: 0px 0 10px 0;
	font-size:18px;
	color: #643807;
	text-align:left;
	line-height: 32px;
	}

h4 {
	padding: 3px 0 5px 0;
	margin: 0;
	font-size: 20px;
	color: #999999;
	text-align:left;
	line-height: 26px;
	}

h5 {
	font-size: 16px;
	line-height: 20px;
	padding: 10px 0;
	color: #333333;
	}

h6 {
	font-size: 14px;
	line-height: 16px;
	padding: 0 0 10px 0;
	color: #643807;
	}

/*-----------------------------------
 Link Styles
 ------------------------------------- */


#content a {
	color: #ff7f00;
	text-decoration: underline;
	}

	#content a:hover {
	color: #ff7f00;
	text-decoration: none!important;
	}

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

	#footer a:hover {
	color: #ff7f00;
	text-decoration: underline;
	}
	
div#content div.sidebar ul#sidebar_nav li  a {
	color: #ff7f00;
	text-decoration: none;
	}
	
	div#content div.sidebar ul#sidebar_nav li a:hover {
	color: #ff7f00;
	text-decoration: underline;
	}
	
	div#content div.sidebar ul#sidebar_nav li a.current {
	color: #ff7f00;
	text-decoration: underline;
	}
	
/* End Typography & Colors */



/*=================================================

	3. Main Navigation 
	
=================================================*/


/* Main Navigation */

ul#navigation {
   margin:0;
   padding:0;
   list-style-type: none;
   float: right;
   }

ul#navigation li {
	float: left;
	margin: 0;
	padding: 0px;
	}
	

ul#navigation li.nav_home a {
	text-indent: -9999px;
	background:url(/furniture/images/navigation/nav_home.jpg) no-repeat 0 0;
	width: 53px;
	height: 88px;
	display: block;
	overflow: hidden;
	}

	ul#navigation li.nav_home a:hover {
	background:url(/furniture/images/navigation/nav_home.jpg) no-repeat 0px -88px;
	}
	
	ul#navigation li.nav_homeON a {
	text-indent: -9999px;
	width: 53px;
	height: 88px;
	display: block;
	overflow: hidden;
	background:url(/furniture/images/navigation/nav_home.jpg) no-repeat 0px -88px;
	}


	
ul#navigation li.nav_company a {
	text-indent: -9999px;
	background:url(/furniture/images/navigation/nav_executivesearchconsultants.jpg) no-repeat 0 0;
	width: 76px;
	height: 88px;
	display: block;
	overflow: hidden;
	}

	ul#navigation li.nav_company a:hover {
	background:url(/furniture/images/navigation/nav_executivesearchconsultants.jpg) no-repeat 0px -88px;
	}
	
	ul#navigation li.nav_companyON a {
	text-indent: -9999px;
	width: 76px;
	height: 88px;
	display: block;
	overflow: hidden;
	background:url(/furniture/images/navigation/nav_executivesearchconsultants.jpg) no-repeat 0px -88px;
	}
	

ul#navigation li.nav_work a {
	text-indent: -9999px;
	background:url(/furniture/images/navigation/nav_executivesearch.jpg) no-repeat 0 0;
	width: 107px;
	height: 88px;
	display: block;
	overflow: hidden;
	}

	ul#navigation li.nav_work a:hover {
	background:url(/furniture/images/navigation/nav_executivesearch.jpg) no-repeat 0px -88px;
	}
	
	ul#navigation li.nav_workON a {
	text-indent: -9999px;
	width: 107px;
	height: 88px;
	display: block;
	overflow: hidden;
	background:url(/furniture/images/navigation/nav_executivesearch.jpg) no-repeat 0px -88px;
	}	
	
	
ul#navigation li.nav_markets a {
	text-indent: -9999px;
	background:url(/furniture/images/navigation/nav_markets.jpg) no-repeat 0 0;
	width: 101px;
	height: 88px;
	display: block;
	overflow: hidden;
	}

	ul#navigation li.nav_markets a:hover {
	background:url(/furniture/images/navigation/nav_markets.jpg) no-repeat 0px -88px;
	}
	
	ul#navigation li.nav_marketsON a {
	text-indent: -9999px;
	width: 101px;
	height: 88px;
	display: block;
	overflow: hidden;
	background:url(/furniture/images/navigation/nav_markets.jpg) no-repeat 0px -88px;
	}	
	

ul#navigation li.nav_international a {
	text-indent: -9999px;
	background:url(/furniture/images/navigation/nav_internationalheadhunters.jpg) no-repeat 0 0;
	width: 210px;
	height: 88px;
	display: block;
	overflow: hidden;
	}

	ul#navigation li.nav_international a:hover {
	background:url(/furniture/images/navigation/nav_internationalheadhunters.jpg) no-repeat 0px -88px;
	}
	
	ul#navigation li.nav_internationalON a {
	text-indent: -9999px;
	width: 210px;
	height: 88px;
	display: block;
	overflow: hidden;
	background:url(/furniture/images/navigation/nav_internationalheadhunters.jpg) no-repeat 0px -88px;
	}
	
	

ul#navigation li.nav_contact a {
	text-indent: -9999px;
	background:url(/furniture/images/navigation/nav_contact.jpg) no-repeat 0 0;
	width: 74px;
	height: 88px;
	display: block;
	overflow: hidden;
	}

	ul#navigation li.nav_contact a:hover {
	background:url(/furniture/images/navigation/nav_contact.jpg) no-repeat 0px -88px;
	}
	
	ul#navigation li.nav_contactON a {
	text-indent: -9999px;
	background:url(/furniture/images/navigation/nav_contact.jpg) no-repeat 0 0;
	width: 74px;
	height: 88px;
	display: block;
	overflow: hidden;
	background:url(/furniture/images/navigation/nav_contact.jpg) no-repeat 0px -88px;
	}	


			
/* Start Sidebar Navigation */

div#content div.sidebar ul#sidebar_nav {
	float: left;
	margin: 0 0 20px 0;
	padding: 55px 0 30px 10px;
	list-style: none;
	background-image: url(../images/backgrounds/bg_nav_sidebar.jpg);
	background-repeat: no-repeat;
	background-position: 10px bottom;
	}
	

div#content div.sidebar ul#sidebar_nav li {
	float: left;
	background-image: url(/furniture/images/sitewide/bullet_nav.gif);
	background-repeat:no-repeat;
	background-position: 0 2px;
	list-style-type:none;
	padding: 0 0 15px 30px;
	margin: 0;
	width: 140px;
	}
	

div.sidebar{
	float: left;
	margin: 0 0 20px 0;
	padding: 55px 0 30px 10px;
	list-style: none;
	background-image: url(../images/backgrounds/bg_nav_sidebar.jpg);
	background-repeat: no-repeat;
	background-position: 10px bottom;
	}
	


/* End Sidebar Navigation */


/* Subheader Buttons */


div#sub_header ul {
   margin:0;
   padding: 21px 69px  0 0;
   list-style-type: none;
   float: right;
   clear:both;
   }

div#sub_header ul li {
	float: left;
	margin: 0;
	padding: 0px;
	}
	
div#sub_header ul li.button_find_out a {
	text-indent: -9999px;
	background:url(/furniture/images/buttons/button_find_out_more.jpg) no-repeat 0 0;
	width: 177px;
	height: 40px;
	display: block;
	overflow: hidden;
	padding: 0 31px 0 0;
	}

	div#sub_header ul li.button_find_out a:hover {
	background:url(/furniture/images/buttons/button_find_out_more.jpg) no-repeat 0 0;
	}

div#sub_header ul li.button_getin_touch a {
	text-indent: -9999px;
	background:url(/furniture/images/buttons/button_get_in_touch.jpg) no-repeat 0 0;
	width: 177px;
	height: 40px;
	display: block;
	overflow: hidden;
	}

	div#sub_header ul li.button_getin_touch a:hover {
	background:url(/furniture/images/buttons/button_get_in_touch.jpg) no-repeat 0 0;
	}
	
	
	
/*=================================================


	4. Structure 
 
=================================================*/

body {
	height: 100%;
	margin:0;
	padding:0;
	background-color: #fff;
	}
	
	body.home {
	height: 100%;
	background-image:url(/furniture/images/backgrounds/background.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	
	}
	
	body.subpage {
	height: 100%;
	background-image:url(../images/backgrounds/background_subpage.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	}
	
body.home #container {
	/*background-color: #999933;*/
	height: 100%;
	width: 100%;
	background:url(/furniture/images/backgrounds/bg_subheader_home2.jpg) no-repeat center 123px;
	}
	
	body.subpage #container {
	/*background-color: #999933;*/
	height: 100%;
	width: 100%;
	background:url(/furniture/images/backgrounds/bg_subheader_small2.jpg) no-repeat center 123px;
	}

#page_centre {
	/*background-color: #99FF33;*/
	width: 926px;
	margin: 0 auto;
	}

#wrapper {
	/*background-color: #FF0000;*/
	width: 926px;
	float: left;
	}

#header {
	/*background-color: #FF6633;*/
	width: 926px;
	float: left;
	padding: 0 0 0px 0;
	height:123px;
	}

body.home #sub_header {
	/*background-color: #0066FF;*/
	width: 926px;
	height: 335px;
	float: left;
	}
	
	body.subpage #sub_header {
	/*background-color: #0066FF;*/
	width: 926px;
	height: 170px;
	float: left;
	}
	
#content {
	/*background-color: #669933;*/
	width: 926px;
	float: left;
	padding: 0 0 10px 0;
	}	
	
	body.subpage #content {
	/*background-color: #669933;*/
	width: 926px;
	float: left;
	padding: 0 0 10px 0;
	background-image: url(/furniture/images/backgrounds/bg_column.jpg);
	background-repeat: no-repeat;
	background-position: 190px 50px;
	}	


#footer_wrapper {
	background-image: url(../images/backgrounds/bg_footer2.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	float: left;
	width: 100%;
	height:241px;
	}

#footer {
	width: 926px;
	margin: 0 auto;
	padding-top:10px;
	height:231px;
	}	

#content div.sidebar {
	float: left;
	width: 170px;
	padding: 20px 0 20px 0;
	/*background-color: #FF0000;*/
	}
	
#content div.main_content {
	float: left;
	width: 670px;
	padding: 40px 0 20px 60px;
	}
	
	#content div.main_content_map {
	float: left;
	width: 670px;
	padding: 40px 0 20px 60px;
	}
	


#content div.home_right_column {
	float: left;
	width: 530px;
	padding: 22px 30px 0px 0;
	background-image:url(../images/backgrounds/shadow.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	}
	
#content div.home_clock_column  {
	float: left;
	width:337px;
	padding: 24px 0px 0 11px;
	}

#content div.home_feature_column img {
	border: 1px solid #999999;
	}

div.label_box {
	float: left;
	clear: left;
	width: 180px;
	padding: 0 0 10px 0;
	}

div.text_field_box {
	float: left;
	width: 400px;
	padding: 0 0 10px 0;
	}

div.submit_button_box {
	float: left;
	width: 390px;
	padding: 10px 0 10px 0;
	}
	
/* Footer 6 boxes */

.one {
	float:left;
	width:120px;
	}
	
.two {
	float:left;
	width:130px;
	}
	
.three {
	float:left;
	width:140px;
	margin-right:30px;
	}
	
.four {
	float:left;
	width:170px;
	}
	
.five {
	float:left;
	width:200px;
	margin-right:15px;
	}
	
.six {
	float:left;
	width:80px;
	}	
	
/* End Structure */



/*=================================================
	
	5. Lists 

=================================================*/


#content ul {
	margin: 0;
	padding: 0 0 10px 15px;
	font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size:12px;
	color: #666666;
	display: block;
	}

#content ul li {
	list-style-type: disc;
	padding: 0 0 5px 0;
	margin: 0 ;
	}	
	
	

#footer ul {
	list-style:none;
	margin-top:-4px;	
	}
	
#footer li {
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
	clear:both;
	width:100%;
	}
	
	
ul.list a {
background-position:0 50%;
	background-image:url(../images/sitewide/bullet_footer.gif)!important;
	background-repeat: no-repeat;
	text-decoration: none;
	font-size:11px;
	color:#939393;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.list a:hover {
	color:#ff7f00;
	text-decoration:underline;
	}


	
	li.related a {
	height:20px;
	padding: 0px 0 0 15px!important;
	/*background-color:#666666;*/
	margin: 0 0 0 0!important;
	

	}
	
li.related a:hover {
	height:20px;
	padding: 0 0 0 15px!important;
	/*background-color:#666666;*/
	margin: 0 0 0 0!important;
	clear:both;

	}
	
	
	li.related_indented a {
	padding-left:18px;
	list-style:none;
	margin-left:15px!important;
	margin-top:5px;
	}
	
li.related_indented a:hover {
	padding-left:18px;
	list-style:none;
	margin-left:15px!important;
	clear:both;
	}

/* End Entry Lists */



/*=================================================

	6. Form Elements 
	
=================================================*/




/* End Form Elements */





/*=================================================
	
	7. Various Tags & Classes 
	
=================================================*/

#companynews p {
	font-size:11px;
	}

#job {
	padding:20px;
	background-color:#fefdb7;
	border: 1px solid #dbdbdb;
	font-size:16px;
	margin-top:10px;
	height:15px;
	color:#ff8500;
	}
	
	#job a {
	font-size:22px;
	text-decoration:none;
	}
	
	#job a:hover {
	font-size:22px;
	color:#000000;
	}
	
div.clocks_holder {
	height:152px;
	width:344px;
	background-image:url(../images/photos/clock_placeholder.gif);
	margin-top:10px;
	}
	
	div.clocks_holder div.clock_houston {
	float: left;
	width: 123px;
	height: 48px;
	background: url(../images/backgrounds/bg_clock_houston.jpg) no-repeat 0 0;
	padding: 24px 8px 4px 45px;
	}
	
	div.clocks_holder div.clock_dubai {
	float: left;
	width: 126px;
	height: 48px;
	background: url(../images/backgrounds/bg_clock_dubai.jpg) no-repeat 0 0;
	padding: 24px 0 4px 42px;
	}
	
	div.clocks_holder div.clock_shanghai {
	float: left;
	width: 123px;
	height: 45px;
	background: url(../images/backgrounds/bg_clock_shanghai.jpg) no-repeat 0 0;
	padding: 27px 8px 0 45px;
	}	
	
	div.clocks_holder div.clock_moscow {
	float: left;
	width: 125px;
	height: 45px;
	background: url(../images/backgrounds/bg_clock_moscow.jpg) no-repeat 0 0;
	padding: 27px 0 0 42px;
	}
	
div.flashclock_container {
	float: left;
	}	

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}
	
div.left_float {
	float: left;
	width: 200px;
	padding: 0 0 2px 0;
	}	

hr {
	border: 0;
	color: #cfd0d4;
	background-color: #cfd0d4;
	margin-bottom:10px;
	margin-top:5px;
	height: 1px;
	}

a img {
	border: none;
	}


.float_left {
	float: left;
	}

.float_right {
	float: right;
	}	

.required {
	color: #CC0000;
	font-weight: bold;
	float: left;
	}
	
.image_home {
margin-bottom:14px;
}
	
/* End Various Tags & Classes*/


/*=================================================
	
	8. Forms
	
=================================================*/


form {
	float: left;
	width: 600px;
	margin: 0;
	padding: 0 0 0 40px;
	}
	
input {
	float: left;
	padding: 2px;
	margin: 0;
	font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	color: #666666;
	font-size:11px;
	}
	
textarea {
	float: left;
	padding: 2px;
	margin: 2px 0 0 0;
	font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	color: #666666;
	font-size:11px;
	width: 200px;
	height: 150px;
	}
		
label {
	float:left;
	clear: both;
	font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size:12px;
	color:#666666;
	padding: 0;
	margin: 0;
	}	
	
select {
	float:left;
	font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size:12px;
	color:#666666;
	}		
	
fieldset {
	float:left;
	clear: both;
	font-family:'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size:12px;
	color:#666666;
	border: none;
	margin: 0;
	padding: 0;
	}		

input.form_textfield {
	width: 200px;
	}

input.upload_textfield  {
	margin: 0 10px 0 0;
	}

input.submit_button {
	float: right;
	}


/* End Forms*/





/*=================================================
	
	9. Headers
	
=================================================*/


#header h2 a {
   background-image: url(/furniture/images/sitewide/sps_logo2.jpg);
   background-repeat: no-repeat;
   background-position: 0 0;
   width: 550px;
   height: 90px;
   text-indent: -9999px;
   overflow: hidden;
   display: block;
   }
   
   #header h2 {
   margin: 0;
   padding: 20px 0 0 0;
   line-height: 0;
   float: left;
   width: 254px;
   height: 53px;
   font-size: 2px;
   }
   
#sub_header h1 {
   background-image: url(/furniture/images/titles/subheader_home_title.jpg);
   background-repeat: no-repeat;
   background-position: left bottom;
   width: 347px;
   height: 73px;
   text-indent: -9999px;
   overflow: hidden;
   font-size: 2px;
   margin: 0;
   padding: 78px 108px 0 0;
   line-height: 0;
   float: right;
   }
   
#sub_header p {
   background-image: url(/furniture/images/titles/subheader_home_text.jpg);
   background-repeat: no-repeat;
   background-position: left bottom;
   width: 400px;
   height: 95px;
   text-indent: -9999px;
   overflow: hidden;
   font-size: 2px;
   margin: 0;
   padding: 130px 70px 0 0;
   line-height: 0;
   float: right;
   clear: both;
   } 
   
.subpage h2 {
padding-top:20px;
} 
   
#content .home_right_column h2 {
   background-image: url(/furniture/images/titles/title_welcome.gif);
   background-repeat: no-repeat;
   background-position: 0 0;
   width: 414px;
   height: 27px;
   text-indent: -9999px;
   overflow: hidden;
   font-size: 2px;
   margin: 0;
   padding: 0 0 10px 0;
   line-height: 0;
   }
	
#content h3.title_news {
   background-image: url(/furniture/images/titles/news.gif);
   background-repeat: no-repeat;
   background-position: 0 0;
   width: 352px;
   height: 23px;
   text-indent: -9999px;
   overflow: hidden;
   font-size: 2px;
   margin: 0;
   padding: 0 0 10px 0;
   line-height: 0;
	}	
	
#content h3.title_companynews {
   background-image: url(/furniture/images/titles/companynews.gif);
   background-repeat: no-repeat;
   background-position: 0 0;
   width: 352px;
   height: 23px;
   text-indent: -9999px;
   overflow: hidden;
   font-size: 2px;
   margin-top:25px;
   margin-bottom:4px;
   line-height: 0;
	}
	
#content h3.title_confident {
   background-image: url(/furniture/images/titles/title_confidentiality.gif);
   background-repeat: no-repeat;
   background-position: 0 0;
   width: 115px;
   height: 20px;
   text-indent: -9999px;
   overflow: hidden;
   font-size: 2px;
   margin: 0;
   padding: 0 0 10px 0;
   line-height: 0;
	}		
	
#content h3.title_results {
   background-image: url(/furniture/images/titles/title_results.gif);
   background-repeat: no-repeat;
   background-position: 0 0;
   width: 56px;
   height: 20px;
   text-indent: -9999px;
   overflow: hidden;
   font-size: 2px;
   margin: 0;
   padding: 0 0 10px 0;
   line-height: 0;
	}		
	
#footer h4.home {
   background-image:url(../images/titles/footer_home.jpg);
   background-repeat: no-repeat;
   background-position: 0 0;
   width: 45px;
   height: 20px;
   text-indent: -9999px;
   overflow: hidden;
   display: block;
   margin-top:11px;
   }
   
#footer h4.company {
   background-image:url(../images/titles/footer_company.jpg);
   background-repeat: no-repeat;
   background-position: 0 0;
   width: 68px;
   height: 20px;
   text-indent: -9999px;
   overflow: hidden;
   display: block;
   margin-top:11px;
   }
   
#footer h4.howwework {
   background-image:url(../images/titles/footer_howwework.jpg);
   background-repeat: no-repeat;
   background-position: 0 0;
   width: 101px;
   height: 20px;
   text-indent: -9999px;
   overflow: hidden;
   display: block;
   margin-top:11px;
   }
   
#footer h4.ourmarkets {
   background-image:url(../images/titles/footer_ourmarkets.jpg);
   background-repeat: no-repeat;
   background-position: 0 0;
   width: 92px;
   height: 20px;
   text-indent: -9999px;
   overflow: hidden;
   display: block;
   margin-top:11px;
   }
	
#footer h4.spsinternational {
   background-image:url(../images/titles/footer_spsinternational.jpg);
   background-repeat: no-repeat;
   background-position: 0 0;
   width: 156px;
   height: 20px;
   text-indent: -9999px;
   overflow: hidden;
   display: block;
   margin-top:11px;
   }
   
#footer h4.contactfooter {
   background-image:url(../images/titles/footer_contact.jpg);
   background-repeat: no-repeat;
   background-position: 0 0;
   width: 57px;
   height: 20px;
   text-indent: -9999px;
   overflow: hidden;
   display: block;
   margin-top:11px!important;
   }

/* Map */

.menu {
	margin: 0px 0 0;
	padding: 0;
	list-style: none;
	position:relative;
	z-index:0;
}
.menu2 {
	margin: 0px 0 0;
	padding: 0;
	list-style: none;
}
.menu li {
	padding: 0;
	margin: 0 0px;
	float: left;
	position: relative;
	text-align: center;
	z-index:1;
}
.menu2 li {
	padding: 0;
	margin: 0 0px;
	float: left;
	position: relative;
	text-align: center;
	z-index:1;
}

.smalldot {
	width:8px;
	height:4px;
	background-color:#643807;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	font-size:11px;
	z-index:2;
	}
	
.smalldot:hover {
	width:8px;
	height:4px;
	background-color:#FF7F00;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	font-size:11px;
	z-index:2;
	}
	

.menu p {
	padding: 0;
	margin: 0 2px;
	float: left;
	position: relative;
	text-align: center;
}
.menu2 p {
	padding: 0;
	margin: 0 2px;
	float: left;
	position: relative;
	text-align: center;
}
.menu a {
	padding: 0px 0px;
	display: block;
	color: #000000;
	padding:0;
	margin:0;
	text-decoration: none;
	font-weight: bold;
	

}
.menu2 a {
	padding: 0px 0px;
	display: block;
	color: #000000;
	padding:0;
	margin:0;
	text-decoration: none;
	font-weight: bold;
	

}
.menu li em {
	background: #000;
	color:#fff;
	width: 300px;
	position: absolute;
	top: -45px;
	left: 15px;
	text-align: center;
	padding: 6px 6px 6px;
	font-style: normal;
	z-index: 10;
	display: none;/*shud be none */

}
em#menu2 {
	background: #000;
	color:#fff;
	width: 120px;
	position: absolute;
	top: -45px;
	left: 15px;
	text-align: center;
	padding: 6px 6px 6px;
	font-style: normal;
	z-index: 10;
	display: none;
}
.menu p em {
	background: #000;
	color:#fff;
	width: 300px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: -15px;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
}
.menu2 p em {
	background: #000;
	color:#fff;
	width: 300px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: -15px;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
}

#map {
	width:614px;
	height:475px;
	background:url(../images/map.jpg);
	background-repeat:no-repeat;
	border:1px solid #ccc;
	margin-top:20px;
	z-index:1;
	}
	
#map ul li {
list-style-type:none;
}

#map a {
line-height:40%; /* This sorts out IE6 making my square dots really high*/
text-decoration:none;
}


.image_right {
float:left;
padding-right:15px;
}