﻿body {
    margin:0;
    padding:0;
    background:#000 /*url(imgs/bodyImg-bg_grey.jpg) repeat-x 0 0*/;
    font-family:'Allerta', Arial, Helvetica;
}
.whitestoneLogo {
	background:url(imgs/whitestoneLogo.jpg) no-repeat 0 25px;
	width:240px;
	height:96px;
	cursor:pointer;
}
.headerArea {
	background:#f4f4f4;
	width:100%;
	height:77px;
}
.centered-container { 
    margin: 0 auto;
    padding: 0;
    width: 972px;
 }
 .content-container { 
    margin: 0 auto;
    padding: 20px 0 0 0;
    width: 100%;
    background: #FFF;
 }
 
 /* DEFAULT TAGS
==============================================*/
h1 {
    font-size: 24px;
    color: #1d1d1d;
    margin: 10px 0 10px 0;
}
h2 {
    font-size: 24px;
    color: #1d1d1d;
    margin: 10px 0 10px 0;
}
h3 {
    font-size: 16px;
    margin: 0 0 7px 0;
}
h4 {
    font-size: 14px;
    margin: 0 0 5px 0;
}

.centerTxt { text-align: center; }

.justifyTxt { text-align:justify; }

.wht { color: #ffffff; }
.dirtWht { color: #c3c2c2; }
.drkBlue { color: #0a5ec9; }

a.defaultLinks {
	color: #0a5ec9;
	text-decoration:underline;
}

a.defaultLinks:hover {
	color: #0a5ec9;
	text-decoration:none;
}

.weGetit-Ico {
	background:url(imgs/weGet-ico.jpg) no-repeat center 0;
	width:100%;
	height:69px;
}
.weLiveit-Ico {
	background:url(imgs/weLive-ico.jpg) no-repeat center 0;
	width:100%;
	height:69px;
}
.weDeliverit-Ico {
	background:url(imgs/weDeliver-ico.jpg) no-repeat center 0;
	width:100%;
	height:69px;
}
.talkTous-Ico {
	background:url(imgs/talkTo-ico.jpg) no-repeat center 0;
	width:100%;
	height:69px;
}

.left { float:left; }
.right { float:right; }
.clear {clear:both; }

/* NAV
============================================*/
#nav-container {
    padding:42px 0 0 0;
    height:35px;
    float:left;
}
#nav-container span { display: block; }

.nav-item {
    margin:0 20px 0 20px;
    padding:5px 10px;
	float:left;
	cursor:pointer;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	border:2px solid #f4f4f4;
}
.nav-item:hover { 
	background:#0a5ec9; 
	border:2px solid #c6c6c6;
	color:#f4f4f4;
}

/* SLIDE CONTROL
============================================*/
.maincycle {
    width:100%;
    height:366px;
    overflow:hidden;
    /*position:relative;
	float:left;*/
    z-index:2; 
}
.maincycle .cycle {
    width:100%;
    height:366px;
    overflow:hidden;
    z-index:4;
	/*float:left;*/
}
.maincycle .cycle .each {
    color:#f9f1e0;
    text-decoration:none;
    width:972px;
    height:368px;
}
.maincycle .cycle .each img {
    /*position:absolute;*/
    z-index:3;
}
.maincycle .cycle .each .emleft {
    position:absolute;
    z-index:4;
    font-weight:bold;
    color:#8e3a1b;
    left:18px;
    top:235px;
    font-size:13px;
    line-height:19px;
    width:972px;
}
.maincycle .cycle .each .emright {
    position:absolute;
    z-index:4;
    font-weight:bold;
    color:#8e3a1b;
    left:700px;
    top:235px;
    font-size:13px;
    line-height:19px;
    width:800px;
}
.maincycle .pager {
    width:400px;
    height:19px;
    position:absolute;
    right:40px;
    z-index:5;
    bottom:17px;
}
.maincycle .pager a {
    width:18px;
    height:19px;
    display:block;
    background-image:url(../imgs/pagerdot.png);
    float:right;
    margin:0 0 0 5px;
}
.maincycle .pager a:hover,
.maincycle .pager a.selected {
    background-position:right bottom;
}

/* SLIDE IMAGES
============================================*/
.slideBg-grey {
	background:url(imgs/slideBg-grey.jpg) repeat-y center 0;
	width:100%;
	height:366px;
	float:left;
}
.slideBg-boxes {
	background:url(imgs/slideBg-boxes.jpg) repeat-x 0 0;
	width:100%;
	height:366px;
	float:left;
}
.slideBg-black {
	background:#000;
	width:100%;
	height:366px;
	float:left;
}

.slide-balloon {
	background:url(imgs/slideImg-balloon.jpg) no-repeat 0 0;
	width:972px;
	height:366px;
}

.slide-dog {
	background:url(imgs/slideImg-dog.jpg) no-repeat 0 0;
	width:972px;
	height:366px;
}

.slide-tattoo {
	background:url(imgs/slideImg-tattoo.jpg) no-repeat 0 0;
	width:972px;
	height:366px;
}

.slide-ski {
	background:url(imgs/slideImg-ski.jpg) no-repeat 0 0;
	width:972px;
	height:366px;
}

.slide-guitar {
	background:url(imgs/slideImg-guitar.jpg) no-repeat 0 0;
	width:972px;
	height:366px;
}
.slide-fighter {
	background:url(imgs/slideImg-fighter.jpg) no-repeat 0 0;
	width:972px;
	height:366px;
}
.slide-faces {
	background:url(imgs/slideImg-faces.jpg) no-repeat 0 0;
	width:972px;
	height:366px;
}

/* COLUMNS
============================================*/
.col-1wide {
	width: 100%;
	padding: 0 20px 0 20px;
	font-size: 14px;
	line-height: 1.4em;
}
.col-2wide {
	width: 439px;
	padding: 0 20px 0 20px;
	font-size: 14px;
	line-height: 1.4em;
}
.col-3wide {
	width: 282px;
	padding: 20px;
	font-size: 14px;
	line-height: 1.4em;
}
.col-4wide {
	width: 230px;
	padding: 0 20px 0 20px;
	font-size: 13px;
	line-height: 1.4em;
}
.col-4wide ul {
    margin: 0 0 10px 28px;
    padding: 0;
}
.col-4wide li {
    color: #323332;
    line-height: 1.3em;
}
.col-4wide a { 
    color: #0a5ec9;
    text-decoration: none;
}
.col-4wide a:hover { 
    color: #acacac;
    text-decoration: none;
}
/**/
.col-sitemap {
	width: 560px;
	padding: 25px 20px 0 0;
	font-size: 12px;
	line-height: 2em;
}
.col-sitemap a {
    color: #dbdbdb;
    text-decoration: none;
}
.col-sitemap a:hover {
    color: #007cc2;
    text-decoration: none;
}
.col-sitemap span {
    padding: 0 10px;
}
/**/
.copyright {
	font-size: 9px;
	color: #9a9a9a;
	line-height: 1.4em;
	text-align:right;
}

.col-ftr_social {
    width: 143px;
    padding: 25px 20px 0 20px;
    font-size: 12px;
    line-height: 2em;
}
.col-ftr_social a {
    color: #dbdbdb;
    text-decoration: none;
}
.col-ftr_social a:hover {
    color: #007cc2;
    text-decoration: none;
}


/* FOOTER
=============================================*/
.footer-container {
	background: url(imgs/footerImg-bg.jpg) repeat-x center -20px;
	width: 100%;
}

.vertLine {
    background: url(imgs/vertLine.png) no-repeat 0 0;
    width: 2px;
    height: 192px;
    float: left;
}

.vertLine-grey {
    background: url(imgs/vertLine.png) no-repeat 3px 0;
    width: 14px;
    height: 192px;
}

.vertLine-long {
    background: url(imgs/vertLine-long.png) no-repeat 3px 0;
    width: 14px;
    height: 384px;
}

.horzLine-long {
    background: url(imgs/horzLine-long.png) no-repeat center 22px;
    height: 24px;
    width: 972px;
}

.emailLink a{
    color: #007cc2;
    text-decoration: none;
}
.emailLink a:hover {
    color: #dbdbdb;
    text-decoration: none;
}

.social-twitter {
    background: url(imgs/socialIcons.gif) no-repeat 0 3px;
    padding: 0 0 0 15px;
}

.social-facebook {
    background: url(imgs/socialIcons.gif) no-repeat 0 -9px;
    padding: 0 0 0 15px;
}

.social-linkedin {
    background: url(imgs/socialIcons.gif) no-repeat 0 -22px;
    padding: 0 0 0 15px;
}

.social-blog {
    background: url(imgs/socialIcons.gif) no-repeat 0 -33px;
    padding: 0 0 0 15px;
}


/* FOOTER PARTNER LOGOS 
==============================================*/
#partner-container1 {
	width: 100%;
	padding: 5px 0 10px 0;
	float:left;
	clear:both;
}
#partner-container2 {
	width: 100%;
	padding: 5px 0 25px 0;
	float:left;
	clear:both;
}

