/*-------------------------------------------------------------------------------------*/
/*  Reset default CSS - http://meyerweb.com/eric/tools/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,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{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;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{*zoom:1;}

/*-------------------------------------------------------------------------------------*/
/*  Common Layout Elements
/*-------------------------------------------------------------------------------------*/

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

body { 
	font: normal 62.5% Verdana, Arial, sans-serif;
	
	-webkit-font-smoothing: antialiased;
	background-color:#fff;
	color:#488C90;
	width: 100%;
}
body, img {
	transition:all .2s ease-in-out;  
	-o-transition:all .2s ease-in-out;  
	-moz-transition:all .2s ease-in-out;  
	-webkit-transition:all .2s ease-in-out; 
}

#wrapper{
	display:block;		
	width: 100%;
	margin:0 auto;
	transition:all .2s ease-in-out;  
	-o-transition:all .2s ease-in-out;  
	-moz-transition:all .2s ease-in-out;  
	-webkit-transition:all .2s ease-in-out; 
}

header {
display:block;
margin:0 auto;
width: 100%;
height:165px;
background-image:url('images/logo-bg.png'); 
background-repeat:no-repeat; 
background-position: 50% 0;
overflow:hidden;
}

#headercontainer {
display:block;
margin:0 auto;
width: 960px;
height:165px;
}

#headercontainer a {
display:block;
margin:0;
width: 300px;
height:165px;
}

#headercontainer h1{
text-indent:-1000em;
}

nav{
display:block;
margin:0 auto;
width: 100%;
min-height:45px;
border-top:1px solid #e8eaec;
border-bottom:1px solid #e8eaec;
}

#navcontainer {
display:block;
margin:0 auto;
width: 960px;
min-height:45px;
}

#navigation {
display:block;
margin:0 auto;
width: 960px;
min-height:45px;
}

#navigation li {
display:block;
float:left;
width: 159px;
min-height:45px;
background-color:#5d9890;
border-right:1px solid #fff;
}

#navigation li a {
display:block;
width: 154px;
min-height:40px;
color:#fff;
padding: 5px 0 0 5px;
font: normal 1.5em Arial, Helvetica, sans-serif;
text-decoration:none;
	transition:all .2s ease-in-out;  
	-o-transition:all .2s ease-in-out;  
	-moz-transition:all .2s ease-in-out;  
	-webkit-transition:all .2s ease-in-out; 
}

#navigation li a:hover, #navigation li a.selected {
background-color:#99bcc0;
	transition:all .2s ease-in-out;  
	-o-transition:all .2s ease-in-out;  
	-moz-transition:all .2s ease-in-out;  
	-webkit-transition:all .2s ease-in-out; 
}

#navigation li a.dropdown {
background-image:url('images/dropdown-bg.png'); 
background-repeat:no-repeat; 
background-position: 0 -50px;
}

#navigation li a.dropdownselected {
background-color:#99bcc0;
background-image:url('images/dropdown-bg.png'); 
background-repeat:no-repeat; 
background-position: 0 0px;
}

#navigation li a:hover.dropdown {
background-position: 0 0px;
}

#sub, #subshow {
width:960px;
margin-top:21px;
left:0px;
}

.sf-menu ul.show{
top:25px;
left:0;
}

#sub li, #subshow li {
float:left;
width: 239px;
border:0px;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
}

#sub li a, #subshow li a {
color:#488C90;
background-color:#e8eaec;
width: 234px;
}

#sub li a:hover, #sub li a.selected, #subshow li a:hover, #subshow li a.selected {
color:#fff;
background-color:#b9babc;
width: 234px;
}

section{
display:block;
margin:0 auto;
width: 100%;
}

.responsive {
    max-width: 100%; 
display:block; 
height: auto;}

#hp-container {
display:block;
margin:0 auto;
width: 100%;
min-height:316px;
background-image:url('images/hp-bg.jpg'); 
background-repeat:no-repeat; 
background-position: 50% -630px;

}

