@charset "UTF-8";
/* CSS Document */

body {
	background: #1a1a1a url(../images/marketing-that-sticks.gif) no-repeat center 149px;
	font-family: verdana, arial, helvetica, sans-serif;
	margin-top: 0px;
	}
	
body.popUp {
	background: #1a1a1a;
	background-image: none;
	}

#container {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 20px;
	width: 981px;
	}
	
.corporateContainer{
	background: url(../images/corporate/corporate_background.gif) repeat-y #1a1a1a;
	}
	
.customContainer{
	background: url(../images/custom/custom_background.gif) repeat-y #1a1a1a;
	}
	
.publicationsContainer{
	background: url(../images/publications/publications_background.gif) repeat-y #1a1a1a;
	}
	
.webContainer{
	background: url(../images/web/web_background.gif) repeat-y #1a1a1a;
	}
	
.bookletsContainer{
	background: url(../images/booklets/booklets_background.gif) repeat-y #1a1a1a;
	}
	
/*************************************
banner and navigation area styles
*************************************/

#primaryNav {
	float: left;
	width: 53px;
	padding: 139px 0px 0px 0px;
	background-color: #1a1a1a;
	}
	
#primaryNav ul, #primaryNav li{
	list-style: none;
	padding: 0px;
	margin: 0px;
	}

#banner {
	float: left;
	padding: 0px;
	margin: 0px;
	height: 199px;
	width: 928px;
	}
	
#popUpBanner {
	padding: 0 30px 0 0;
	}
	
.corporateBanner {
	background: url(../images/corporate/corporate_header.gif) no-repeat;
	}
	
.customBanner {
	background: url(../images/custom/custom_header.gif) no-repeat;
	}
	
.publicationsBanner {
	background: url(../images/publications/publications_header.gif) no-repeat;
	}
	
.webBanner {
	background: url(../images/web/web_header.gif) no-repeat;
	}
	
.bookletsBanner {
	background: url(../images/booklets/booklets_header.gif) no-repeat;
	}

#branding {
	width: 650px;
	padding: 0px 0px 0px 0px;
	}

.logo {
	padding: 40px 0px 40px 40px;
	float: left;
	}
	
.logoPrint {
	display: none;
	}
	
body.popUp .logo {
	padding: 40px 0 0 40px;
	}

#search {
	float: right;
	padding: 50px 25px 0px 40px;
	}

#quickNav {
	width: 208px;
	float: right;
	padding: 15px 15px 0px 0px;
	position: relative;
	}

#quote {
	float: right;
	width: 210px;
	height: 125px;
	margin: 15px 20px 0 10px;
	padding: 0 0 0 30px;
	background-image: url(../images/quotes.gif);
	background-repeat: no-repeat;
	}
	
* html #quote {
    /*\width: 140px;  for IE5 and IE6 in quirks mode */
    w\idth: 190px; /* for IE6 in standards mode */
  } 

#secondaryNav{
	float: left;
	width: 630px;
	margin: 9px 0px 0px 26px;
	clear: left;
	}
	
/*************************************
content area styles
*************************************/

#contentContainer{
	float: left;
	margin: 20px 0px 20px 37px;
	width: 891px;
	}

#contentTopBackground {
	background: url(../images/content_header.gif) no-repeat;
	width: 891px;
	height: 28px;
	}

#contentHeader {
	background: url(../images/content_headerBackground.gif) repeat-y;
	padding: 0px 30px 0px 30px;
	}

#content{
	background: url(../images/content_background.gif) repeat-y;
	width: auto;
	min-height: 550px;
	}
	
#contentSingleBackground {
	background: url(../images/content_backgroundSingle.gif) repeat-y;
	width: auto;
	min-height: 550px;
	}

#contentPopUpBackground {
	background: url(../images/content_backgroundSingle.gif) repeat-y;
	width: auto;
	}
	
#contentBottomBackground{
	background: url(../images/content_footer.gif) no-repeat;
	clear: both;
	width: 891px;
	height: 28px;
	}

#contentColOne {
	float: left;
	width: 556px;
	padding: 0px 30px 0px 30px;
	}
	
#contentSingle {
	float: left;
	padding: 0px 30px 0px 30px;
	width: 831px;
	}

#contentColTwo {
	float: right;
	width: 215px;
	padding: 0px 30px 0px 30px;
	}
	
.shim {
	clear: both;
	}
	
.contentImg {
	float: right;
	clear: right;
	padding: 15px 0 20px 20px;
	}
	
.contentImgSpecial {
	float: right;
	padding: 0 0 20px 20px;
	margin-top: -10px;
	}
	
.actionCall {
	float: right;
	padding-left: 30px;
	}
	
.actionArrowL {
	margin: 0 0 -3px 0;
	padding: 0;
	}

.actionArrowR {
	margin: 0 0 -5px 5px;
	padding: 0;
	}

ul {
	padding: 0 0 0 15px;
	list-style: square;
	}
	
#contentColTwo ul {
	padding: 0;
	list-style: none;
	}
	
/* defines styles specific to beforeAfter pages */
	
.clientDropDown {
	float: right;
	margin-top: -20px;
	}
	
.buttons {
	clear: both;
	padding-top: 15px;
	}
	
#beforeImgs {
	float: left;
	width: 225px;
	clear: both;
	}
	
#beforeImgs h5 {
	padding: 0 0 10px 0;
	}

.beforeImg {
	width: 223px;
	border: 2px solid #666666;
	}
	
#afterImgs {
	float: right;
	width: 577px;
	}

#afterImgs h5 {
	padding: 0 0 10px 0;
	}

