/* ELEMENTS */

/* colours 

#005180 - blue

#F62F05 - orange

#007BC1 - light blue

*/

.clear {
clear:both;
}

/* HEADER SECTION */

#logo img {
padding:5px 0 0 0;

}

/* Navigation
-------------------------------------------------------------- */

#nav
{
position:relative;
float:left;
width:370px;
padding-top:5px;

}

#nav ul 
{
list-style-type:none;
padding:5px 0px 0 90px;
}

#nav li{
float:left;
padding:0 6px;
}

#nav li a{
float:left;
height:36px;
overflow:hidden;
text-indent:-9999px;
}

#nav li a.home{background:url(../Images/link-home.gif) no-repeat 0 0; width:79px;}
#nav li a.about{background:url(../Images/link-about.gif) no-repeat 0 0; width:79px;}
#nav li a.faq{background:url(../Images/link-faq.gif) no-repeat 0 0; width:79px;}
#nav li a.contact{background:url(../Images/link-contact.gif) no-repeat 0 0; width:79px;}
#nav li a.sitemap{background:url(../Images/link-map.gif) no-repeat 0 0; width:79px;}


#nav li a:hover, #nav li a.active{background-position:0 100%;}




#navigation {
text-align:right;
padding:2px 0 5px 0;
}


#navigation ul li{
display:inline;
color:#ccc;
padding:0 5px;
}


/*#navigation a:link, #navigation a:visited, #navigation a:hover{
color:#ccc;
padding:0 5px;
}

#navigation a:hover{
color:#fff;
}

#navigation span 
{
margin:4px 3px 0 0;
}
*/

#phone h2 {
float:right;
font-size:16px;
color:#005180;
padding:0 3px;
font-weight:normal;
background-color:#efefef
}

#phone h2 span{
font-size:26px;
color:#F62F05;
}

/* SEARCH SECTION */

#start h1 {
color:#fff;
padding:0px 0 3px 10px;
margin:0;
}

#search form{
margin:0;
padding:0;

}

#search fieldset{
margin:0;
padding:0;
}

#search select{
width:180px;
margin:0px 0px 0 0;
}


/* SEARCH HOME SECTION */

#start-h h1 {
color:#fff;
padding:4px 0 3px 5px;
margin:0;
}

#search-h form{
margin:0;
padding:0;
}

#search-h fieldset{
margin:0;
padding:0;
}

#search-h select{
width:175px;
margin:0px 0px 0 0;
}

input.go 
{
    background:url(../images/go.gif) 0px 0px no-repeat;
    border:none;
    cursor:hand;
    cursor:pointer; 
    margin:1px 0 0 4px;
    height: 22px; 
    width: 37px;
}

.alphahide 
{
    width:230px;
    position:absolute;
    top:8px;
    left:450px
    }

/* CONTENT WRAPPER SECTION */


.links-sm {
position:relative;

padding: 5px 10px;
width: 850px;
float: left;
}


.links-sm ul {
margin:0;
padding:0;
list-style-type:none;
padding:5px 0 0 0;
}

.links-sm ul li 
{
float:left;
width:240px;
padding-left: 10px;
}


.links-sm li a:link, .links-sm li a:visited,  .links-sm li a:hover 
{
width:240px;
font-size:13px;
}

.links-sm li a:hover 
{
color:#000
}


#links {
position:relative;
margin: 0px 0px 5px 0px;
padding: 5px 10px;
width: 618px;
min-height:280px;
height:auto !important;
height:280px;
float: left;
border:1px solid #ccc;
background-color:#f5f5f5
}

#links li {
width:190px;
float: left;
padding-left: 10px;
}

#links li li {
float: left;
width: 180px;
margin-right: 10px;
padding: 0 0 3px 0;
}

#links h3 {
padding:8px 0;
}

/* LEFT CONTENT SECTION */

#leftcolumn p {
margin:0 0 5px 0; 
}

#showing h2 
{
font-size:16px;
color:#333;
} 


#instruction p {
margin:0 0 5px 0; 
}

#instruction {
border:1px solid #333;
}

#title h1 { 
color:#F62F05;
}

#title h2{ 
color:#005180;
font-size:14px;

}


div.top { 
position:relative;
width: 568px;
float: left;
margin-top:10px;
padding:1px 10px;
background-color:#f4f4f4;
border:1px solid #ccc;
text-align:right
}

#pagination { 
position:relative;
width: 588px;
float: left;
margin-top:5px;
}
/* Pagination */

div.pagination { margin-top: 1em; } /* see below for print styles */

p#pagecount { clear: both; float: left; margin: 0 0.3em 0 0; }

ul.pagination { float: right; list-style-type: none; margin: 0; padding: 0; }

