/*
------------------------------------------------------
 Stylesheet for: halff.com

 Created: July 23, 2007
------------------------------------------------------
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

body {
margin: auto;
padding: 0;
text-align: center;
line-height: 1.1em;
background: #bcbdbe;
}

/*
------------------------------------------------------
 Standard Elements
------------------------------------------------------
*/

a	{
color: #000;
text-decoration: underline;
}

a:hover	{
color: #000;
text-decoration: none;
}

img	{
border: 0;
}

form	{
margin: 0;
padding: 0;
display: inline;
}

input, textarea, select	{
font: 10px tahoma, arial, helvetica, sans-serif;
}

.alt	{
display: none;
}

.center	{
text-align: center;
}

.right	{
text-align: right;
}

.hr	{
border-bottom: 2px solid #ccc;
padding-top: 4px;
margin-bottom: 10px;
}

/* To set IE straight */
div, p	{
line-height: 1.1em;
}

/*
------------------------------------------------------
 Colors
------------------------------------------------------
*/

.blue	{
color: #245497;
}

.red	{
color: #c31f39;
}

/*
------------------------------------------------------
 Fonts
------------------------------------------------------
*/

.font10	{
font: 10px 'trebuchet ms', arial, helvetica, sans-serif;
}

.font11	{
font: 11px 'trebuchet ms', arial, helvetica, sans-serif;
}

.font12	{
font: 12px 'trebuchet ms', arial, helvetica, sans-serif;
}

.font14	{
font: 14px 'trebuchet ms', arial, helvetica, sans-serif;
}

/*
------------------------------------------------------
 Layout
------------------------------------------------------
*/

.mainwidth	{
width: 970px;
}

.wrappertop	{
position: relative;
margin: auto;
text-align: left;
width: 1000px;
height: 20px;
background: url(../i/common/wrappertop.gif) no-repeat;
}

.wrapper	{
position: relative;
margin: auto;
text-align: left;
padding: 0 15px;
width: 970px;
\width: 1000px;
w\idth: 970px;
background: url(../i/common/wrappermid.gif) repeat-y;
}

.wrapperbottom	{
position: relative;
margin: auto;
text-align: left;
width: 1000px;
height: 20px;
background: url(../i/common/wrapperbottom.gif) no-repeat;
}

.header	{
position: absolute;
top: 0;
left: 15px;
height: 90px;
z-index: 5;
background: url(../i/common/header.png) no-repeat;
}

.logo a	{
position: absolute;
top: 6px;
right: 30px;
width: 103px;
height: 27px;
display: block;
z-index: 10;
}

.content	{
padding: 101px 0 20px 0;
background: url(../i/common/pattern.png) no-repeat 0 72px;
}

.maincontenttt-wrapper  {
float: right;
width: 100%;
margin-left: -207px;
padding-bottom: 20px;
}

.maincontenttt {
padding-left: 207px;
}

.maincontenttt-head {
padding: 18px 27px 15px 0;
line-height: 16px;
}

.leftnavtt	{
padding: 40px 30px 0 45px;
height: 370px;
}

.subcontentttrt-wrapper	{
float: right;
width: 100%;
margin-left: -206px;
}

.subcontentttrt	{
margin-left: 206px;
background: url(../i/common/ttsubcontentbgfoot.png) repeat-y bottom left;
padding: 0 27px 0 18px;
}

.subcontentttlt-jobs {
background: url(../i/common/ttsubcontentbgfoot2.png) repeat-y bottom right;
margin-right: -25px;
}

.subcontentttrt p, .subcontentttrt div	{
line-height: 1.5em;
margin-top: 0;
}

.subcontentttlt	{
width: 188px;
float: left;
}

/*
-----------------------
 About
-----------------------
*/

.wrapper-about	{
background: url(../i/common/aboutttcolumnbgfoot.png) repeat-y bottom left;
}

.contenttt-about {
float: left;
width: 207px;
background: url(../i/common/aboutttcolumnbg.png) no-repeat;
}

.about-head h1, .subcontentttlt-about	{
color: #9d6330;
}