#article-container{
    background-color:#f1f1f1;
}
#content, #content-full, #content-grid-full {
display:block;
margin:0 auto;
width: 960px;
}

#block{
display:block;
float:left;
width:460px;
padding-top: 50px;
padding-left: 15px;
}

#block-right{
display:block;
float:right;
width:460px;
padding-top: 50px;
padding-right: 15px;
}

#block a, #block a:hover {
color:#488C90;
}

#block-full {
display:block;
float:left;
width:960px;
padding-top: 50px;
padding-left: 15px;
}

#block-article-full {
background-color:#fff;
display:block;
width:640px;
padding: 20px 15px 50px 15px;
    margin: 0 auto;
}

#content h2, #content-full h2, #content-grid-full h2 {
color:#68898c;
font: normal 2.2em Arial, Helvetica, sans-serif;
}

#content h3, #content-full h3, #content-grid-full h3 {
color:#488C90;
padding-top: 20px;
font: normal 1.6em Arial, Helvetica, sans-serif;
}

#content h4, #content-full h4,#content-grid-full h4 {
color:#488C90;
padding-top: 15px;
font: normal 1.3em Arial, Helvetica, sans-serif;
}

.underline {
display:block;
width: 100%;
height:1px;
background-image:url('images/line-gradient.png'); 
background-repeat:no-repeat; 
background-position: 0 0;
}

 #content ul,  #content-full ul, #content ol,  #content-full ol, {
 color:#84aeb2;
padding-top: 10px;

}
 #content p, #content-full p {
 color:#84aeb2;
padding-top: 10px;
font: normal 1.3em Arial, Helvetica, sans-serif;
}

#content p a, #content p a:hover, #content p a:visited, #content p a:focus {
color:#84aeb2;}

#content-full p a, #content-full p a:hover, #content-full p a:visited, #content-full p a:focus {
color:#84aeb2;}

 #content ul.hp, #content p.hp {
font: normal 1.6em Arial, Helvetica, sans-serif;
}

 #content ul li, #content-full ul li {
background-image: url('images/bullet2.png');
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 14px;
margin-top:5px;
font: normal 13px Arial, Helvetica, sans-serif;
}

 #content ul li a, #content-full ul li a {
color:#84aeb2;}

p.back-link {
    font: normal 1.1em Arial, Helvetica, sans-serif;
    color:#488C90;
margin:0;
    padding: 15px 0;
}
p.back-link a {
    color:#488C90;
text-decoration:none;
}

    


#content ol li, #content-full ol li {
list-style-type: decimal-leading-zero;
padding-left: 14px;
margin-top:5px;
    margin-left:20px;
}

 #content ul.hp li {
background-image: url('images/bullet1.png');
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
margin-top:8px;
}

#lowercontentcontainer {
display:block;
margin:0 auto;
width: 100%;
border-top:1px solid #e8eaec;
}

#lowercontent {
display:block;
margin:0 auto;
width: 960px;

}

#candidatecontainer, #recruitercontainer {
display:block;
float:left;
width: 478px;
min-height:215px;
}

#candidatecontainer {
background-image: url('images/hp-candidate-bg.png');
background-repeat: no-repeat;
background-position: 0px 0px;
border-right:1px solid #e8eaec;
border-left:1px solid #e8eaec;
}

#recruitercontainer {
background-image: url('images/hp-recruiter-bg.png');
background-repeat: no-repeat;
background-position: 0px 0px;
border-left:1px solid #e8eaec;
}

#candidatecontainer h3 , #recruitercontainer h3 {
float:left;
font: normal 2.3em Arial, Helvetica, sans-serif;

color:#336366;
width: 478px;
min-height:53px;
border-bottom:1px solid #e8eaec;
}

#candidatecontainer h3 a, #recruitercontainer h3 a {
display:block;
float:left;
padding-top:16px;
padding-left:16px;
width: 462px;
min-height:37px;
color:#336366;
text-decoration:none;
background-image: url('images/hp-arrow-bg.png');
background-repeat: no-repeat;
background-position: 200px 15px;
	transition:all .2s ease-in-out;  
	-o-transition:all .2s ease-in-out;  
	-moz-transition:all .2s ease-in-out;  
	-webkit-transition:all .2s ease-in-out; 
}