.partnerLogo-DMA {
	background:url(imgs/partnerLogo-DMA.png) no-repeat 0 0;
	width:70px;
	height:33px;
	float:left;
	margin:0 20px 0 0;
}
.partnerLogo-DMA:hover {
	background:url(imgs/partnerLogo-DMA.png) no-repeat 0 -33px;
	width:70px;
	height:33px;
	float:left;
	margin:0 20px 0 0;
}

.partnerLogo-PIAG {
	background:url(imgs/partnerLogo-PIAG.png) no-repeat 0 0;
	width:72px;
	height:33px;
	float:left;
	margin:0 20px 0 0;
}
.partnerLogo-PIAG:hover {
	background:url(imgs/partnerLogo-PIAG.png) no-repeat 0 -33px;
	width:72px;
	height:33px;
	float:left;
	margin:0 20px 0 0;
}

.partnerLogo-CBA {
	background:url(imgs/partnerLogo-CBA.png) no-repeat 0 0;
	width:84px;
	height:33px;
	float:left;
	margin:0 0 0 0;
}
.partnerLogo-CBA:hover {
	background:url(imgs/partnerLogo-CBA.png) no-repeat 0 -33px;
	width:84px;
	height:33px;
	float:left;
	margin:0 0 0 0;
}

.partnerLogo-iMarketing {
	background:url(imgs/partnerLogo-iMarketing.png) no-repeat center 0;
	width:121px;
	height:33px;
	float:left;
	margin:0 0 0 0;
}
.partnerLogo-iMarketing:hover {
	background:url(imgs/partnerLogo-iMarketing.png) no-repeat center -33px;
	width:121px;
	height:33px;
	float:left;
	margin:0 0 0 0;
}