.contentmid-about	{
height: 444px;
background: url(../i/common/aboutcontentbg.png) no-repeat;
}

.contentmidfoot-about	{
padding-bottom: 25px;
background: url(../i/common/aboutcontentbgfoot.png) repeat-y bottom;
}

/*
-----------------------
 Services
-----------------------
*/

.wrapper-services	{
background: url(../i/common/servicesttcolumnbgfoot.png) repeat-y bottom left;
}

.contenttt-services {
float: left;
width: 207px;
background: url(../i/common/servicesttcolumnbg.png) no-repeat;
}

.services-head h1, .subcontentttlt-services	{
color: #a78561;
}

.contentmid-services	{
height: 444px;
background: url(../i/common/servicescontentbg.png) no-repeat;
}

.contentmidfoot-services	{
padding-bottom: 25px;
background: url(../i/common/servicescontentbgfoot.png) repeat-y bottom;
}

/*
-----------------------
 Portfolio
-----------------------
*/

.wrapper-portfolio	{
background: url(../i/common/portfoliottcolumnbgfoot.png) repeat-y bottom left;
}

.contenttt-portfolio {
float: left;
width: 207px;
margin: 0 0 4px 0;
background: url(../i/common/portfoliottcolumnbg.png) no-repeat;
}

.portfolio-head h1, subcontentttlt-portfolio	{
color: #88361c;
}

.portfolio-head h1	{
margin-bottom: 40px;
}

.contentmid-portfolio	{
height: 444px;
background: url(../i/common/portfoliocontentbg.png) no-repeat;
}

.contentmidfoot-portfolio	{
padding-bottom: 25px;
background: url(../i/common/portfoliocontentbgfoot.png) repeat-y bottom;
}

.subcontentttlt-portfolio	{
color: #000;
}

.subcontentttlt-portfolio h2	{
color: #89371d;
}

.lgportimg-wrapper	{
float: left;
width: 100%;
margin-right: -75px;
}

.lgportimg	{
margin-right: 75px;
}

.lgportimg div.ph	{
width: 413px;
height: 270px;
border: solid 1px #000;
}
.lgportimg div.ph2	{
width: 300px;
height: 192px;
border: solid 1px #000;
}

.lgportimg div.phbig	{
width: 413px;
height: 270px;
border: solid 1px #000;
}

.port-thumbs	{
float: right;
width: 75px;
}

.port-thumbs div.ph	{
width: 48px;
height: 48px;
border: solid 1px #000;
margin: 0 0 16px 0;
}

/*
-----------------------
 Careers
-----------------------
*/

.wrapper-careers	{
background: url(../i/common/careersttcolumnbgfoot.png) repeat-y bottom left;
}

.contenttt-careers {
float: left;
width: 207px;
background: url(../i/common/careersttcolumnbg.png) no-repeat;
}

.careers-head h1, subcontentttlt-careers	{
color: #132c52;
}

.contentmid-careers	{
height: 444px;
background: url(../i/common/careerscontentbg.png) no-repeat;
}

.contentmid-interns	{
height: 650px;
background: url(../i/common/internsnewgradsbg.png) no-repeat;
z-index: 1;
}

.contentmidfoot-careers	{
padding-bottom: 25px;
background: url(../i/common/careerscontentbgfoot.png) repeat-y bottom;
}

h2	{
color: #132c52;
font-size: 12px;
}

.rp-movie	{
line-height: .5em;
}

/*
-----------------------
 News
-----------------------
*/

.wrapper-news	{
background: url(../i/common/newsttcolumnbgfoot.png) repeat-y bottom left;
}

.contenttt-news {
float: left;
width: 207px;
background: url(../i/common/newsttcolumnbg.png) no-repeat;
}

.news-head h1, .subcontentttlt-news	{
color: #4a6650;
}

.contentmid-news	{
height: 444px;
background: url(../i/common/newscontentbg.png) no-repeat;
}

.contentmidfoot-news	{
padding-bottom: 25px;
background: url(../i/common/newscontentbgfoot.png) repeat-y bottom;
}

.contenttt-news	{
height: 444px;
background: url(../i/common/newsttcolumnbg.png) no-repeat;
}