#candidatecontainer h3 a:hover, #recruitercontainer h3 a:hover {
background-color:#99bcc0;
color:#ffffff;
text-decoration:none;
	transition:all .2s ease-in-out;  
	-o-transition:all .2s ease-in-out;  
	-moz-transition:all .2s ease-in-out;  
	-webkit-transition:all .2s ease-in-out; 
background-position: 200px -85px;
}


#recruitercontainer ul, #candidatecontainer ul {
display:block;
float:left;
width:290px;
margin-left:159px;
margin-top:10px;
}

#recruitercontainer ul li, #candidatecontainer ul li {
background-image: url('images/bullet2.png');
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 14px;
margin-top:5px;
}


#download-list {
display:block;
margin:0 auto;
width: 960px;
min-height:290px;
margin-top: 25px;
opacity:0.9;
}

#download-list ul, #download-list ul li {
list-style:none;
}

#download-list li {
display:block;
float:left;
width:300px;
height:68px;
margin-bottom:15px;
margin-right:15px;
background-color:#e8eaec;
}

#download-list li a {
display:block;
width:250px;
height:38px;
color:#488C90;
padding:15px 35px 15px 15px;
font: normal 1.5em Arial, Helvetica, sans-serif;
text-decoration:none;
background-image: url('images/download-list-bg.png');
background-repeat: no-repeat;
background-position: -20px -120px;
	transition:all .2s ease-in-out;  
	-o-transition:all .2s ease-in-out;  
	-moz-transition:all .2s ease-in-out;  
	-webkit-transition:all .2s ease-in-out; 
}

#download-list li a:hover, #download-list li a.selected {
color:#fff;
background-color:#99bcc0;
background-image: url('images/download-list-bg.png');
background-repeat: no-repeat;
background-position: -20px 0px;
	transition:all .2s ease-in-out;  
	-o-transition:all .2s ease-in-out;  
	-moz-transition:all .2s ease-in-out;  
	-webkit-transition:all .2s ease-in-out; 
}

a.download-pdf-link {
display:block;
width:235px;
height:38px;
color:#488C90;
padding:15px 50px 15px 15px;
    margin:0 auto;
font: normal 1.5em Arial, Helvetica, sans-serif;
text-decoration:none;
background-image: url('images/download-bg.png');
background-repeat: no-repeat;
background-position: -20px -120px;
	transition:all .2s ease-in-out;  
	-o-transition:all .2s ease-in-out;  
	-moz-transition:all .2s ease-in-out;  
	-webkit-transition:all .2s ease-in-out; 
}

a:hover.download-pdf-link {
color:#fff;
background-color:#99bcc0;
background-image: url('images/download-bg.png');
background-repeat: no-repeat;
background-position: -20px 0px;
	transition:all .2s ease-in-out;  
	-o-transition:all .2s ease-in-out;  
	-moz-transition:all .2s ease-in-out;  
	-webkit-transition:all .2s ease-in-out; 
}


#footer-container {
clear:both;
display:block;
width:100%;
min-height:30px;
border-top:1px solid #e8eaec;
}

#footer {
display:block;
margin:0 auto;
padding-top:5px;
min-height:30px;
width: 960px;
}

#footer a, #footer a:hover, #footer a:visited {
color:#488C90;
text-decoration:none;}

#footer a:hover {
color:#488C90;
text-decoration:underline;}


#footer .left {min-height:30px;float:left;margin-top: 10px;}
#footer .right {min-height:30px;float:right;margin-top: 10px;}
img.signium-logo {float:right; min-height:20px; margin-top: -3px;}

#approach-container, #candidates-container, #contact-container, #digital-container, #recruit-container, #value-container, #jobs-container, #international-container, #signium-container {
display:block;
margin:0 auto;
width: 100%;

}