.partnerLogo-ACXIOM {
	background:url(imgs/partnerLogo-ACXIOM.png) no-repeat center 0;
	width:121px;
	height:34px;
	float:left;
	margin:0 0 0 0;
}
.partnerLogo-ACXIOM:hover {
	background:url(imgs/partnerLogo-ACXIOM.png) no-repeat center -34px;
	width:121px;
	height:34px;
	float:left;
	margin:0 0 0 0;
}


/* OUR WORK LOGOS 
==============================================*/

/* NONPROFIT AND GOVERNMENT */
.clientLogo-Habitat {
	background:url(imgs/clientlogo-Habitat.jpg) no-repeat center 0;	
	width:106px;
	height:116px;
}
.clientLogo-Care {
	background:url(imgs/clientlogo-Care.jpg) no-repeat center 0;	
	width:106px;
	height:116px;
}
.clientLogo-Chris {
	background:url(imgs/clientlogo-Chris.jpg) no-repeat center 0;	
	width:106px;
	height:116px;
}
.clientLogo-GCSS {
	background:url(imgs/clientlogo-GCSS.jpg) no-repeat center 0;	
	width:106px;
	height:116px;
}
.clientLogo-GPB {
	background:url(imgs/clientlogo-GPB.jpg) no-repeat center 0;	
	width:106px;
	height:116px;
}
.clientLogo-JCC {
	background:url(imgs/clientlogo-JCC.jpg) no-repeat center 0;	
	width:106px;
	height:116px;
}
.clientLogo-YWCA {
	background:url(imgs/clientlogo-YWCA.jpg) no-repeat center 0;	
	width:106px;
	height:116px;
}
.clientLogo-Mutombo {
	background:url(imgs/clientlogo-Mutombo.jpg) no-repeat center 0;	
	width:106px;
	height:116px;
}
.clientLogo-JohnCampbell {
	background:url(imgs/clientlogo-JohnCampbell.jpg) no-repeat center 0;	
	width:106px;
	height:116px;
}
.clientLogo-GAFamily {
	background:url(imgs/clientlogo-GAFamily.jpg) no-repeat center 0;	
	width:106px;
	height:115px;
}
.clientLogo-StJudes {
	background:url(imgs/clientlogo-StJudes.jpg) no-repeat center 0;	
	width:106px;
	height:115px;
}
.clientLogo-DMAAtl {
	background:url(imgs/clientlogo-DMAAtl.jpg) no-repeat center 0;	
	width:106px;
	height:115px;
}
.clientLogo-iMarketing {
	background:url(imgs/clientlogo-iMarketing.jpg) no-repeat center 0;	
	width:106px;
	height:115px;
}
.clientLogo-Dekalb {
	background:url(imgs/clientlogo-Dekalb.jpg) no-repeat center 0;	
	width:106px;
	height:115px;
}
.clientLogo-Fulton {
	background:url(imgs/clientlogo-Fulton.jpg) no-repeat center 0;	
	width:106px;
	height:115px;
}
.clientLogo-Atlanta {
	background:url(imgs/clientlogo-Atlanta.jpg) no-repeat center 0;	
	width:106px;
	height:115px;
}