.contentttfoot-news	{
background: url(../i/common/newsttcolumnbgfoot.png) repeat-y bottom left;
}

/*
-----------------------
 Information Bank
-----------------------
*/

.wrapper-bank	{
background: url(../i/common/bankttcolumnbgfoot.png) repeat-y bottom left;
}

.contenttt-bank {
float: left;
width: 207px;
background: url(../i/common/bankttcolumnbg.png) no-repeat;
}

.contentmid-bank	{
height: 444px;
background: url(../i/common/bankcontentbg.png) no-repeat;
}

.contentmidfoot-bank	{
padding-bottom: 25px;
background: url(../i/common/bankcontentbgfoot.png) repeat-y bottom;
}

/*
-----------------------
 Locations
-----------------------
*/

.wrapper-locations	{
background: url(../i/common/locationsttcolumnbgfoot.png) repeat-y bottom left;
}

.contenttt-locations {
float: left;
width: 207px;
background: url(../i/common/locationsttcolumnbg.png) no-repeat;
}

.contentmid-locations	{
height: 444px;
background: url(../i/common/locationscontentbg.png) no-repeat;
}

.contentmidfoot-locations	{
padding-bottom: 25px;
background: url(../i/common/locationscontentthreecolbgfoot.png) repeat-y bottom;
}

/*
-----------------------
 Contact
-----------------------
*/

.wrapper-contact	{
background: url(../i/common/contactttcolumnbgfoot.png) repeat-y bottom left;
}

.contenttt-contact {
float: left;
width: 207px;
background: url(../i/common/contactttcolumnbg.png) no-repeat;
}

.contentmid-contact	{
height: 444px;
background: url(../i/common/contactcontentbg.png) no-repeat;
}

.contentmidfoot-contact	{
padding-bottom: 25px;
background: url(../i/common/contactcontentthreecolbgfoot.png) repeat-y bottom;
}


/*
-----------------------
 Columns
-----------------------
*/
.contentlt	{
float: left;
padding: 40px 30px 0 45px;
width: 132px;
\width: 207px;
w\idth: 132px;
}

.contentrt	{
float: left;
padding: 14px 0 0 4px;
width: 727px;
\width: 731px;
w\idth: 727px;
}

.maincontenttt-head h1, .contentrt h1	{
display: inline;
font-size: 24px;
line-height: 24px;
}

.subcontentlt	{
float: left;
padding: 5px 30px 5px 217px;
width: 188px;
\width: 435px;
w\idth: 188px;
}

.subcontentrt	{
float: left;
padding: 5px 30px 5px 20px;
width: 485px;
\width: 535px;
w\idth: 485px;
}

.subcontentrt span	{
font-size: 48px;
color: #bbb;
line-height: 90%;
font-weight: bold;
}

.subcontent-left	{
float: left;
padding: 5px 25px 5px 243px;
width: 199px;
\width: 467px;
w\idth: 199px;
}

.subcontent-mid	{
float: left;
padding: 5px 25px;
width: 199px;
\width: 249px;
w\idth: 199px;
}

.subcontent-right	{
float: left;
padding: 5px 25px;
width: 200px;
\width: 250px;
w\idth: 200px;
}

.contact-col div, .loc-col div	{
line-height: 1.5em;
}

.colhead	{
text-transform: uppercase;
margin-bottom: 20px;
}

.contact-col .colhead	{
color: #39929a;
}

.loc-col .colhead, .loc-col .address .address-title	{
color: #3a6e8e;
}

.address	{
margin-bottom: 20px;
}

.address .contactnumbers	{
padding-left: 15px;
}

.search	{
position: absolute;
top: 45px;
right: 45px;
width: 200px;
z-index: 20;
}

.search input	{
vertical-align: middle;
}

/*
------------------------------------------------------
 Home Only
------------------------------------------------------
*/

.contenthmmid	{
height: 457px;
background: url(../i/home/contentmid.png) no-repeat;
}

.contenthmmidlt	{
float: left;
padding: 26px 0 0 31px;
width: 731px;
\width: 762px;
w\idth: 731px;
}