#approach-container {
min-height:500px;
background-image:url('images/approach-bg.jpg'); 
background-repeat:no-repeat; 
background-position: 50% -600px;
}

#candidates-container {
min-height:600px;
background-image:url('images/candidates-bg.jpg'); 
background-repeat:no-repeat; 
background-position: 50% -600px;
}

#contact-container {
min-height:500px;
background-image:url('images/contact-bg.jpg'); 
background-repeat:no-repeat; 
background-position: 50% -600px;
}

#digital-container {
min-height:500px;
background-image:url('images/digital-bg.jpg'); 
background-repeat:no-repeat; 
background-position: 50% -600px;
}

#recruit-container {
min-height:600px;
padding-top: 25px;
background-image:url('images/recruitment-bg.jpg'); 
background-repeat:no-repeat; 
background-position: 50% -600px;
}

#value-container {
min-height:600px;
padding-top: 25px;
background-image:url('images/value-bg.png'); 
background-repeat:no-repeat; 
background-position: 50% 0px;
overflow:hidden;
}


#jobs-container {
min-height:600px;
padding-top: 25px;
background-image:url('images/jobs-bg.png'); 
background-repeat:no-repeat; 
background-position: 50% 0px;
overflow:hidden;
}

#international-container {
min-height:600px;
padding-top: 25px;
background-image:url('images/international-bg.png'); 
background-repeat:no-repeat; 
background-position: 50% 50px;
overflow:hidden;
}

#signium-container {
min-height:500px;

}

.signium-image {
float:right;
width: 442px;
height: 395px;
}


.indenttext {
text-indent:-1000em;
}

.hidden {
display:none;
}

.subtext { margin-top: 400px;}

a.phone {display:none;}
span.desktop {display:inline;}


/*-------------------------------------------------------------------------------------*/
/*  Media Queries
/*-------------------------------------------------------------------------------------*/

/*  959px and Below Screen Sizes
/*-------------------------------------------------------------------------------------*/	

/* Set the #page width to 100% */
@media only screen and (max-width: 959px) {



#wrapper{
	display:block;		
	width: 100%;
	margin:0 auto;

}

}

/*  From 959px down to the Ipad(768px) Screen Size
/*-------------------------------------------------------------------------------------*/	

@media only screen and (min-width: 639px) and (max-width:959px) {
	
header {
background-position: 50% -165px;
height:145px;
}

#headercontainer {
width: 640px;
height:145px;
}

#headercontainer a {
height:145px;
}

#headercontainer h1{
text-indent:-1000em;
}

#navcontainer {
display:block;
margin:0 auto;
width: 640px;
min-height:45px;
}

#navigation {
display:block;
margin:0 auto;
width: 640px;
min-height:45px;
}

#navigation li {
display:block;
float:left;
width: 106px;
min-height:45px;
background-color:#5d9890;
border-right:1px solid #fff;
}

#navigation li.last {
width: 104px;
}

#navigation li a {
display:block;
width: 101px;
min-height:40px;
color:#fff;
padding: 5px 0 0 5px;
font: normal 1.5em Arial, Helvetica, sans-serif;
text-decoration:none;
}

#navigation li a:hover.dropdown{
background-position: 0 -50px;
}

#sub, #sub li, #sub li a {
display:none;
}

#subshow {
width:640px;
margin-top:21px;
}

.sf-menu ul.show{
top:25px;
left:0;
}

#subshow li {
float:left;
width: 159px;
border:0px;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
}

#subshow li a {
color:#488C90;
background-color:#e8eaec;
width: 154px;
}

#sub li a:hover, #sub li a.selected, #subshow li a:hover, #subshow li a.selected {
color:#fff;
background-color:#b9babc;
width: 154px;
}


#hp-container {
display:block;
margin:0 auto;
width: 100%;
min-height:340px;
background-image:url('images/hp-bg.jpg'); 
background-repeat:no-repeat; 
background-position: 50% 0;
}

 #content, #content-full, #content-grid-full {
display:block;
margin:0 auto;
width: 640px;
}