ul.pagination li { display: block; float: left; border: 1px solid #333; margin-left: 0.5em; line-height:144%;}

ul.pagination li a:link, ul.pagination li a:visited, ul.pagination li span { display: block; color:#333; background: #f5f5f5; padding: 0.3em 0.6em;  line-height: 1em; text-decoration:none;} 

ul.pagination li a:hover { background: #F62F05; color: #fff; }

ul.pagination li span.current { background-color:#F62F05; color:#fff}


/* RIGHT CONTENT SECTION */


#info h1 { 
padding:5px 10px;
color:#fff;
}




#moreoffices h2 { 
padding:5px 10px;
}


#moreoffices ul { 
margin:0 0 10px 10px;
}

/* FOOTER SECTION */


div#footer-cms {
position:relative;
float:left;
width: 920px;
background-color:#fff;
padding:50px 0 0 0;
}

div#footer-cms h2 {
font-size: 13px;
font-weight: normal;
width: 16%;
float: left;
margin:2px 0;
}

#footer-container {
position:relative;
width:100%;
margin:0 auto;
background:#fff url(../images/footer-base.jpg) top center no-repeat;

}

div#footerwrap {
position:relative;
width: 920px;
margin:0 auto;
}

#footernav {
position:relative;
width: 900px;
height:24px;
padding:10px 10px 10px 10px;
}

#footernav ul li {display: inline;}
#footernav ul .copyright {float: left; color:#fff}
#footernav ul li a {float: right; margin-left: 22px; color:#fff}

.footer-box {
float:left;
width:280px;
padding:30px 10px 10px 10px;
/*background-color:#f5f5f5;*/
}

.footer-box p 
{
font-size:12px;

}

.footer-box h4.blu 
{
color:#0071ac;
font-size:15px;
}

.footer-box h4.pur 
{
color:#F62F05;
font-size:15px;
}

.footer-box h4.yel 
{
color:#c1a500;
font-size:15px;
}



/*-- DEFAULT LINKS -------------------------------------------*/


.officetypes 
{
float: right; 
clear: right; 
width: 250px; 
margin:15px 0 8px 0; 
padding: 15px 17px; 
font-size: 14px; 
background:#fff url(../images/footer-links-bg-right.jpg) bottom right no-repeat;
border: 1px solid #ccc;
}

.officetypes  h3 {padding-bottom: 5px;}
.officetypes  ul li {display: block;}
.officetypes  ul li a {font-size: 13px; line-height: 1.75em; font-weight: normal; color: #999;}

#footerlinks {width: 580px; 
margin:15px 0 20px 0; 
padding: 15px; 
font-size: 14px; 
background:#fff url(../images/footer-links-bg.jpg) bottom left no-repeat;
border: 1px solid #ccc;}

div.footerlinks {width: 580px;}
div.footerlinks ul li {display: block;float:left;width:33%;}
div.footerlinks ul li a:link, div.footerlinks ul li a:visited {font-size:13px; line-height: 1.75em; font-weight: normal; color:#999}




/* MORE INFORMATION PAGE */

div.boxmore { 
position:relative;
margin: 0px 0px 5px 0px;
padding: 5px 10px;
width: 618px;
float: left;
border:1px solid #ccc;
background-color:#fff;
}

div.boxmore ul  {

margin:10px 0 0 15px;
list-style:none;
} 

div.boxmore ul li {
float:left;
width:250px;
background:url(../images/tick.gif) #fff 0px 0px no-repeat;
padding:0 0 0 25px;
} 

div.bcbase-more {
float:left;
width:638px;
/*background: #fff url(../images/rfade.jpg) bottom left repeat-x;
border:1px solid #ccc;*/
margin: 10px 0px 10px 0px;
}

div.back{

float:left;
width:145px;
padding: 3px 0px 3px 0px; 
margin:0 30px 0 0;
text-align:center;
font-weight:bold;
background-color:#cecece;
border:1px solid #ccc;

}



/* DEFAULT page ------------------------------------------------------------------*/


#intro-text 
{
position:relative;
float:left;
width:920px;
margin:0px 0 20px 0;
height:230px;
text-align:center;
}



#intro 
{
position:relative;
float:left;
width:920px;
margin:30px 0 0px 0;

}

#intro h1 
{
font-size:23px;
font-weight:normal;
display: block;
width: 919px;
height: 54px;
text-indent: -999em;
background: url(../images/officespace-intro.gif) no-repeat left top;
}


#intro-text h1 
{
font-size:23px;
font-weight:normal;


}

#intro-text h2
{
font-size:21px;
margin:15px 0 5px 0;
font-style:italic;

}

#intro-text h3
{
font-size:20px;
color:#ccc

}

#intro-text span 
{
background-color:#fde900;
} 


#regionlinks 
{
position:relative;
float:left;
width:920px;

}

.startsearch-uk 
{
position:relative;
float:left;
width:440px;
height:210px;
/*background:transparent url(../images/search-uk.gif) top left no-repeat;*/
padding:15px 0 0 10px;
margin:20px 10px 0 0;
}

.startsearch-us 
{
position:relative;
float:left;
width:440px;
height:210px;
/* background:transparent url(../images/search-us.gif) top left no-repeat;*/
padding:15px 0 0 10px;
margin:20px 10px 0 0;
}


.startsearch-uk h2, #startsearch-us h2 
{
font-size:16px;
}

.toplocations
{
position:relative;
float:left;
width:440px;
padding:0px 0 0 10px;
}

.toplocations ul 
{margin-left:120px;
}

.toplocations ul li {
padding:2px 0 2px 20px;
font-size:15px;
background:url(../images/tick.gif) 0px 6px no-repeat;
color:#666;   
}

.toplocations ul li h1 
{
font-size:14px;
}



img.flag-img 
{
float:left;
padding-right:10px;
}

#welcome 
{
position:relative;
float:left;
width:920px;
}

/* home page ------------------------------------------------------------------*/


#homestart {
position:absolute; 
width:560px; 
height:35px; 
top:40px; 
left:220px;
background:url(../images/home-start.gif) no-repeat top left;
}

#homestart h1 {
font-size:23px; color:#fff; text-indent:-999px
} 