.contenthmmidrt	{
float: left;
padding: 90px 50px 0 35px;
width: 120px;
\width: 205px;
w\idth: 120px;
_width: 80px;
}

.contenthmmidrt div	{
padding-left: 10px;
width: 110px;
\width: 120px;
w\idth: 110px;
_width: 80px;
margin-bottom: 10px;
background: url(../i/misc/arrow.gif) no-repeat;
}

.contenthmmidrt_inner	{
height:100%;
width: 30px;
.width: 30px;
_width: 30px;
}

.subcontenthm	{
padding: 0 0 10px 26px;
width: 944px;
\width: 970px;
w\idth: 944px;
line-height: 1.1em;
}

.subcontenthmrt	{
float: right;
padding-right: 11px;
width: 194px;
\width: 205px;
w\idth: 194px;
_width: 190px;
text-align: right;
}

.subcontenthmlt	{
float: left;
width: 739px;
border-top: 2px solid #ccc;
background: url(../i/home/subcontentbg.gif) repeat-y;
}

.subcontenthmlt p	{
padding: 0 0 0 10px;
width: 150px;
\width: 160px;
w\idth: 150px;
margin: 0 0 4px 0;
background: url(../i/misc/arrow.gif) no-repeat;
}

.subcontenthmlt2	{
float: left;
}

.subcontenthmlt2 p	{
padding: 0 0 0 10px;
width: 150px;
\width: 160px;
w\idth: 150px;
margin: 0 0 4px 0;
background: url(../i/misc/arrow.gif) no-repeat;
}

.subcontenthmlt-front	{
float: left;
}

.subcontenthmlt-front p	{
padding: 0 0 0 10px;
width: 100px;
\width: 110px;
w\idth: 100px;
margin: 0 0 4px 0;
background: url(../i/misc/arrow.gif) no-repeat;
}

.portfolio-sidemenu	{
float: left;
padding: 40px 30px 0 30px;
height: 370px;
}

.portfolio-sidemenu p	{
padding: 0 0 0 10px;
width: 150px;
\width: 160px;
w\idth: 150px;
margin: 0 0 4px 0;
background: url(../i/misc/arrow2.gif) no-repeat;
}

/* 
------------------------------------------------------
 Interns & New Grads
------------------------------------------------------
*/

.boximage	{
float: left;
width: 564px;
\width: 595px;
w\idth: 564px;
padding: 127px 0 0 31px;
}

.lights	{
float: left;
padding: 103px 0 0 20px;
position: relative;
}

.lights a#fun	{
display: block;
position: absolute;
top: 123px;
left: 35px;
width: 110px;
height: 106px;
background: url(../i/main/spacer.gif);
}

.lights a#job	{
display: block;
position: absolute;
top: 232px;
left: 35px;
width: 110px;
height: 106px;
background: url(../i/main/spacer.gif);
}

.lights a#benefits	{
display: block;
position: absolute;
top: 341px;
left: 35px;
width: 110px;
height: 106px;
background: url(../i/main/spacer.gif);
}

.intern-grad-bottom	{
padding: 10px 27px;
color: #245397;
}

.movie	{
float: left;
width: 263px;
}

.bullets	{
float: left;
width: 360px;
margin-right: 110px;
}

.bullets-column	{
float: left;
width: 180px;
line-height: 15.2px;
}

.bullets-for-benefits	{
width: 540px;
}

.movie-formats, .bullet-item	{
color: #000;
}

.movie-formats	{
font-size: 9px;
}

.resume-upload	{
float: right;
margin-top: -5px;
margin-right: 55px;
}

/* 
------------------------------------------------------
 Footer
------------------------------------------------------
*/

.footer	{
background: #666;
}

.footerlt	{
float: left;
padding: 15px 0 15px 20px;
width: 550px;
\width: 570px;
w\idth: 550px;
color: #bbb;
}

.footerlt a	{
color: #bbb;
text-decoration: none;
}

.footerlt a:hover	{
color: #fff;
text-decoration: none;
}

.footerrt	{
float: right;
padding: 15px 20px 15px 0;
width: 380px;
\width: 400px;
w\idth: 380px;
text-align: right;
color: #252525;
}