#block{
display:block;
float:left;
width:350px;
padding-top: 35px;
padding-left: 10px;
padding-bottom: 10px;
}

#block-right{
display:block;
float:left;
width:240px;
padding-top: 35px;
padding-right: 0px;
padding-left: 10px;
padding-bottom: 10px;
}

#block-full {
display:block;
float:left;
width:640px;
padding-top: 35px;
padding-left: 10px;
}

#block-article-full {
background-color:#fff;
display:block;
width:610px;
padding: 20px 15px 50px 15px;
    margin: 0 auto;
}

 #content h2,  #content-full h2 {
color:#68898c;
font: normal 2.4em Arial, Helvetica, sans-serif;
}

 #content h3,  #content-full h3 {
color:#488C90;
padding-top: 15px;
font: normal 1.6em Arial, Helvetica, sans-serif;
}

 #content ul {
color:#84aeb2;
padding-top: 15px;
font: normal 1.2em Arial, Helvetica, sans-serif;
}

 #content p {
font: normal 1.2em Arial, Helvetica, sans-serif;
}

 #content ul.hp {
font: normal 1.6em Arial, Helvetica, sans-serif;
}

 #content ul.hp li {
background-image: url('images/bullet1.png');
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
margin-top:8px;
}

a.download-pdf-link {
display:block;
width:235px;
height:38px;
color:#488C90;
padding:15px 50px 15px 15px;
    margin:0 auto;
font: normal 1.5em Arial, Helvetica, sans-serif;
text-decoration:none;
background-image: url('images/download-bg.png');
background-repeat: no-repeat;
background-position: -20px -120px;
	transition:all .2s ease-in-out;  
	-o-transition:all .2s ease-in-out;  
	-moz-transition:all .2s ease-in-out;  
	-webkit-transition:all .2s ease-in-out; 
}

a:hover.download-pdf-link {
color:#fff;
background-color:#99bcc0;
background-image: url('images/download-bg.png');
background-repeat: no-repeat;
background-position: -20px 0px;
	transition:all .2s ease-in-out;  
	-o-transition:all .2s ease-in-out;  
	-moz-transition:all .2s ease-in-out;  
	-webkit-transition:all .2s ease-in-out; 
}

#lowercontentcontainer {
clear:both;
display:block;
margin:0 auto;
width: 100%;
border-top:1px solid #e8eaec;
}

#lowercontent {
display:block;
margin:0 auto;
width: 640px;

}

#candidatecontainer, #recruitercontainer {
display:block;
float:left;
width: 318px;
min-height:240px;
background-position: 0px -300px;

}

#candidatecontainer h3 , #recruitercontainer h3 {
float:left;
font: normal 2.3em Arial, Helvetica, sans-serif;
color:#336366;
width: 318px;
min-height:53px;
border-bottom:1px solid #e8eaec;
}

#candidatecontainer h3 a, #recruitercontainer h3 a {
display:block;
float:left;
padding-top:16px;
padding-left:16px;
width: 302px;
min-height:37px;
color:#336366;
text-decoration:none;
}

#candidatecontainer h3 a:hover, #recruitercontainer h3 a:hover {
background-color:#99bcc0;
color:#ffffff;
text-decoration:none;
}

#recruitercontainer ul, #candidatecontainer ul {
display:block;
float:left;
width:210px;
margin-left:98px;
margin-top:10px;
}

#recruitercontainer ul li, #candidatecontainer ul li {
background-image: url('images/bullet2.png');
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 14px;
margin-top:5px;
}

#download-list {
display:block;
margin:0 auto;
width: 640px;
min-height:400px;
margin-top: 25px;
}

#footer {
display:block;
margin:0 auto;
padding-top:5px;
width: 640px;
min-height:30px;
}



#approach-container {
min-height:500px;
background-position: 50% 0px;
}

#candidates-container {
min-height:600px;
background-position: 50% 0px;
}

#contact-container {
min-height:500px;
background-position: 50% 0px;
}

#digital-container {
min-height:500px;
background-position: 50% 0px;
}