/* RESTAURANTS */
.clientLogo-HBH {
	background:url(imgs/clientlogo-HBH.jpg) no-repeat center 0;	
	width:106px;
	height:115px;
}
.clientLogo-Waffle {
	background:url(imgs/clientlogo-Waffle.jpg) no-repeat center 0;	
	width:106px;
	height:115px;
}
.clientLogo-Arbys {
	background:url(imgs/clientlogo-Arbys.jpg) no-repeat center 0;	
	width:106px;
	height:115px;
}
.clientLogo-HuddleHouse {
	background:url(imgs/clientlogo-HuddleHouse.jpg) no-repeat center 0;	
	width:106px;
	height:115px;
}


/* RETAIL */
.clientLogo-Party {
	background:url(imgs/clientlogo-Party.jpg) no-repeat center 0;	
	width:106px;
	height:115px;
}
.clientLogo-Sigvaris {
	background:url(imgs/clientlogo-Sigvaris.jpg) no-repeat center 0;	
	width:106px;
	height:115px;
}
.clientLogo-Smiths {
	background:url(imgs/clientlogo-Smiths.jpg) no-repeat center 0;	
	width:106px;
	height:115px;
}
.clientLogo-FedEx {
	background:url(imgs/clientlogo-FedEx.jpg) no-repeat center 0;	
	width:106px;
	height:115px;
}
.clientLogo-RBM {
	background:url(imgs/clientlogo-RBM.jpg) no-repeat center 0;	
	width:106px;
	height:115px;
}
.clientLogo-Ballard {
	background:url(imgs/clientlogo-Ballard.jpg) no-repeat center 0;	
	width:106px;
	height:115px;
}
.clientLogo-Acuity {
	background:url(imgs/clientlogo-Acuity.jpg) no-repeat 0 0;	
	width:106px;
	height:115px;
}
.clientLogo-Coke {
	background:url(imgs/clientlogo-Coke.jpg) no-repeat 0 0;	
	width:106px;
	height:115px;
}
.clientLogo-Harley {
	background:url(imgs/clientlogo-Harley.jpg) no-repeat 0 0;	
	width:106px;
	height:115px;
}
.clientLogo-Mitsubishi {
	background:url(imgs/clientlogo-Mitsubishi.jpg) no-repeat 0 0;	
	width:106px;
	height:115px;
}
.clientLogo-Shaw {
	background:url(imgs/clientlogo-Shaw.jpg) no-repeat 0 0;	
	width:106px;
	height:115px;
}
.clientLogo-JDL {
	background:url(imgs/clientlogo-JDL.jpg) no-repeat 0 0;	
	width:106px;
	height:115px;
}