.afterImg {
	width: 575px;
	border: 2px solid #666666;
	}
	
.clientDropDownIndex {
	width: 835px;
	height: 599px;
	margin: -30px 0 0 0;
	float: left;
	background: url(../beforeafter/after/img-after.jpg) no-repeat right;
	}
	
.clientDropDownIndex .clientDropDown {
	float: left;
	margin-top: 40px;
	}
	
.clientDropDownIndex .actionCall {
	float: left;
	clear: left;
	padding: 10px 0 0 0;
	}

/*************************************
table styles
*************************************/

.contentTable {
	border-top: 2px solid #666666;
	border-left: 0;
	background: #ffffff;
	margin: 0 15px 15px 0;
	}
	
	.contentTable p {
		padding: 3px 0 3px 0;
		margin: 0px;
		}
		
	.contentTable li {
		list-style: none;
		}
	
.contentTableColumn {
	padding: 3px 8px 3px 8px;
	background-color: #f6f5f4;
	border-bottom: 1px solid #666666;
	}
	
	.contentTableRow {
		padding: 3px 15px 3px 15px;
		background: #ffffff;
		border-bottom: 2px solid #666666;
		border-right: 0;
		}
		
	.contentTableRowAlternating {
		padding: 3px 15px 3px 15px;
		background: #f6f5f4;
		border-bottom: 2px solid #666666;
		border-right: 0;
		}
	
/*************************************
Begin footer specific styles
*************************************/

#footer {
	clear: both; /* serves as footer hack to pull parent div down */
	margin: 15px 0 0 0;
	width: auto;
 	padding: 20px 30px 15px 90px;
	height: 33px;
	}
	
body.popUp #footer {
	color: #ffffff;
	clear: both; /* serves as footer hack to pull parent div down */
	margin: 15px 0 15px 0;
	width: auto;
 	padding: 0px 60px 0px 50px;
	}
	
.corporateFooter {
	background: #1a1a1a url(../images/corporate/corporate_footer.gif) no-repeat;
	}
	
.customFooter {
	background: #1a1a1a url(../images/custom/custom_footer.gif) no-repeat;
	}
	
.publicationsFooter {
	background: #1a1a1a url(../images/publications/publications_footer.gif) no-repeat;
	}
	
.webFooter {
	background: #1a1a1a url(../images/web/web_footer.gif) no-repeat;
	}
	
.bookletsFooter {
	background: #1a1a1a url(../images/booklets/booklets_footer.gif) no-repeat;
	}
	
#copyrightContainer {
	float: left;
	}
		
#linksContainer {
	clear: left;
	}
	
#copyrightDate {
	}
	
/*************************************
Begin SiteMap specific styles
*************************************/
#siteMapColumnOne {
	width: 385px;
	float: left;
	margin: 0 30px 0 30px;
	}
	
#siteMapColumnTwo {
	width: 385px;
	float: left;
	}
	
/*************************************
Begin Index specific styles
*************************************/
	
#slider {
	float: left;
	width: 584px;
	padding-bottom: 25px;
	border-bottom: 2px solid #666666;
	margin-bottom: 25px;
	}

#rightContentColumn {
	float: right;
	width: 279px;
	}
	
#blog {
	padding: 0;
	margin: 0;
	}
	
#blogPromo {
	background: #1a1a1a;
	background-image: url(../images/index/blogPromoBackground.gif);
	background-repeat: repeat-y;
	}
	
.blogPromoArrowTest {
	float: left;
	padding: 10px 0 0 20px;
	}
	
#blogPromoDescription {
	width: 279px;
	}
	
#blogPromoText {
	width: 215px;
	padding: 0 0 0 20px;
	float: left;
	}
	
.blogPromoArrow {
	float: left;
	padding: 10px 0 0 0;
	}
	
#blogListing {
	background: #1a1a1a;
	background-image: url(../images/index/blogBackground.gif);
	background-repeat: repeat-y;
	clear: both;
	padding: 0;
	margin: 0;
	}
	
#blogListing ul {
	list-style: none;
	margin-left: 0;
	padding-left: 20px;
	padding-right: 20px;
	}
	
#blogListing li {
	margin-left: 0;
	padding-left:0;
	}
	
li.RecentBlogPosts5 {
	display: none;
	}

#leftContentColumn {
	float: left;
	width: 277px;
	}
	
#happening {
	margin: 30px 0 0px 0;
	padding: 0;
	width: 277px;
	}
	
	#happeningHeader {
		float: left;
		width: 237px;
		height: 38px;
		padding: 0 20px 0 20px;
		margin: 0px;
		background-image: url(../images/index/happeningTop.gif);
		}
	
	#happeningContent {
		float: left;
		width: 237px;
		padding: 0 20px 0 20px;
		margin: 0px;
		background-image: url(../images/index/happeningBackground.gif);
		background-repeat:repeat-y;
		}
		
		#happeningContent p {
			margin: 0px;
			} 
			
	
	#happening ul{
		list-style: none;
		padding: 0;
		margin: 0;
		}
	
	#happening li{
		padding: 5px 0;
		}

#centerContentColumn {
	float: left;
	width: 277px;
	margin-left: 30px;
	}
	
.promo {
	padding: 0 0 20px 0;
	}
	
#centerContentColumn h5 {
	padding: 0 0 0 0;
	}
	
#centerContentColumn ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	}
	
.imgL {
	float: left;
	padding: 0;
	margin: 0;
	}
	
.imgR {
	float: right;
	padding: 0;
	margin: 0;
	}
	
.imgTop {
	padding: 0;
	margin: 0;
	}
	
imgBottom {
	padding: 0;
	margin: 0;
	}