/* 
------------------------------------------------------
 Padding
------------------------------------------------------
*/

.subcontenthmpadding	{
padding: 0 0 0 10px;
}

/* 
------------------------------------------------------
 Nav
------------------------------------------------------
*/

.topnav	{
position: absolute;
top: 50px;
/* Position properly for IE */
*top: 48px;
left: 45px;
width: 800px;
color: #fff;
z-index: 15;
}

.topnav a,
#about-menu a,
#services-menu a,
#portfolio-menu a,
#news-menu a,
#careers-menu a	{
color: #fff;
text-decoration: none;
}

a:hover#aboutlink  {
color: rgb(175,98,39);
}

a:hover#serviceslink  {
color: rgb(167,132,98);
}

a:hover#portfoliolink  {
color: rgb(136,52,28);
}

a:hover#careerslink, a:hover#homelink  {
color: #243254;
}

a:hover#newslink  {
color: rgb(73,103,81);
}

a:hover#banklink  {
color: rgb(58,110,143);
}

a:hover#locationslink  {
color: rgb(0,83,155);
}

a:hover#contactlink  {
color: rgb(57,147,155);
}

.leftnav a	{
padding: 0 0 0 0px;
line-height: 20px;
color: #fff;
text-decoration: none;
}

.leftnav-menu	{
padding: 0 0 0 10px;
line-height: 20px;
color: #fff;
text-decoration: none;
background: url(../i/misc/navarrow.gif) no-repeat 0px 1px;
}

.leftnav-menu a	{
text-decoration: none;
}

.leftnav a:hover	{
color: #bbb;
text-decoration: none;
}

#about-menu a:hover,
#services-menu a:hover,
#portfolio-menu a:hover,
#news-menu a:hover,
#careers-menu a:hover	{
color: #bbb;
text-decoration: none;
}

#about-menu	{
position: absolute;
top: 70px;
left: 30px;
color: #fff;
padding: 10px 15px;
width: 120px;
\width: 150px;
w\idth: 120px;
visibility: hidden;
z-index: 99;
background: rgb(175,98,39);
}

#services-menu	{
position: absolute;
top: 70px;
left: 102px;
color: #fff;
padding: 10px 15px;
width: 120px;
\width: 150px;
w\idth: 120px;
visibility: hidden;
z-index: 99;
background: rgb(167,132,98);
}

#portfolio-menu	{
position: absolute;
top: 70px;
left: 170px;
color: #fff;
padding: 10px 15px;
width: 165px;
\width: 195px;
w\idth: 165px;
visibility: hidden;
z-index: 99;
background: rgb(136,52,28);
}

#news-menu	{
position: absolute;
top: 70px;
left: 353px;
color: #fff;
padding: 10px 15px;
width: 120px;
\width: 150px;
w\idth: 120px;
visibility: hidden;
z-index: 99;
background: rgb(73,103,81);
}

#careers-menu	{
position: absolute;
top: 70px;
left: 280px;
color: #fff;
padding: 10px 15px;
width: 120px;
\width: 150px;
w\idth: 120px;
visibility: hidden;
z-index: 99;
background: #243254;
}

.image-thumb	{
margin-bottom: 20px;
border: solid 1px #c0c0c0;
}

.full-listing	{
color: #88351d;
}

.full-listing img	{
border: solid 1px #c0c0c0;
margin-bottom: 10px;
}

/*
------------------------------------------------------
 Cover Pages of Thumbs
------------------------------------------------------
*/

.img-group-cover	{
margin-top: 40px;
}

.img-thumb	{
float: left;
width: 172px;
margin: 0 16px 0 0;
font-size: 10px;
font-weight: bold;
}

.img-thumb .caption	{
margin: 12px 0 23px 0;
line-height: 12px;
}

.fourth-img-item	{
margin-right: 0;
}

/*
------------------------------------------------------
 Clearing
------------------------------------------------------
*/

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {
display:inline-block;
}

.clear	{
clear: both;
margin: 0;
padding: 0;
height: 0;
font-size: 0;
line-height: 0;
}















