/* CSS Document */
body,html
{
font-family: 'Open Sans', sans-serif;
font-size:13px;
color:#666666;
margin:0;
}
h3
{
color:#993300;
font-size:16px;
margin-left:10px;
}
p
{
margin-left:10px;
padding-top:5px;
padding-bottom:0px;
text-align:justify;
}
.textbox
{
height:20px;
width:205px;
border-radius:5px;
color:#999999;
}
.textarea
{
height:70px;
width:205px;
border-radius:5px;
color:#999999;
}
#fullwraper
{
background-color:#666666;
position:relative;
margin:0 auto;
width:100%;
height:auto;
}
#fullwraper #headwraper
{
background-image:url(../images/header.png);
background-repeat:repeat-x;
margin:0px;
width:100%;
height:180px;
}
#headwraper #header
{
position:relative;
margin:0 auto;
width:1003px;
height:180px;
}
#header #topnav
{
background-color:;
margin:0px;
width:1003px;
height:32px;
}
#topnav #toplinks
{
background-color:;
margin:0px;
width:320px;
height:20px;
float:right;
padding:7px 5px 5px 5px;
text-align:right;
}
#toplinks a
{
text-decoration:none;
color:#FFFFFF;
padding:5px;
}
#toplinks a:hover
{
text-decoration:none;
color:#0066CC;
}
#header #midheader
{
background-color:;
margin:0px;
width:1003px;
height:120px;
}
#midheader #logo
{
background-color:;
margin:0px;
float:left;
width:250px;
height:120px;
}
#midheader #rightcontacts
{
background-color:;
margin:0px;
float:right;
width:310px;
height:120px;
}
#rightcontacts #numbers
{
background-color:;
margin:0px;
float:right;
width:290px;
height:65px;
text-align:right;
padding:12px 5px 0px 10px;
font-size:20px;
color:#0B73AA;
}
#rightcontacts #fblinks
{
background-color:;
margin:0px;
margin-top:5px;
float:right;
width:210px;
height:35px;
}
#fblinks #follow
{
margin:0px;
float:left;
width:80px;
height:25px;
padding:10px 0px 0px 0px;
color:#707070;
}
#fblinks #fb
{
margin:0px;
float:right;
width:120px;
height:35px;
}
#header #mainnav
{
background-color:#F3F3F3;
margin:0px;
width:1003px;
height:55px;
}
#mainnav #innernav
{
background-color:#0B72A8;
margin:5px;
width:993px;
height:50px;
top:5px;
}
ul
{
margin: 0;
padding: 0;
list-style: none;
z-index:999;
}
ul li
{
display: block;
position: relative;
float: left;
}
li ul
{
display: none;
}
ul li a
{
height:28px;
display: block;
text-decoration: none;
color: #FFFFFF;
/*border-top: 3px solid #ffffff;*/
padding: 15px 39px 15px 40px;
background:;
margin-left: 0px;
white-space: nowrap;
font-size:13px;
}
ul li a.select{ margin:0px; padding:12px 35px 10px 35px; text-decoration:none; color: #FFF; background-color:#003D69; text-align:center; float:left; background-image:none; }
ul li a.select:hover{ margin:0px; padding:12px 35px 18px 35px; text-decoration:none; color: #FFF; text-align:center; float:left; }
ul li a:hover
{
background-color:#003D69;
color:#FFF;
padding: 15px 39px 15px 40px;
}
#fullwraper #headwraper #header #mainnav ul li:hover ul
{
display: block;
position: absolute;
}
li:hover li
{
float: none;
margin:0px;
}
li:hover a
{
background:#003D69;
color: #FFF;
padding: 15px 39px 15px 40px;
height:1.5em;
}
li:hover li a:hover
{
background:#003D69;
color:#fd4b07;
}
#fullwraper #bannerwraper
{
margin:0px;
width:100%;
height:auto;
}
#bannerwraper .imagefit
{
background-image:url(../images/banner.png);
background-repeat:no-repeat;
margin:0px;
width:100%;
height:470px;
background-size:100% 100%;
}
#bannerwraper #banner
{
background-color:;
margin:0 auto;
height:360px;
width:1003px;
}
#banner .lift
{
background-color:#003366;
margin-top:-5px;
height:330px;
width:1003px;
}
#fullwraper #contentwraper
{
background-color:#EBEAEA;
margin:0px;
width:100%;
height:auto;
min-height:200px;
}
#contentwraper #contents
{
background-color:;
margin:0 auto;
top:-45px;
position:relative;
width:1003px;
height:300px;
}
#contents p,
#contents p a
{
font-weight:bold;
color:#096A9E;
text-decoration:none;
}
#contents .resize
{
color:#FFFFFF;
font-size:14px;
font-weight:normal;
padding:0px 0px 0px 0px;
text-align:inherit;
}
#contents #box1
{
background-color:;
margin:0px;
float:left;
width:240px;
height:300px;
border-radius:20px;
}
#box1 #box1head
{
background-color:#005089;
margin:0px;
float:left;
width:240px;
height:60px;
border-top-left-radius:20px;
border-top-right-radius:20px;
}
#box1 #box1img
{
background-color:#FCFCFC;
margin:0px;
float:left;
width:240px;
height:110px;
}
#box1 #box1content
{
background-color:#FCFCFC;
margin:0px;
padding:5px 15px 0px 15px;
float:left;
width:210px;
height:125px;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
}
#contents #box2
{
background-color:;
margin:0px;
margin-left:14px;
float:left;
width:240px;
height:300px;
border-radius:20px;
}
#box2 #box2head
{
background-color:#005089;
margin:0px;
float:left;
width:240px;
height:60px;
border-top-left-radius:20px;
border-top-right-radius:20px;
}
#box2 #box2img
{
background-color:#FCFCFC;
margin:0px;
float:left;
width:240px;
height:110px;
}
#box2 #box2content
{
background-color:#FCFCFC;
margin:0px;
padding:5px 15px 0px 15px;
float:left;
width:210px;
height:125px;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
}
#contents #box3
{
background-color:;
margin:0px;
margin-left:14px;
float:left;
width:240px;
height:300px;
border-radius:20px;
}
#box3 #box3head
{
background-color:#005089;
margin:0px;
float:left;
width:240px;
height:60px;
border-top-left-radius:20px;
border-top-right-radius:20px;
}
#box3 #box3img
{
background-color:#FCFCFC;
margin:0px;
float:left;
width:240px;
height:110px;
}
#box3 #box3content
{
background-color:#FCFCFC;
margin:0px;
padding:5px 15px 0px 15px;
float:left;
width:210px;
height:125px;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
}
#contents #box4
{
background-color:;
margin:0px;
margin-left:15px;
float:left;
width:240px;
height:300px;
border-radius:20px;
}
#box4 #box4head
{
background-color:#005089;
margin:0px;
float:left;
width:240px;
height:60px;
border-top-left-radius:20px;
border-top-right-radius:20px;
}
#box4 #box4img
{
background-color:#FCFCFC;
margin:0px;
float:left;
width:240px;
height:110px;
}
#box4 #box4content
{
background-color:#FCFCFC;
margin:0px;
padding:5px 15px 0px 15px;
float:left;
width:210px;
height:125px;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
}
#fullwraper #footerwraper
{
background-color:#005089;
margin:0px;
width:100%;
height:220px;
color:#FFFFFF;
}
#footerwraper #footernavwraper
{
background-color:;
margin:0px;
position:relative;
width:100%;
height:150px;
padding-bottom:10px;
}
#footernavwraper #footernav
{
background-color:;
margin:0 auto;
width:1003px;
height:140px;
}
#footernav #footerleft
{
background-color:;
margin:0px;
margin-top:15px;
margin-left:10px;
width:650px;
height:120px;
float:left;
}
#footerleft a
{
text-decoration:none;
color:#FFFFFF;
}
#footerleft a:hover
{
color:#990000;
}
#footernav #footerjobs
{
background-color:;
margin:0px;
margin-top:10px;
width:277px;
height:100px;
float:right;
}
#footerwraper #footerbottomwraper
{
background-color:;
margin:0px;
position:relative;
width:100%;
height:60px;
border-top:solid 1px #333333;
}
#footerbottomwraper #footerbottom
{
background-color:;
margin:0 auto;
width:1003px;
height:50px;
}
#footerbottom #copy
{
background-color:;
margin:0px;
width:300px;
height:14px;
float:left;
padding:18px 10px;
}
#footerbottom #dotline
{
background-color:;
margin:0px;
width:150px;
height:14px;
padding:18px 10px;
float:right;
text-align:right;
}
#dotline a
{
text-decoration:none;
color:#FFFFFF;
}
#dotline a:hover
{
color:#990000;
}
/*common page*/
#contentwraper #common
{
background-color:;
margin:0 auto;
position:relative;
width:1003px;
height:auto;
min-height:320px;
}
#common #commonleft
{
background-color:;
margin:0px;
float:left;
width:703px;
*height:300px;
}
#common #rightnav
{
background-color:;
margin:0px;
float:right;
width:250px;
*height:300px;
padding:15px 10px 10px 10px;
}
/*About us*/
#contentwraper #aboutus
{
background-color:;
margin:0 auto;
position:relative;
width:1003px;
height:320px;
}
#aboutus #about
{
background-color:;
margin:10px;
float:left;
width:680px;
height:300px;
}
#aboutus #aboutright
{
background-color:;
margin:0px;
float:right;
width:250px;
height:300px;
padding:15px 10px 10px 10px;
}
/*staff augmentation*/
#contentwraper #staff
{
background-color:;
margin:0 auto;
position:relative;
width:1003px;
height:390px;
}
#staff #staffsub
{
background-color:;
margin:10px;
float:left;
width:680px;
height:320px;
}
#staff #staffright
{
background-color:;
margin:0px;
float:right;
width:250px;
height:300px;
padding:15px 10px 10px 10px;
}
/*contract-direct-placement*/
#contentwraper #placement
{
background-color:;
margin:0 auto;
position:relative;
width:1003px;
height:320px;
}
#placement #placementsub
{
background-color:;
margin:10px;
float:left;
width:680px;
height:310px;
}
#placement #placementright
{
background-color:;
margin:0px;
float:right;
width:250px;
height:300px;
padding:15px 10px 10px 10px;
}
/*contact*/
#contentwraper #contact
{
background-color:;
margin:0 auto;
position:relative;
width:1003px;
height:440px;
}
#contact #contactsub
{
background-color:;
margin:10px;
float:left;
width:580px;
height:400px;
}
#contactsub #form
{
background-color:;
margin:0px;
float:left;
width:500px;
height:360px;
padding:0px 11px;
}
#contact #contactright
{
background-color:#005089;
margin:0px;
margin-top:50px;
*margin-right:40px;
float:right;
*width:240px;
*height:120px;
font-size:14px;
color:#FFFFFF;
padding:30px 30px 30px 30px;
border-radius:10px;
}
/*why olivine*/
#contentwraper #yolivine
{
background-color:;
margin:0 auto;
position:relative;
width:1003px;
height:610px;
}
#yolivine #yolivinesub
{
background-color:;
margin:0px;
float:left;
width:680px;
height:600px;
}
#yolivinesub .item
{
list-style-type: circle;
list-style-position:inside;
padding: 0px 0px 0px 30px;
}
#yolivinesub .li-item
{
list-style-type: circle;
list-style-position:inside;
padding: 15px 0px 0px 0px;
list-style-image:url(../images/arrow.png);
}
#yolivine #yolivineright
{
background-color:;
margin:0px;
float:right;
width:250px;
height:300px;
padding:15px 10px 10px 10px;
}
/*changes*/
h4{
color:#1f659c;
margin: 12px 0 12px 10px;
float: left;
width:100%;
}
h5{
float:left;
width:100%;
margin:0 0 0 10px;
font-size:14px;
color:#012a48;
}
a{
text-decoration:none;}
p a{
color:#096A9E;
}
#fullwraper #contentwraper #common #commonleft ul{
float: left;
list-style: disc inside none;
margin-left: 10px;
margin-bottom: 10px;
}
#fullwraper #contentwraper #common #commonleft ul li{
background-position: 1px 8px;
background-repeat: no-repeat;
float: left;
line-height: 27px;
list-style: disc inside none;
padding: 0 0 0 27px;
background-image:url(../images/bullt.png);
width: 100%;
}
#fullwraper #contentwraper #common #commonleft ul li ul{
float:left;
display:block;
}
#fullwraper #contentwraper #common #commonleft ul li ul li{
float:left;
display:block;
}
#fullwraper #contentwraper{
float:left;
}
#fullwraper #footerwraper{
float:left;
}
#fullwraper #contentwraper #common #commonleft p{
float:left;
margin-bottom: 5px;
margin-top: 0;
width:100%;
}
#fullwraper #contentwraper #common #commonleft #form{
float:left;
margin-left: 10px;
}
#numbers a{
color:#0B73AA;
}
#numbers a:hover{
text-decoration:underline;
}
#fullwraper #contentwraper #common #commonleft .apply{
float: right;
font-size: 14px;
margin: 7px 39px;
text-decoration: underline;
color:#0066ff;
}
#fullwraper #contentwraper #common #commonleft .apply a{
color:#ff9933;
}
#fullwraper #contentwraper #common #commonleft .apply a:hover{
text-decoration:none;
color:#cc3300;
}
.contactsub{
width:501px !important;
height:auto !important;
}
#form{
margin: 29px 0 0;
}