#homecontent {
position:relative;
float: left;
width: 920px;
background:url(../images/homebox-bg.png) no-repeat top left;
}

#boxwrap {
position:relative;
float: left;
width: 570px;
clear:both;
}


#homeoffices {
position:relative;
float: right;
width: 326px;
height:193px;
padding:0px 0px 10px 0px;
}


#homeoffices h1 
{
font-size:18px;
font-weight:normal;
color:#005180;
padding:8px 0 0 0;
}

#homeoffices ul 
{
margin:55px 0 0 40px;
}

#homeoffices ul li
{
background:url(../images/tick.gif) 0px 3px no-repeat;
padding:0 0 0 20px;
font-weight:bold;
color:#fff
}



img.img-l 
{
padding:0px 15px 0px 0px;
float:left;
clear:left
}   


/* content style ------------------------------------------------------------------*/  


div.infocon

{

background: url(../images/info.png) top left no-repeat;

}


#title-content h1.first { 
color:#000;
padding-left:70px;
}



#title-content h2.second{ 
color:#ccc;
font-style:italic;
padding-left:70px;
} 



#content-area h1 { 
color:#F62F05;
}

/*#content-left h1.user { 
background: url(../images/user.png) top left no-repeat;
padding:10px 0 10px 50px;
}*/


#content-area h2{ 
color:#005180;
font-style:italic;
}


#content-area h2.tick{ 
color:#005180;
font-style:italic;
padding-left:30px;
background: url(../images/tick-content.png) top left no-repeat;
}

#content-area p 
{
font-size:14px;
}


ul.tick{
padding:0;
margin:1em 0;	
}
ul.tick li{
margin:.5em 0;
padding:0 0 0 30px;
list-style:none;
background:url(../images/tick-content.png) no-repeat 0 0;
min-height:30px;
}		
* html ul.tick li{height:30px;}	


.box-blu 
{
position:relative;
float:left;
width:598px;
padding:10px;
margin:10px 0;
color:#fff;
background:#005180 url(../images/box-blu-bg.gif) top left repeat-x;
border:1px solid #005180;
}

.box-pur 
{
position:relative;
float:left;
width:598px;
padding:10px;
margin:10px 0;
background:#F62F05 url(../images/box-pur-bg.gif) top left repeat-x;
border:1px solid #F62F05;
}

.box-yel 
{
position:relative;
float:left;
width:598px;
padding:10px;
margin:10px 0;
background:#c1a500 url(../images/box-yrl-bg.gif) top left repeat-x;
border:1px solid #c1a500;
}



.box-blu p, .box-pur p, .box-yel p 
{
color:#fff;
}


ul#helpmenu 
{
position:relative;
float:left;
width:624px;
margin-bottom:15px;
border-bottom:1px dotted #ccc;
padding-bottom:15px;
}

ul#helpmenu li 
{
display:inline;
padding:0 5px;
}

ul#helpmenu li a 
{
font-weight:bold;
font-size:14px;
} 




#breadcrumb {
position:relative;
float: left;
width: 920px;
color:#e41a5e;
font-weight:bold;
}

#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover 
{
color:#999;
font-weight:bold;
font-size:14px;
}












/* sIFR standard styles */

.sIFR-flash {
visibility: visible !important;
margin: 0;
}

.sIFR-replaced {
visibility: visible !important;
}

span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
letter-spacing: 0;
}


/* SIFR decoy styles */

.sIFR-hasFlash h1 {
visibility: hidden;
}


div#process 
{
    width:350px;
    height:150px;
    margin:0 auto;
    background: url(../images/please-wait.gif) top left no-repeat;
    padding:70px 0 0 65px;
}