html {height: 101%;}
body {font-size: 14px; font-family: Arial, Helvetica, Sans-Serif; color: #333; width: 100%; text-align: center; background: url(../images/bg_footer.gif) repeat;}
h1 {text-transform: uppercase;}
h2 {margin: 10px 0 5px 0; font-size: 20px; text-transform: none;}
h3 {margin: 5px 0 0 0; font-size: 19px; text-transform: none;}
h4 {font-size: 15px;}
a {color: #222; font-weight: bold; text-decoration: none;}
a:hover {text-decoration: underline;}
img {border: 0;}

.leftIt {text-align: left;} /* left align */
.rightIt {text-align: right;} /* right align */
.centerIt {text-align: center;} /* center align */
.boldIt {font-weight: bold;}
.clearIt {clear: both; margin: 0; padding: 0;} /* used to clear floats near bottom of holder div */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* layout */ 
#header {width: 100%; background: #fff; height: 52px;}
    #headerInner {margin: 0 auto; width: 960px; padding: 20px 0 2px 0;}
        h1#logo {float: left; width: 390px; height: 30px; margin: 0;}
        h1#logo a {text-decoration: none;}
        #headerright {width: 200px; text-align: right; float: right; font-size: 14px; margin-top: 6px; line-height: 1;}
            #headerright span {}
            #headerright img {vertical-align: text-bottom;}
            #headerright a:hover {text-decoration: none; color: #8ED802;}

/* topnav menu */
#topnav {width: 100%; height: 57px; background: #fff url(../images/bg_nav2.png) top left;}
    #topnavinner {width: 100%; height: 57px; margin: 0 auto; background: url(../images/nav_arrow.png) top right no-repeat;}    
    #topnav ul {padding-top: 21px; width: 960px; margin: 0 auto;}
		#topnav ul li {margin: 0; padding: 0; float: left; height: 28px; display: inline; list-style: none;}
			#topnav ul li a {height: 28px; display: block; outline: none; text-indent: -9999px;}
			#topnav ul li a:hover {background-position: 0 -28px !important;}
	
			#topnav ul #home a {background: url(../images/nav/home.png) no-repeat 0 0; width: 103px;}
			#topnav ul #whoweare a {background: url(../images/nav/who.png) no-repeat 0 0; width: 150px;}
			#topnav ul #ourservices a {background: url(../images/nav/services.png) no-repeat 0 0; width: 157px;}
			#topnav ul #joinourteam a {background: url(../images/nav/team.png) no-repeat 0 0; width: 169px;}
			#topnav ul #contactus a {background: url(../images/nav/contact.png) no-repeat 0 0; width: 148px;}
			
			.home #topnav ul #home a {background-position: 0 -28px;}
			.home #topnav ul #home a:hover {background-position: 0 -56px !important;}
	    	.whoweare #topnav ul #whoweare a {background-position: 0 -28px;}
			.whoweare #topnav ul #whoweare a:hover {background-position: 0 -56px !important;}
	    	.ourservices #topnav ul #ourservices a {background-position: 0 -28px;}
			.ourservices #topnav ul #ourservices a:hover {background-position: 0 -56px !important;}
	    	.joinourteam #topnav ul #joinourteam a {background-position: 0 -28px;}
			.joinourteam #topnav ul #joinourteam a:hover {background-position: 0 -56px !important;}
	    	.contactus #topnav ul #contactus a {background-position: 0 -28px;}
			.contactus #topnav ul #contactus a:hover {background-position: 0 -56px !important;}
	    	


#container {width: 100%; text-align: center; border-bottom: solid 5px #999; background: #eaeaea url(../images/bg_maintop.gif) repeat-x;}    
    #titleheader {height: 62px; background: url(../images/bg_titleheader.png); margin: 0 auto; width: 960px; padding: 0; border-bottom: solid 5px #8ED802;}
        #titleheader h1 {float: left; margin: 17px 0 10px 15px;}
        #titleheader #titleright {float: right; margin: 23px 15px 15px 0;}
    #main {clear: both; width: 930px; min-height: 400px; margin: 0 auto; padding: 10px 15px 25px 15px; background: #f7f7f7; text-align: left;}
        #main p {line-height: 1.3; margin: 10px 0; font-size: 15px;}  
        #main .contentright {width: 270px; float: right; border-left: solid 1px #ccc; padding: 2px 20px 10px 20px; margin: 20px 0 10px 20px;}
            #main .contentright p {margin: 2px 0 10px 0; line-height: 1.35; font-size: 13px;}
        #main .photoright {background: #aaa; float: right; /*border: solid 1px #8ED802;*/ padding: 5px; margin: 5px 0 10px 20px;}
            #main .photoright img {}
        #main .photorightB {background: #aaa; padding: 5px; margin: 5px 0 10px 20px;}
            
    #sectionlinks {text-align: right; padding: 13px 15px 15px 0;} 
        #sectionlinks a {font-size: 12px; padding: 0 3px;}       
        #sectionlinks a.selected {}       
#footer {width: 960px; min-height: 180px; margin: 0 auto; padding: 15px 0; background: url(../images/bg_footerinner.gif) repeat; color: #fff;}
    .footercol {float: left; width: 305px; padding: 0 0 0 15px; display: inline; text-align: left;}
        .footercol h3 {font-size: 17px; margin: 0 0 3px 0;}
        .footercol li a {color: #fff; font-size: 13px; line-height: 1.5; font-weight: normal;}
        .footercol li a:hover {text-decoration: underline; }
    #footercopy {clear: both; width: 930px; padding: 30px 15px 40px 15px; text-align: left;}
        #footercopy p {float: left; width: 300px; padding: 30px 0 10px 0;}
        .footericon {float: right;}
    
/* style */
abbr {border-bottom: dotted 1px #bbb;}
ul.simplelist, ul.contentlist {margin-left: 20px; list-style-image: url(../images/bullet_arrow.png);}
ul.contentlist2, ul.contentlist3 {margin-left: 20px; list-style: square;}

ul.partnerlist {margin: 0; list-style: none;}

ul.simplelist li {margin: 8px 0 6px 0; text-transform: uppercase; font-size: 16px;}
ul.contentlist li, ul.contentlist2 li, ul.contentlist3 li {margin: 5px 0 5px 0; font-size: 15px;}

ul.partnerlist li {margin: 5px 0 10px 0; font-size: 13px; display: inline; float: left; width: 310px;}
ul.partnerlist h3 {font-size: 15px; text-transform: none; margin-bottom: 0;}

ul.contentlist3 li {font-size: 85%;}

ol.simplelist {margin: 0; padding: 0;}
ol.simplelist li {margin: 10px 0;}

.iconlogo {float: left; margin: 0 10px 0 0; border: solid 2px #999; background: #fff; padding: 2px;}

#main .teamitem p {margin: 3px 0 12px 53px; font-size: 13px; width: 540px;}
#main .teamitem p a {text-decoration: none; font-weight: normal;}
#main .teamitem p a:hover {text-decoration: underline;}

/* tables */
.jobpostings .hdrrow td {font-weight: bold; padding: 5px 0; border-top: solid 1px #999; font-size: 110%;}
.jobpostings {padding: 5px;}

LEGEND {font-weight: bold;}

/* titles */
.swap {text-indent: -2000em; z-index: 1000; background-repeat: no-repeat;}    
#titleoverview {height: 22px; width: 407px; margin: 5px 0 10px 0; background-image: url(../images/titles/overview.png);}    
#titlewhoweare {height: 38px; width: 407px; margin: 5px 0 10px 0; background-image: url(../images/titles/whoweare.png);}    
    #titleourteam {height: 22px; width: 407px; margin: 5px 0 10px 0; background-image: url(../images/titles/ourteam.png);}    
        #titleourpartners {height: 22px; width: 407px; margin: 5px 0 10px 0; background-image: url(../images/titles/ourpartners.gif);}    
    #titleourpromise {height: 22px; margin: 5px 0 10px 0; background-image: url(../images/titles/promise.png);}    
    #titleourprocess {height: 22px; width: 407px; margin: 5px 0 10px 0; background-image: url(../images/titles/process.png);}    
#titlewhatwedo {height: 38px; width: 407px; margin: 5px 0 10px 0; background-image: url(../images/titles/whatwedo.png);}    
    #titlerecruitment {height: 22px; width: 307px; margin: 5px 0 10px 0; background-image: url(../images/titles/recruitment.png);}    
    #titlemanagement {height: 22px; width: 307px; margin: 5px 0 10px 0; background-image: url(../images/titles/management.png);}    
#titleourservices {height: 38px; width: 300px; margin: 5px 0 10px 0; background-image: url(../images/titles/ourservices.png);}    
    #titlecore {height: 22px; width: 590px; margin: 20px 0 10px 0; background-image: url(../images/titles/core.png);}       
    #titlesupportservices {height: 22px; width: 590px; margin: 5px 0 10px 0; background-image: url(../images/titles/supportservices.gif);}       
    #titlecomplimentary {height: 22px; width: 590px; margin: 5px 0 10px 0; background-image: url(../images/titles/complimentary.png);}       
    #titlesalesandmerchandising {height: 22px; width: 590px; margin: 5px 0 10px 0; background-image: url(../images/titles/salesandmerchandising.png);}       
    #titleexperientialmarketing {height: 22px; width: 390px; margin: 5px 0 10px 0; background-image: url(../images/titles/experientialmarketing.png);}       
    #titleworkforceautomation {height: 22px; width: 590px; margin: 5px 0 10px 0; background-image: url(../images/titles/workforceautomation.png);}       
#titlejoinourteam {height: 38px; width: 453px; margin: 5px 0 10px 0; background-image: url(../images/titles/joinourteam.png);}    
#titlecontactus {height: 38px; width: 366px; margin: 5px 0 10px 0; background-image: url(../images/titles/contactus.png);}    
    #titlebm {height: 22px; width: 300px; margin: 15px 0 10px 0; background-image: url(../images/titles/brandmomentum.png);}    
#titleprivacypolicy {height: 38px; width: 366px; margin: 5px 0 10px 0; background-image: url(../images/titles/privacypolicy.png);}    
#titlesecurelogin {height: 38px; width: 366px; margin: 5px 0 10px 0; background-image: url(../images/titles/securelogin.png);}    
#titlesitemap {height: 38px; width: 366px; margin: 5px 0 10px 0; background-image: url(../images/titles/sitemap.png);}