/* SERVICE COMPANIES */
.clientLogo-DNV {
	background:url(imgs/clientlogo-DNV.jpg) no-repeat center 0;	
	width:106px;
	height:115px;
}
.clientLogo-Devry {
	background:url(imgs/clientlogo-Devry.jpg) no-repeat center 0;	
	width:106px;
	height:115px;
}
.clientLogo-ADI {
	background:url(imgs/clientlogo-ADI.jpg) no-repeat center 0;	
	width:106px;
	height:115px;
}
.clientLogo-BeneScript {
	background:url(imgs/clientlogo-BeneScript.jpg) no-repeat center 0;	
	width:106px;
	height:115px;
}
.clientLogo-ProcareRX {
	background:url(imgs/clientlogo-ProcareRX.jpg) no-repeat center 0;
	width:106px;
	height:115px;
}
.clientLogo-Fleetcor {
	background:url(imgs/clientlogo-Fleetcor.jpg) no-repeat center 0;
	width:106px;
	height:115px;
}
.clientLogo-Kleber {
	background:url(imgs/clientlogo-Kleber.jpg) no-repeat center 0;
	width:106px;
	height:115px;
}
.clientLogo-Smart {
	background:url(imgs/clientlogo-Smart.jpg) no-repeat center 0;
	width:106px;
	height:115px;
}
.clientLogo-GCB {
	background:url(imgs/clientlogo-GCB.jpg) no-repeat center 0;
	width:106px;
	height:115px;
}
.clientLogo-Harris {
	background:url(imgs/clientlogo-Harris.jpg) no-repeat center 0;
	width:106px;
	height:115px;
}
.clientLogo-Dove {
	background:url(imgs/clientlogo-Dove.jpg) no-repeat center 0;
	width:106px;
	height:115px;
}
.clientLogo-2020 {
	background:url(imgs/clientlogo-2020.jpg) no-repeat center 0;
	width:106px;
	height:115px;
}
.clientLogo-Reynolds {
	background:url(imgs/clientlogo-Reynolds.jpg) no-repeat center 0;
	width:106px;
	height:115px;
}
.clientLogo-OTR {
	background:url(imgs/clientlogo-OTR.jpg) no-repeat center 0;
	width:106px;
	height:115px;
}


/* FORM ITEMS
==============================================*/
.frm-label {
	padding: 0 12px 0 0;
	white-space: nowrap;
}

.frm-singleLine {
	width: 225px;
	border: #CCC solid 1px;
	font-size: 12px;
	padding: 4px;
	margin: 0 0 6px 0;
	font-family: 'Arimo', Arial, Helvetica, sans-serif;
}

.frm-chkContainer {
	padding: 1px 0 6px 0;
}	

.frm-button {
	background: #CCC; 
	border: #999 solid 1px;
	font-size: 12px;
	padding: 2px 10px;
	margin: 0 0 0 8px; 
}

.frm-button:hover {
	background: #0a5ec9;
	color: #ffffff;
}