#recruit-container {
padding-top:40px;
min-height:600px;
background-position: 50% 0px;
}

#value-container {
padding-top:40px;
min-height:450px;
background-position: 50% 40px;
background-size: 640px 400px;
-webkit-background-size: 640px 400px;
}

#jobs-container {
padding-top:40px;
min-height:450px;
background-position: 50% 40px;
background-size: 640px 400px;
-webkit-background-size: 640px 400px;
}

#international-container {
padding-top:40px;
min-height:580px;
background-position: 50% 80px;

}

a.phone {display:inline;}
span.desktop {display:none;}

.signium-image {
float:left;
width: 250px;
height: 225px;
}

}



/*-------------------------------------------------------------------------------------*/	
@media only screen and (min-width: 50px) and (max-width:638px) {
	
header {
background-position: 50% -310px;
height:88px;
}

#headercontainer {
width: 320px;
height:88px;
}

#headercontainer a {
width: 180px;
height:88px;
}

#headercontainer h1{
text-indent:-1000em;
}

#navcontainer {
display:block;
margin:0 auto;
width: 320px;
min-height:104px;
}

#navigation {
display:block;
margin:0 auto;
width: 320px;
min-height:29px;
}

#navigation li {
display:block;
float:left;
width: 159px;
min-height:34px;
background-color:#5d9890;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}

#navigation li.last, #navigation li.smart {
width: 159px;
border-bottom:0px solid #fff;

}

#navigation li a {
display:block;
width: 154px;
min-height:29px;
color:#fff;
padding: 5px 0 0 5px;
font: normal 1.5em Arial, Helvetica, sans-serif;
text-decoration:none;
}

#navigation li a:hover.dropdown{
background-position: 0 -50px;
}

#sub, #sub li, #sub li a {
display:none;
}

#subshow {
width:320px;
margin-top:80px;
}

.sf-menu ul.show{
top:25px;
left:0;
}

#subshow li {
float:left;
width: 159px;
border:0px;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
}

#subshow li a {
color:#488C90;
background-color:#e8eaec;
width: 154px;
}

#subshow li a:hover, #subshow li a.selected {
color:#fff;
background-color:#b9babc;
width: 154px;
}

#hp-container {
display:block;
margin:0 auto;
width: 100%;
min-height:250px;
background-image:url('images/hp-bg.jpg'); 
background-repeat:no-repeat; 
background-position: 1000% 0;

}

 #content, #content-full, #content-grid-full {
display:block;
margin:0 auto;
width: 320px;
}

#block{
display:block;
float:left;
width:306px;
padding-top: 10px;
padding-left: 5px;
padding-bottom: 5px;
}

#block-right{
display:block;
float:left;
width:306px;
padding-top: 10px;
padding-left: 5px;
padding-bottom: 5px;
}


#block-full {
display:block;
float:left;
width:320px;
padding-top: 10px;
padding-left: 0px;
padding-bottom: 5px;
}

#block-article-full {
background-color:#fff;
display:block;
width:300px;
padding: 20px 10px 50px 10px;
    margin: 0 auto;
}

 #content h2, #content-full h2 {
color:#68898c;
font: normal 2.1em Arial, Helvetica, sans-serif;
}

 #content h3, #content-full h3 {
color:#488C90;
padding-top: 15px;
font: normal 1.6em Arial, Helvetica, sans-serif;
}

 #content ul {
color:#84aeb2;
padding-top: 5px;
font: normal 1.2em Arial, Helvetica, sans-serif;
}

#content ul.hp {
font: normal 1.6em Arial, Helvetica, sans-serif;
}

 #content ul.hp li {
background-image: url('images/bullet1.png');
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px;
margin-top:4px;
}

 #content p {
font: normal 1.2em Arial, Helvetica, sans-serif;
}

a.download-pdf-link {
display:block;
width:235px;
height:38px;
color:#488C90;
padding:15px 50px 15px 15px;
    margin:0 auto;
font: normal 1.5em Arial, Helvetica, sans-serif;
text-decoration:none;
background-image: url('images/download-bg.png');
background-repeat: no-repeat;
background-position: -20px -120px;
	transition:all .2s ease-in-out;  
	-o-transition:all .2s ease-in-out;  
	-moz-transition:all .2s ease-in-out;  
	-webkit-transition:all .2s ease-in-out; 
}

a:hover.download-pdf-link {
color:#fff;
background-color:#99bcc0;
background-image: url('images/download-bg.png');
background-repeat: no-repeat;
background-position: -20px 0px;
	transition:all .2s ease-in-out;  
	-o-transition:all .2s ease-in-out;  
	-moz-transition:all .2s ease-in-out;  
	-webkit-transition:all .2s ease-in-out; 
}

#lowercontentcontainer {
display:block;
clear:both;
margin:0 auto;
width: 100%;
border-top:1px solid #e8eaec;
}

#lowercontent {
display:block;
margin:0 auto;
width: 320px;

}

#candidatecontainer {
display:block;
float:left;
width: 318px;
min-height:195px;
background-image: url('images/hp-candidate-bg.png');
background-repeat: no-repeat;
background-position: 0px -300px;
border-right:1px solid #e8eaec;
border-left:1px solid #e8eaec;
}

#candidatecontainer h3 , #recruitercontainer h3 {
float:left;
font: normal 2.3em Arial, Helvetica, sans-serif;
color:#336366;
width: 318px;
min-height:53px;
border-bottom:1px solid #e8eaec;
}

#candidatecontainer h3 {
border-top:1px solid #e8eaec;
}

#candidatecontainer h3 a, #recruitercontainer h3 a {
display:block;
float:left;
padding-top:16px;
padding-left:16px;
width: 302px;
min-height:37px;
color:#336366;
text-decoration:none;
}

#candidatecontainer h3 a:hover, #recruitercontainer h3 a:hover {
background-color:#99bcc0;
color:#ffffff;
text-decoration:none;
}

#recruitercontainer {
display:block;
float:left;
width: 318px;
min-height:235px;
background-image: url('images/hp-recruiter-bg.png');
background-repeat: no-repeat;
background-position: 0px -300px;
border-right:1px solid #e8eaec;
border-left:1px solid #e8eaec;
}

#recruitercontainer ul, #candidatecontainer ul {
display:block;
float:left;
width:210px;
margin-left:98px;
margin-top:10px;
}

#recruitercontainer ul li, #candidatecontainer ul li {
background-image: url('images/bullet2.png');
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 14px;
margin-top:5px;
}

#download-list {
display:block;
margin:0 auto;
width: 320px;
min-height:610px;
margin-top: 25px;
}

#download-list ul {
list-style:none;
}

#download-list li {
list-style-type:none;
display:block;
float:left;
width:320px;
height:68px;
margin-bottom:5px;
margin-right:0px;
background-color:#e8eaec;
}

#download-list li a {
list-style-type:none;
display:block;
width:255px;
height:38px;
color:#488C90;
padding:15px 50px 15px 15px;
font: normal 1.5em Arial, Helvetica, sans-serif;
text-decoration:none;
background-image: url('images/download-list-bg.png');
background-repeat: no-repeat;
background-position: 0px -120px;
	transition:all .2s ease-in-out;  
	-o-transition:all .2s ease-in-out;  
	-moz-transition:all .2s ease-in-out;  
	-webkit-transition:all .2s ease-in-out; 
}

#download-list li a:hover, #download-list li a.selected {
color:#fff;
background-color:#99bcc0;
background-image: url('images/download-list-bg.png');
background-repeat: no-repeat;
background-position: 0px 0px;
	transition:all .2s ease-in-out;  
	-o-transition:all .2s ease-in-out;  
	-moz-transition:all .2s ease-in-out;  
	-webkit-transition:all .2s ease-in-out; 
}

#footer {
display:block;
margin:0 auto;
padding-top:5px;
width: 320px;
min-height:30px;
}

#footer .right {min-height:30px;float:left;margin-top: 10px;}
img.signium-logo {clear:both; min-height:20px; margin-top: -3px;}

#approach-container, #candidates-container, #contact-container, #digital-container, #recruit-container {
background-position: 1000% 0;
}

#recruit-container {
padding-top:70px;
min-height:530px;
}

#jobs-container {
padding-top:70px;
min-height:300px;
background-image:none;
background-size: 400px 250px;
-webkit-background-size: 400px 250px;
background-position: 50% 100px;
}

#international-container {
padding-top:70px;
min-height:400px;
background-image:none;
background-size: 500px 313px;
-webkit-background-size: 500px 313px;
background-position: 50% 110px;
}

#value-container {
padding-top:70px;
min-height:300px;
background-image:none;
background-size: 400px 250px;
-webkit-background-size: 400px 250px;
background-position: 50% 80px;
}

.subtext { margin-top: 230px;}
a.phone {display:inline;}
span.desktop {display:none;}

.indenttext {
text-indent:0;
}

.hidden {
display:block;
}

.signium-image {
float:left;
width: 306px;
height: 275px;
}

}






/* -------Cookie ---*/
.pea_cook_wrapper {
    position: fixed;
    background-color: #336366;
    opacity: 0.85;
    padding: 8px 0px;
    margin: 0;
    width:100%;
    z-index: 10000;
    text-align:center;
}

.pea_cook_wrapper.pea_cook_topleft {
    top:30px;
    left:30px
}
.pea_cook_wrapper.pea_cook_topright {
    top:30px;
    right:30px
}
.pea_cook_wrapper.pea_cook_bottomleft {
    bottom:30px;
    left:30px
}
.pea_cook_wrapper.pea_cook_bottomright {
    bottom:30px;
    right:30px
}

.pea_cook_wrapper.pea_cook_bottomcenter {
    bottom:30px;
    margin:0 auto;
    width:80%
}

.pea_cook_wrapper.pea_cook_topcenter {
    top:0px;
   
}

.pea_cook_wrapper p{
    bottom: 30px;
    font-family: "helvetica neue", helvetica, arial, sans-serif;
    font-size: 11px;
    color: #fff;
    margin: 0 auto;
    font-weight: bold;
}
.pea_cook_wrapper a {
    color: #fff;
    border-bottom: dotted thin #eee;
    text-decoration: none;
}
.pea_cook_wrapper a:hover {
    text-decoration: none;
    border-bottom-style: solid;
    color: #ddd;
}


a#fom, a#pea_close {border-bottom: 1px dotted;}

a#pea_close {
padding-top: 20px;
display: block;
}


button.pea_cook_btn {
  background: #e3e3e3;
  border: 1px solid #bbb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333;
  font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
  line-height: 1;
  padding: 5px 0;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  width: 100px; 
  margin-left: 20px;
}

  button.pea_cook_btn:hover {
    background: #d9d9d9;
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #222;
    cursor: pointer; }

  button.pea_cook_btn:active {
    background: #d0d0d0;
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
    -moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
    box-shadow: inset 0 0 1px 1px #e3e3e3;
    color: #000; }


.pea_cook_more_info_popover {
    display:none;
    position: absolute;
    top: 0;
    z-index: 1000000;
    height: 80%;
    width: 100%;
    left: 0;
}
.pea_cook_more_info_popover_inner {
    margin: 40px auto;
    min-width: 50%;
    background-color: #5d9890;
    
    min-height: 200px;
    padding: 50px;
	max-width:60%;
}
.pea_cook_more_info_popover_inner a {
    color: #fff;
    border-bottom: dotted thin #eee;
    text-decoration: none;
}
.pea_cook_more_info_popover_inner a:hover {
    text-decoration: none;
    border-bottom-style: solid;
    color: #ddd;
}

.pea_cook_more_info_popover h3{
    color: #fff;  
    font-size: 1.3em;  
    font-weight: normal;
    padding-top:15px;
}
.pea_cook_more_info_popover p{
    color: #fff;
    padding-top:7px;
}