/* Start Overall Body
============================================================================================ */


body {
	margin:0px;
	padding:0px;
	background-color: #ffffff;
	font-size: 100%;
	}
	
a:hover {
	color: #FFF;
	text-decoration: none;
	}
	
a:link {
	color: #FFF;
	text-decoration: none;
	}
	
a:visited {
	color: #FFF;
	text-decoration: none;
	}
	
a:active {
	color: #FFF;
	text-decoration: none;
	}

object {
	width:100%;
	display: block;
	height: auto;
	position: relative;
	}
	

/* End Overall Body
============================================================================================ */






/* Start General
============================================================================================ */

.HdrCopyBlock {
	font-family: "DinRegular", arial, helvetica, sans-serif; 
	font-size: 10pt;
    line-height: 1.5;
	color: #6f6f6f;
	margin:20px auto 0 auto;
	height: auto;
	width: 100%;
	}

#HdrDoubleRule {
	background-image:url(images/DoubleRuleHoriz.png);
	margin:130px auto 0 auto;
	height: 13px;
	width: 960px;
	}
	
.FooterDoubleRule {
	background-image:url(../images/SVGs/DoubleRule.svg);
	margin:50px auto 0 auto;
	height: 7px;
	width: 100%;
	}

#DoubleRule {
	background-image:url(../images/SVGs/DoubleRule.svg);
	margin:50px auto 0 auto;
	height: 7px;
	width: 100%;
	}
	
#SingleRule {
	background-image:url(../images/SVGs/SingleRule.svg);
	margin:50px auto 0 auto;
	height: 1px;
	width: 100%;
	}

.HorizontalRule {
	float:left;
	display: block;
	background:url(images/HorizontalRule.png) no-repeat;
	margin-top:50px;
	padding:0px;
	height: 1px;
	width: 100%;
	}
	
h1 {
	font-family: "DinLight", arial, helvetica, sans-serif;
	font-size: 30pt;
	color: #ac9ebe;
	letter-spacing: -0.05em;
	margin:0px;
	padding:0px;
	line-height:130%;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	} 

h2 {
    font-family: "DinRegular", arial, helvetica, sans-serif;  
	font-size: 12pt;
    color: #6f6f6f;
	margin:0px;
	padding:0px;
	line-height:130%;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	}
	
img {
	max-width: 100%;
	}
	
.Container {
	width: 90%;
	max-width: 960px;
	margin:0px auto 0 auto;
	}
	
.MainBanner {
	margin:170px auto 0 auto;
	height: auto;
	width: 100%;
	}
	
.MainBnrLgText {
	font-family: "DinMedium", arial, helvetica, sans-serif; 
	font-size: 77pt;
	line-height: 87px;
	letter-spacing: -5px;
    color: #5f5a59;
	text-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	margin:50px auto 0 auto;
	height: auto;
	width: 100%;
	-webkit-font-kerning:normal;
	}
	
.TopQuoteWrapper {
	background-image:url(../images/SVGs/DoubleRule.svg);
	margin:70px auto 0 auto;
	height: 7px;
	width: 100%;
	}
	
.TopQuoteMark {
	font-family: "DinMedium", arial, helvetica, sans-serif; 
	font-size: 100pt;
	line-height:90px;
	letter-spacing: -0.03em;
    color: #5f5a59;
	text-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	background-color: #fff;
	margin:0 auto 0 auto;
	height: 7px;
	width: 62px;
	}
	
.BottomQuoteWrapper {
	background-image:url(../images/SVGs/DoubleRule.svg);
	margin:50px auto 0 auto;
	height: 7px;
	width: 100%;
	}
	
.BottomQuoteMark {
	font-family: "DinMedium", arial, helvetica, sans-serif; 
	font-size: 100pt;
	line-height:80px;
	letter-spacing: -0.03em;
    color: #5f5a59;
	text-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	background-color: #fff;
	margin:0 auto 0 auto;
	height: 7px;
	width: 62px;
	}
	
.QuoteText {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 25pt;
    color: #d89d9b;
	width:100%;
	height:auto;
	line-height: 1.5;
	letter-spacing: -0.04em;
	margin:50px auto 0px auto;
	padding:0px;
	}
	
.QuoteNameText {
	font-family: "DinMedium", arial, helvetica, sans-serif; 
	font-size: 18pt;
    color: #6f6f6f;
	letter-spacing: -0.04em;
	line-height: 1.5;
	}
	
.QuoteTitleText {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 15pt;
    color: #6f6f6f;
	letter-spacing: -0.04em;
	}
	
.MainBnrSmText {
	font-family: "DinMedium", arial, helvetica, sans-serif; 
	font-size: 36pt;
	line-height:50px;
	letter-spacing: -2px;
    color: #5f5a59;
	text-shadow: 1px 1px 0px white, 3px 3px 0px #e7e6e2;
	margin:170px auto 0 auto;
	height: auto;
	width: 100%;
	}
	
.HdrText {
	font-family: "DinMedium", arial, helvetica, sans-serif; 
	font-size: 36pt;
	line-height:50px;
	letter-spacing: -0.03em;
    color: #5f5a59;
	text-shadow: 1px 1px 0px white, 3px 3px 0px #e7e6e2;
	margin:50px auto 50px auto;
	height: auto;
	width: 100%;
	}
	
#VerticalRule {
	background:url(images/VertRule.png) no-repeat;
	float:right;
	width: 5.3%;
	height:165px;
	margin:0px auto 0px auto;
	padding:0px;
	background-position: 20%;
	}
	
#VerticalRuleTwo {
	background:url(images/VertRule.png) no-repeat;
	float:left;
	width: 10%;
	height:276px;
	margin:0px auto 0px auto;
	padding:0px;
	background-position: 50%;
	}
	
.MainBoxShadow {
	margin-top:50px;
	height:auto;
	width: 100%;
	position:relative;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}
	
.Numbers {
	float:left;
	display: block;
	width:15%;
	height:80px;
	margin: 0px;
	padding:0px;
	font-family: "DinRegular", arial, helvetica, sans-serif; 
	font-size: 65pt;
	line-height:70px;
	letter-spacing: -0.03em;
    color: #cfcec5;
	text-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}
	
ul.Thumbs {
	margin:0px;
	padding:0px;
	list-style:none;
	}

li.ThumbsWrapper {
	float:left;
	display: block;
	width: 31%;
	height:auto;
	padding:0px;
	list-style-type:none; 
	margin:50px 3% 0px 0px;
	}
	
li.ThumbsWrapper:nth-child(3n) {
	margin:50px 0px 0px 0px;
	}

.HdrWrapper {
	margin:50px auto 0px auto;
	overflow: hidden;
	width: 100%;
	height:auto;
	}
	
.TitleWrapper {
	float:right;
	display: block;
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	margin:0px auto 0 auto;
	height: auto;
	width: 85%;
	}
	
.CopyBlock {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	line-height: 1.5;
	float:left;
	display: block;
	width:65%;
	height:auto;
	padding:0px;
	}
	
.CopyBlockWrapper {
	width: 100%;
	height:200px;
	margin:50px auto 0px auto;
	padding:0px;
	}
	
.HireMeNowWrapper {
	background:url(../images/SVGs/HireMeNowBtnBg.svg);
	margin:50px auto 0 auto;
	height: 114px;
	width:100%;
	}
	
.HireMeNowBtnWrapper {
	padding-top:30px;
	margin:0px auto 0 auto;
	height: 54px;
	width:252px;
	}

.LaunchSiteWrapper {
	margin:50px auto 0 auto;
	height: 54px;
	width:252px;
	}	
	
.FooterBtnsWrapper {
	overflow: visible;
	margin:0px auto 0px auto;
	padding:0px;
	height:40px;
	width:90%;
	max-width:960px;
	}
	
.FooterCopy {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #fff;
	text-align: center;
	}
	
.FontIcons16x16 {
	font-family: "FontIcons_16x16", arial, helvetica, sans-serif; 
	font-size: 16px;
    color: #76a9b8;
	}
	
.BigBtn {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 17pt;
    color: #fff;
	text-align: center;
	float:left;
	display: block;
	background-color:#6d6766;
	margin:0px;
	padding-top:9px;
	height: 40px;
	width:252px;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-transition: background-color .5s ease-in-out;
  	-moz-transition: background-color .5s ease-in-out;
	-ms-transition: background-color .5s ease-in-out;
  	-o-transition: background-color .5s ease-in-out;
  	transition: background-color .5s ease-in-out;
	}
	
.BigBtn:hover {
	background-color:#423d3c;
	}
	
.FontIcons32x32 {
	font-family: "FontIcons_32x32", arial, helvetica, sans-serif; 
	font-size: 32px;
    color: #76a9b8;
	}
		

/* End General
============================================================================================ */






/* Start Font-Face
============================================================================================ */


@font-face {
    font-family: "DinLight";
	src:  
	url('//:') format("No-IE-404"),
	url('../fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-light-webfont.ttf') format('truetype'), 
	url('../fonts/din-light-webfont.woff') format('woff');
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}
	
@font-face {
    font-family: "DinRegular";
	src: 
	url('//:') format("No-IE-404"),
	url('../fonts/din-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din-regular-webfont.ttf') format('truetype'),
	url('../fonts/din-regular-webfont.woff') format('woff'); 
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	} 
	
@font-face {
    font-family: "DinMedium";
	src: 
	url('//:') format("No-IE-404"),
	url('../fonts/din_medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din_medium-webfont.ttf') format('truetype'),
	url('../fonts/din_medium-webfont.woff') format('woff'); 
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	} 

@font-face {
    font-family: "DinBold";
	src: 
	url('//:') format("No-IE-404"),
	url('../fonts/din_bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/din_bold-webfont.ttf') format('truetype'),
	url('../fonts/din_bold-webfont.woff') format('woff'); 
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	} 
	

/* -------------------Start Icon Font 16x16-------------------- */
	
	
@font-face {
	font-family: 'FontIcons_16x16';
	src:url('../fonts/FontIcons_16x16.eot');
	src:url('../fonts/FontIcons_16x16.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FontIcons_16x16.woff') format('woff'),
		url('../fonts/FontIcons_16x16.ttf') format('truetype'),
		url('../fonts/FontIcons_16x16.svg#FontIcons_16x16') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'FontIcons_16x16';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-HireMeNav, .icon-WorkNav, .icon-ServiceLogo, .icon-PrintNav, .icon-FooterMobile, .icon-FooterResume, .icon-FooterLinkedIn, .icon-FooterEmail, .icon-ServiceEmail, .icon-ServiceArtDirection, .icon-ButtonArrow, .icon-IdentityNav, .icon-ServiceWorkflow, .icon-ServiceWebsite, .icon-ServiceVehicleWrap, .icon-ServiceTemplate, .icon-ServiceStrategy, .icon-ServiceStationery, .icon-ServiceSocial, .icon-ServiceProduction, .icon-ServicePhotoRetouching, .icon-ServiceMobile, .icon-ServiceMaintenance, .icon-ServiceApparel, .icon-ListArrow, .icon-HomeNav, .icon-DigitalNav, .icon-AboutNav, .icon-ServiceInsert, .icon-ServiceIllustration, .icon-ServiceHtmlCss, .icon-ServiceGraphicDesign, .icon-ServiceConcept, .icon-ServiceCatalog {
	font-family: 'FontIcons_16x16';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.icon-WorkNav:before {
	content: "\e908";
}
.icon-ButtonArrow:before {
	content: "\e901";
}
.icon-DigitalNav:before {
	content: "\e902";
}
.icon-FooterEmail:before {
	content: "\e903";
}
.icon-FooterLinkedIn:before {
	content: "\e904";
}
.icon-FooterMobile:before {
	content: "\e905";
}
.icon-FooterResume:before {
	content: "\e906";
}
.icon-HomeNav:before {
	content: "\e907";
}
.icon-HireMeNav:before {
	content: "\e900";
}
.icon-IdentityNav:before {
	content: "\e909";
}
.icon-ListArrow:before {
	content: "\e90a";
}
.icon-PrintNav:before {
	content: "\e90b";
}
.icon-ServiceApparel:before {
	content: "\e90c";
}
.icon-ServiceArtDirection:before {
	content: "\e90d";
}
.icon-ServiceCatalog:before {
	content: "\e90e";
}
.icon-ServiceConcept:before {
	content: "\e90f";
}
.icon-ServiceEmail:before {
	content: "\e910";
}
.icon-ServiceGraphicDesign:before {
	content: "\e911";
}
.icon-ServiceHtmlCss:before {
	content: "\e912";
}
.icon-ServiceIllustration:before {
	content: "\e913";
}
.icon-ServiceInsert:before {
	content: "\e914";
}
.icon-ServiceLogo:before {
	content: "\e915";
}
.icon-ServiceMaintenance:before {
	content: "\e916";
}
.icon-ServiceMobile:before {
	content: "\e917";
}
.icon-ServicePhotoRetouching:before {
	content: "\e918";
}
.icon-ServiceProduction:before {
	content: "\e919";
}
.icon-ServiceSocial:before {
	content: "\e91a";
}
.icon-ServiceStationery:before {
	content: "\e91b";
}
.icon-ServiceStrategy:before {
	content: "\e91c";
}
.icon-ServiceTemplate:before {
	content: "\e91d";
}
.icon-ServiceVehicleWrap:before {
	content: "\e91e";
}
.icon-ServiceWebsite:before {
	content: "\e91f";
}
.icon-ServiceWorkflow:before {
	content: "\e920";
}
.icon-AboutNav:before {
	content: "\e921";
}
	
	
/* -------------------End Icon Font 16x16-------------------- */





/* -------------------Start Icon Font 32x32-------------------- */


@font-face {
	font-family: 'FontIcons_32x32';
	src:url('../fonts/FontIcons_32x32.eot');
	src:url('../fonts/FontIcons_32x32.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FontIcons_32x32.woff') format('woff'),
		url('../fonts/FontIcons_32x32.ttf') format('truetype'),
		url('../fonts/FontIcons_32x32.svg#FontIcons_32x32') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'FontIcons_32x32';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-RtPageArrow, .icon-LtPageArrow, .icon-Launch, .icon-HireMeHorn, .icon-Grid, .icon-DownloadResume {
	font-family: 'FontIcons_32x32';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-RtPageArrow:before {
	content: "\e000";
}
.icon-LtPageArrow:before {
	content: "\e001";
}
.icon-Launch:before {
	content: "\e002";
}
.icon-HireMeHorn:before {
	content: "\e003";
}
.icon-Grid:before {
	content: "\e004";
}
.icon-DownloadResume:before {
	content: "\e005";
}


/* -------------------End Icon Font 32x32-------------------- */	



	
	
	
/* -------------------Start Icon Font 54x54-------------------- */


@font-face {
	font-family: 'FontIcons_54x54';
	src:url('../fonts/FontIcons_54x54.eot');
	src:url('../fonts/FontIcons_54x54.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FontIcons_54x54.woff') format('woff'),
		url('../fonts/FontIcons_54x54.ttf') format('truetype'),
		url('../fonts/FontIcons_54x54.svg#FontIcons_54x54') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'FontIcons_54x54';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-WhatICanDoStrategy, .icon-WhatICanDoSolution, .icon-WhatICanDoIdentity, .icon-WhatICanDoDesign {
	font-family: 'FontIcons_54x54';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-WhatICanDoStrategy:before {
	content: "\e006";
}
.icon-WhatICanDoSolution:before {
	content: "\e007";
}
.icon-WhatICanDoIdentity:before {
	content: "\e008";
}
.icon-WhatICanDoDesign:before {
	content: "\e009";
}


/* -------------------End Icon Font 54x54-------------------- */






/* -------------------Start Icon Font 87x87-------------------- */	


@font-face {
	font-family: 'FontIcons_87x87';
	src:url('../fonts/FontIcons_87x87.eot');
	src:url('../fonts/FontIcons_87x87.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FontIcons_87x87.woff') format('woff'),
		url('../fonts/FontIcons_87x87.ttf') format('truetype'),
		url('../fonts/FontIcons_87x87.svg#FontIcons_87x87') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'FontIcons_87x87';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-ResumeAwards, .icon-ResumeProficiencies, .icon-ResumeFreelance, .icon-ResumeExpertise, .icon-ResumeEducation {
	font-family: 'FontIcons_87x87';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.icon-ResumeAwards:before {
	content: "\e000";
}
.icon-ResumeProficiencies:before {
	content: "\e001";
}
.icon-ResumeFreelance:before {
	content: "\e002";
}
.icon-ResumeExpertise:before {
	content: "\e003";
}
.icon-ResumeEducation:before {
	content: "\e004";
}


/* -------------------End Icon Font 87x87-------------------- */
		
	

/* End Font-Face
============================================================================================ */







/* Start Header
============================================================================================ */


#Header {
	background-image: url(images/HeaderBg.png);
	top: 0px ;
	margin:0px;
	padding:0px;
	height: 140px;
    position: fixed;
    width: 100%;
	z-index: 1;
	}

#TopBar {
    background: none repeat scroll 0 0 #5f5a59;
    margin:0px;
	padding:0px;
	height: 10px;
    position: absolute;
    width: 100%;
	}

#logo_header {
	margin:0px auto 0 auto;
	padding:0px;
	background-image: url(images/NavVertRules.png);
	background-position:right;
	height:130px;
	width: 90%;
	max-width: 960px;
	}
	
#AboutLogoHdr {
	margin:0px auto 0 auto;
	padding:0px;
	background-image: url(images/NavVertRules.png);
	background-position:right;
	height:130px;
	width: 90%;
	max-width: 960px;
	}
	
#DigitalLogoHdr {
	margin:0px auto 0 auto;
	padding:0px;
	background-image: url(images/NavVertRules.png);
	background-position:right;
	height:130px;
	width: 90%;
	max-width: 960px;
	}
	
#PrintLogoHdr {
	margin:0px auto 0 auto;
	padding:0px;
	background-image: url(images/NavVertRules.png);
	background-position:right;
	height:130px;
	width: 90%;
	max-width: 960px;
	}
	
#IdentityLogoHdr {
	margin:0px auto 0 auto;
	padding:0px;
	background-image: url(images/NavVertRules.png);
	background-position:right;
	height:130px;
	width: 90%;
	max-width: 960px;
	}
	
#NavSpacer {
	height:10px;
	width:100%;
	}
	
/* -------------------Start Navigation-------------------- */

.navigation_wrapper {
	float:right;
	margin-top:29px;
	padding:0px;
	height:40px;
	width:50%;
	}
	
#NavLogo {
	float:left;
	margin: 0px;
	padding:0px;
	height:auto;
	width:50%;
	}

#logo_header ul {
	margin:0px;
	padding:0px;
	list-style:none;
	}
	
#AboutLogoHdr ul {
	margin:0px;
	padding:0px;
	list-style:none;
	}
	
#DigitalLogoHdr ul {
	margin:0px;
	padding:0px;
	list-style:none;
	}
	
#PrintLogoHdr ul {
	margin:0px;
	padding:0px;
	list-style:none;
	}
	
#IdentityLogoHdr ul {
	margin:0px;
	padding:0px;
	list-style:none;
	}

.nav li {
	height:40px;
	width:77px;
	margin:0px;
	padding:0px;
	border:0px;
	list-style:none;
	float:right;
	margin-right:1px;
	margin-left:0px;
	}

.nav li a:link, .nav li a:visited {
	display:block;
	height:40px;
	width:77px;
	}

	
/* -------------------End Navigation------------------- */


/* End Header
============================================================================================ */	








/* Start Navigation
============================================================================================ */	


.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
	}
	
.clearfix:after {
    clear: both;
	}
	
.clearfix {
    *zoom: 1;
	}
	
.NavWrapper {
	position: fixed;
	background: url(../images/SVGs/HeaderBg.svg);
	border-top: 5px solid #5f5a59;
	height: 102px;
	width: 100%;
	padding: 0px;
	margin: auto;
	z-index:1001;f
	}
	
.Nav {
	height: auto;
	width: 90%;
	padding: 0px;
	margin: 0 auto 0 auto;
	}
	
.Header {
	padding:0px;
	margin:0px;
	height: 130px;
	width: 100%;
	z-index:1001;
	}
	
#DesktopNav {
	color:#5f5a59;
	height: auto;
	width: 100%;
	max-width:960px;
	padding: 0px;
	margin: auto;
	}
	
#Logo {
	display: inline-block;
	float: left;
	padding: 0px;
	margin:0px;
	height:130px;
	width:97px;
	z-index:1001;
	}
	
.Name {
	font-size:24px;
	color:#5f5a59;
	display: inline-block;
	float: left;
	padding-left:2%;
	padding-top:20px;
	margin:0px;
	height:120px;
	width: 40%;
	line-height: 25px;
	z-index:500;
	}
	
.Tagline {
	font-size:15px;
	color:#5f5a59;
	z-index:500;
	}

nav {
	height: 150px;
	width: 100%;
	font-size: 11pt;
	font-family: "DinLight", arial, helvetica, sans-serif; 
	letter-spacing: -0.04em;
	font-weight: normal;
	z-index:1001;
	}
	
nav ul {
	padding: 0;
	margin: 0 auto 0 auto;
	width: 100%;
	height: 40px;
	}
	
nav li {
	display: inline-block;
	float: left;
	width: 11.75%;
	margin: 0 auto 0 auto;
	border-right: 1px dotted #bbbaba;
	text-align: center;
	vertical-align: -20px;
	line-height: 25px;
	padding: 0;
	}
	
nav a {
	color:#5f5a59;
	display: inline-block;
	width: 100px;
	text-align: center;
	text-decoration: none;
	padding:0 0 5px 0;
	}
	
nav li a {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}

.HomePage a{
	color:#5f5a59;
	padding: 22px 0 0 0;
	border-left: 1px dotted #bbbaba;
	line-height: 25px;
	-webkit-transition: color .5s ease-in-out;
  	-moz-transition: color .5s ease-in-out;
	-ms-transition: color .5s ease-in-out;
  	-o-transition: color .5s ease-in-out;
  	transition: color .5s ease-in-out;
	}
	
.HomePage a:hover {
	color: #76a9b8;
	padding:22px 0 0 0;
	line-height: 25px;
	}

.AboutPage a{
	color:#5f5a59;
	padding:22px 0 0 0;
	line-height: 25px;
	-webkit-transition: color .5s ease-in-out;
  	-moz-transition: color .5s ease-in-out;
	-ms-transition: color .5s ease-in-out;
  	-o-transition: color .5s ease-in-out;
  	transition: color .5s ease-in-out;
	}

.AboutPage a:hover {
	color: #b9bc72;
	padding:22px 0 0 0;
	line-height: 25px;
	}
	
.WorkPage a{
	color:#5f5a59;
	padding: 22px 0 0 0;
	line-height: 25px;
	-webkit-transition: color .5s ease-in-out;
  	-moz-transition: color .5s ease-in-out;
	-ms-transition: color .5s ease-in-out;
  	-o-transition: color .5s ease-in-out;
  	transition: color .5s ease-in-out;
	}
	
.WorkPage a:hover {
	color: #d89d9b;
	padding: 22px 0 0 0;
	line-height: 25px;
	}

.HireMePage a {
	color: #5f5a59;
	padding: 22px 0 0 0;
	line-height: 25px;
	-webkit-transition: color .5s ease-in-out;
  	-moz-transition: color .5s ease-in-out;
	-ms-transition: color .5s ease-in-out;
  	-o-transition: color .5s ease-in-out;
  	transition: color .5s ease-in-out;	
	}
	
.HireMePage a:hover {
	color: #ac9ebe;
	padding: 22px 0 0 0;
	line-height: 25px;
	}
	
.icon-HomeNav {
	font-size:16px;
	}
	
.icon-AboutNav {
	font-size:16px;
	}
	
.icon-DigitalNav {
	font-size:16px;
	}
	
.icon-PrintNav {
	font-size:16px;
	}
	
.icon-IdentityNav {
	font-size:17px;
	}
	
nav a#pull {
	display: none;
	}

#MobileNav {
	display: none;
	}




/* End Navigation
============================================================================================ */	


	






/* Start Home Page
============================================================================================ */

	

.HomeIcons {
	display:block;
	float:left;
	padding-top:5px;
	margin-right:10px;
	}

#HomeCopyBlock {
	font-family: "DinRegular", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	margin:20px auto 0 auto;
	height: auto;
	width: 100%;
	}
	
#HomeSubhead {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 25pt;
    color: #76a9b8;
	width:100%;
	height:auto;
	letter-spacing: -0.04em;
	margin:50px auto 0px auto;
	}
	
.HomeHdr {
	font-family: "DinLight", arial, helvetica, sans-serif;
	color:#76a9b8;
	font-size: 18pt;
	letter-spacing: -0.01em;
	line-height:1.25em;
	padding:0px;
	text-align:left;
	}
		
	
/* ----------------------Start What I Can Do List--------------------------- */


#WhatICanDoHdr {
	margin:50px auto 50px auto;
	height: auto;
	width: 100%;
	}
	
.WhatICanDoIcons {
	width:54px;
	height:54px;
	}
	
.WhatICanDoIconsBox {
	background-position:50%;
	background-color:#5f5a59;
	display:block;
	float:left;
	margin:3px 10px 10px 0;
	height:54px;
	width:54px;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-o-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-ms-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}

#ListWrapper {
	overflow: auto;
	display:inline-block;
	width: 100%;
	height:auto;
	margin:0px auto 0px auto;
	padding:0px;
	}
	
#wrapper {
	display:inline-block;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	-ms-overflow-x: hidden;
	-ms-overflow-y: hidden;
	width:25%;
	height:auto;
	float:left;
	padding:0px;
	margin:0px;
	}

#wrapper ul {
	list-style: none;
	padding:0px;
	margin:0px;
	}
	
#wrapper ul li {
	font-family: "DinRegular", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	}
	
#wrapper ul li:nth-child(2) {
	padding-top:20px;
	}
	

/* ----------------------End What I Can Do List--------------------------- */




/* ----------------------Start 5 Step Approach--------------------------- */


#FiveStepApproachHdr {
	margin:50px auto 50px auto;
	height: auto;
	width: 100%;
	padding:0px;
	}
	
.FiveStepApproachCopyBlock {
	float:right;
	display: block;
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    line-height: 1.5;
	color: #6f6f6f;
	margin:0px auto 0 auto;
	height: auto;
	width: 85%;
	}

.FiveStepApproachWrapper {
	margin:50px auto 0px auto;
	overflow: hidden;
	width: 100%;
	height: auto;
	padding:0px;
	}
	

/* ----------------------Start 5 Step Approach--------------------------- */



/* End Home Page
============================================================================================ */






/* Start About Page
============================================================================================ */

		

#Profile {
	overflow: visible;
	display: inline-block;
	width: 100%;
	height: auto;
	margin:50px 0px 0px 0px;
	padding-bottom: 5px;
	}
	
#ProfilePicBox {
	background-image:url(../images/ProfilePic.jpg);
	background-repeat:no-repeat;
	background-position:50%;
	background-color:#5f5a59;
	float:left;
	display: block;
	margin:0px;
	height: 290px;
	width: 30%;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-ms-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-o-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}
		
#ProfileCopyBlock {
	float:right;
	display: block;
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    line-height: 1.5;
	color: #6f6f6f;
	margin:0px 0px 0px 5%;
	height: auto;
	width: 65%;
	}
	
.ResumeIcons {
	background-position:50%;
	width:90px;
	height:90px;
	}
	
.ResumeIconsBox {
	background-color:#5f5a59;
	display:block;
	float:left;
	margin:5px 0 10px 0;
	height:90px;
	width: 90px;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-o-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-ms-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}
	
.ResumeWrapper {
	margin:50px auto 0px auto;
	height: auto;
	overflow: hidden;
	width: 100%;
	}
	
.ResumeWrapper ul {
	list-style: none;
	padding:0px;
	margin:0px;
	}
	
#ExpertiseHdr {
	float:right;
	display: block;
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	margin:0px auto 0 auto;
	height: 50px;
	width: 85%;
	}
	
.ExpertiseList {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	height: auto;
	display:block;
 	float: right;
	width: 85%;
	margin: 0px;
	padding: 0px; 
	}
	
.ExpertiseList ul li {
	display: inline-block;
	float: left;
	list-style: none;
	text-decoration:none;
	text-align: left;
	width: 33.3%;
	}
	
.ExpertiseList li {
 	line-height: 20px;
	}
	
.List {
	margin: 0px;
	padding: 0px;
	}	
	
.ResumeCopyBlock {
	float:right;
	display: block;
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	margin:0px auto 0 auto;
	height: auto;
	width: 85%;
	}
		
#FreelanceCopyBlock {
	float:right;
	display: block;
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	margin:0px auto 0 auto;
	height: auto;
	width: 85%;
	}
		
#ProficienciesHdr {
	float:right;
	display: block;
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	margin:0px auto 0 auto;
	height: 50px;
	width: 85%;
	}

.ProficienciesList {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	height: auto;
	display:inline-block;
	overflow:visible;
 	float: right;
	width: 85%;
	margin: 0px;
	padding: 0px; 
	}
	
.ProficienciesList ul li {
	display: inline-block;
	float: left;
	list-style: none;
	text-decoration:none;
	text-align: left;
	width: 50%;
	}
	
.ProficienciesList li {
 	line-height: 25px;
	margin-bottom: 10px;
	}
	
.ProficienciesBar {
	margin: 0px;
	padding: 0px;
	}
	
#Bar {
	background-color:#6d6766;
	width: 90%;
	height: 20px;
	margin: 0px;
	padding: 0px;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-o-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-ms-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}
	
.StatusBar100 {
	background-image: url(../images/SVGs/About/StatusBar.svg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	}

.StatusBar95 {
	background-image: url(../images/SVGs/About/StatusBar.svg);
	background-repeat: no-repeat;
	background-size: 95% 100%;
	-webkit-background-size: 95% 100%;
    -moz-background-size: 95% 100%;
    -o-background-size: 95% 100%;
	-ms-background-size: 95% 100%;
	}

.StatusBar90 {
	background-image: url(../images/SVGs/About/StatusBar.svg);
	background-repeat: no-repeat;
	background-size: 90% 100%;
	-webkit-background-size: 80% 100%;
    -moz-background-size: 80% 100%;
    -o-background-size: 80% 100%;
	-ms-background-size: 95% 100%;
	}

.StatusBar75 {
	background-image: url(../images/SVGs/About/StatusBar.svg);
	background-repeat: no-repeat;
	background-size: 75% 100%;
	-webkit-background-size: 75% 100%;
    -moz-background-size: 75% 100%;
    -o-background-size: 75% 100%;
	-ms-background-size: 95% 100%;
	}
	
.StatusBar60 {
	background-image: url(../images/SVGs/About/StatusBar.svg);
	background-repeat: no-repeat;
	background-size: 60% 100%;
	-webkit-background-size: 60% 100%;
    -moz-background-size: 60% 100%;
    -o-background-size: 60% 100%;
	-ms-background-size: 95% 100%;
	}

.ProficienciesCopyBlock {
	float:right;
	display: block;
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	margin:0px auto 0 auto;
	height: auto;
	width: 42.5%;
	}
		
	
/* --------------------Start Top 5 Reasons To Hire Me-------------------- */


#TopFiveReasons {
	margin:50px auto 0 auto;
	height: auto;
	width: 100%;
	}
	
.TopFiveWrapper {
	margin:50px auto 0px auto;
	height: auto;
	overflow: hidden;
	width: 100%;;
	}
	
.TopFiveCopyBlock {
	float:right;
	display: block;
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    line-height: 1.5;
	color: #6f6f6f;
	margin:0px auto 0 auto;
	height: auto;
	width: 85%;
	}
	

/* --------------------End Top 5 Reasons To Hire Me-------------------- */	


.AboutHdr {
	font-family: "DinLight", arial, helvetica, sans-serif;
	font-size: 18pt;
	color: #b9bc72;
	}
	
.AboutHdr2 {
	font-family: "DinMedium", arial, helvetica, sans-serif;
	font-size: 15pt;
	}
	
.AboutHdr3 {
	font-family: "DinMedium", arial, helvetica, sans-serif;
	font-size: 12pt;
	}
	
.ResumeHdr {
	font-family: "DinLight", arial, helvetica, sans-serif;
	font-size: 24pt;
	color: #b9bc72;
	}

#AboutSubhead {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 25pt;
    color: #b9bc72;
	width:100%;
	height:45px;
	letter-spacing: -0.04em;
	margin:50px auto 0px auto;
	padding:0px;
	}

#DownloadPdfSubhead {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 25pt;
    color: #b9bc72;
	width:100%;
	height:45px;
	letter-spacing: -0.04em;
	margin:50px auto 0px auto;
	padding:0px;
	}
	
#DownloadResumeBtnWrapper {
	padding-top:30px;
	margin:0px auto 0 auto;
	height: 54px;
	width:252px;
	}
	
a.DownloadResumeBtn  {
	float:left;
	display: block;
	background:url(images/DownloadResumeBtn.png) no-repeat scroll center top;
	margin:0px;
	padding:0px;
	height: 54px;
	width:252px;
	}

a.DownloadResumeBtn:hover {
	background-position: bottom center;
	}


/* End About Page
============================================================================================ */	






/* Start Digital Page
============================================================================================ */	

	
#DigitalMainBanner {
	background-image:url(images/DigitalMainBanner.png);
	margin:170px auto 0 auto;
	height: 107px;
	width: 960px;
	}
	

/* ---------------------Start Digital Thumbs--------------------- */	



.WorkOverlay {
	background:url(../images/SVGs/MagnifierIcon.svg) center center no-repeat #d89d9b; !important
	cursor: pointer;
	height: 202px;
	width: 100%;
	z-index: 10;
	opacity: 0;
	-webkit-transition: all .5s ease-in;
  	-moz-transition: all .5s ease-in;
	-ms-transition: all .5s ease-in;
  	-o-transition: all .5s ease-in;
  	transition: all .5s ease-in;
	}

.WorkOverlay:hover {
	opacity: .8;
	-webkit-transition: all .5s ease-out;
  	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
  	-o-transition: all .5s ease-out;
  	transition: all .5s ease-out;
	}

.WorkThumbCopy {
	float:left;
	display: block;
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 18pt;
   	color:#d89d9b;
	margin-top:10px;
	height: auto;
	width: 100%;
	}
	
.MysteryGuild  {
	float:left;
	display: block;
	background:url(../images/MYG_Thumb.gif) transparent center center no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px;
	height: 202px;
	width:100%;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}

.MysteryGuild:hover {
	background-position: bottom center;
	}
	
.ColumbiaHouse  {
	float:left;
	display: block;
	background:url(../images/ColumbiaHouseThumb.gif) transparent center center no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px;
	height: 202px;
	width:100%;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}
	
.CraftersChoice  {
	float:left;
	display: block;
	background:url(../images/CraftersChoiceThumb.jpg) transparent center center no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px;
	height: 202px;
	width:100%;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}
	
.BMGColumbiahouse  {
	float:left;
	display: block;
	background:url(../images/BMGColumbiaHouseThumb.gif) transparent center center no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px;
	height: 202px;
	width:100%;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}

.Passport  {
	float:left;
	display: block;
	background:url(../images/PassportThumb.gif) transparent center center no-repeat;
	margin:0px;
	padding:0px;
	height: 202px;
	width:100%;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}

.GracieNY  {
	float:left;
	display: block;
	background:url(../images/GracieThumb.gif) transparent center center no-repeat;
	margin:0px;
	padding:0px;
	height: 202px;
	width:100%;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}

.ReadWell  {
	float:left;
	display: block;
	background:url(../images/ReadWellThumb.gif) transparent center center no-repeat;
	margin:0px;
	padding:0px;
	height: 202px;
	width:100%;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}
	
.TAW  {
	float:left;
	display: block;
	background:url(../images/TAWThumb.gif) transparent center center no-repeat;
	margin:0px;
	padding:0px;
	height: 202px;
	width:100%;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}
	
.BookOfTheMonth  {
	float:left;
	display: block;
	background:url(../images/BOMThumb.gif) transparent center center no-repeat;
	margin:0px;
	padding:0px;
	height: 202px;
	width:100%;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}

.Passport  {
	float:left;
	display: block;
	background:url(../images/PassportThumb.gif) transparent center center no-repeat;
	margin:0px;
	padding:0px;
	height: 202px;
	width:100%;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}
	
.CrookedLane  {
	float:left;
	display: block;
	background:url(../images/CrookedLaneThumb.gif) transparent center center no-repeat;
	margin:0px;
	padding:0px;
	height: 202px;
	width:100%;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}
	
.Avalawn  {
	float:left;
	display: block;
	background:url(../images/AvalawnThumb.gif) transparent center center no-repeat;
	margin:0px;
	padding:0px;
	height: 202px;
	width:100%;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}
	
.LittleAngels  {
	float:left;
	display: block;
	background:url(../images/LittleAngelsThumb.gif) transparent center center no-repeat;
	margin:0px;
	padding:0px;
	height: 202px;
	width:100%;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}
	
.GracieCore  {
	float:left;
	display: block;
	background:url(../images/GracieCOREThumb.gif) transparent center center no-repeat;
	margin:0px;
	padding:0px;
	height: 202px;
	width:100%;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}
	
.DorasClubhouse  {
	float:left;
	display: block;
	background:url(../images/DoraThumb.jpg) transparent center center no-repeat;
	margin:0px;
	padding:0px;
	height: 202px;
	width:100%;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}
	
	
	

/* ---------------------End Digital Thumbs--------------------- */	

	
.DigitalOverviewType {
	font-color:#d89d9b; 
	color:#D89D9B; 
	font-size: 18pt;
	}
	
.DigitalClientType {
	font-color:#d89d9b; 
	color:#D89D9B;
	}
	
.DigitalHdr {
	font-size: 25pt; 
	letter-spacing: -0.04em;
	}

.DigitalBoxWrapper {
	width:20%;
	height:auto;
	list-style: none;
	float:right;
	padding:20px;
	margin:0px 5px 0px 0px;
	border:1px solid #d89d9b;
	position:relative;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}

.DigitalBoxWrapper ul {
	list-style: none;
	padding:0px;
	margin:0px;
	}
	
.DigitalBoxWrapper ul li {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    line-height:15px;
	color: #6f6f6f;
	padding-left: 15px;
	}
	
.DigitalSubhead {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 25pt;
    color: #d89d9b;
	width:100%;
	height:45px;
	letter-spacing: -0.04em;
	margin:50px auto 0px auto;
	padding:0px;
	}
	
.WorkOverviewType {
	font-color:#d89d9b; 
	color:#D89D9B; 
	font-size: 18pt;
	}
	
.WorkClientType {
	font-color:#d89d9b; 
	color:#D89D9B;
	}
	
.WorkHdr {
	font-size: 25pt; 
	letter-spacing: -0.04em;
	}

.WorkBoxWrapper {
	width:20%;
	height:auto;
	list-style: none;
	float:right;
	padding:20px;
	margin:0px 5px 0px 0px;
	border:1px solid #d89d9b;
	position:relative;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}

.WorkBoxWrapper ul {
	list-style: none;
	padding:0px;
	margin:0px;
	}
	
.WorkBoxWrapper ul li {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    line-height: 1.5;
	color: #6f6f6f;
	padding-left: 15px;
	}
	
.WorkSubhead {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 25pt;
    color: #d89d9b;
	width:100%;
	height:45px;
	letter-spacing: -0.04em;
	margin:50px auto 0px auto;
	padding:0px;
	}
	
#LogoBtnsWrapper {
	width:100%;
	height:60px;
	margin:50px auto 0px auto;
	padding:0px;
	}
	
#LogoBtns {
	float:left;
	display: block;
	width:100%;
	height:60px;
	margin:0px auto 0px auto;
	padding:0px;
	}	
	

/* End Digital Page
============================================================================================ */






/* Start Print Page
============================================================================================ */


#PrintMainBanner {
	background-image:url(images/PrintMainBanner.png);
	margin:170px auto 0 auto;
	height: 107px;
	width: 960px;
	}
	
.PrintHdr {
	font-size: 25pt; 
	letter-spacing: -0.04em;
	}

.PrintClientType {
	font-color:#d5b844;
	color:#d5b844;
	}

.PrintOverviewType {
	font-color:#d5b844; 
	color:#d5b844; 
	font-size: 18pt;
	}
	
	
	
/* ------------------Start Print Thumbs------------------ */

	
.PrintOverlay {
	background:url(../images/SVGs/MagnifierIcon.svg) center center no-repeat #d5b844; !important
	cursor: pointer;
	height: 202px;
	width: 100%;
	z-index: 10;
	opacity: 0;
	-webkit-transition: all .5s ease-in;
  	-moz-transition: all .5s ease-in;
	-ms-transition: all .5s ease-in;
  	-o-transition: all .5s ease-in;
  	transition: all .5s ease-in;
	}

.PrintOverlay:hover {
	opacity: .8;
	-webkit-transition: all .5s ease-out;
  	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
  	-o-transition: all .5s ease-out;
  	transition: all .5s ease-out;
	}

.PrintThumbCopy {
	float:left;
	display: block;
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 18pt;
    color:#d5b844;
	margin-top:10px;
	height: auto;
	width: 100%;
	}
	
.Catalogs  {
	float:left;
	display: block;
	background:url(images/PrintThumb01.png) no-repeat scroll center top;
	margin:0px;
	padding:0px;
	height: 202px;
	width:100%;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}

.Catalogs:hover {
	background-position: bottom center;
	}
	
.Inserts  {
	float:left;
	display: block;
	background:url(images/PrintThumb02.png) no-repeat scroll center top;
	margin:0px;
	padding:0px;
	height: 202px;
	width:100%;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}

.Inserts:hover {
	background-position: bottom center;
	}
	
.Advertising  {
	float:left;
	display: block;
	background:url(images/PrintThumb03.png) no-repeat scroll center top;
	margin:0px;
	padding:0px;
	height: 202px;
	width:100%;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}

.Advertising:hover {
	background-position: bottom center;
	}
	
.CdPackaging  {
	float:left;
	display: block;
	background:url(images/PrintThumb04.png) no-repeat scroll center top;
	margin:0px;
	padding:0px;
	height: 202px;
	width:100%;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}

.CdPackaging:hover {
	background-position: bottom center;
	}
	
.PressKit  {
	float:left;
	display: block;
	background:url(images/PrintThumb05.png) no-repeat scroll center top;
	margin:0px;
	padding:0px;
	height: 202px;
	width:100%;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}

.PressKit:hover {
	background-position: bottom center;
	}
	
.MagicInvite  {
	float:left;
	display: block;
	background:url(images/PrintThumb06.png) no-repeat scroll center top;
	margin:0px;
	padding:0px;
	height: 202px;
	width:100%;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}

.MagicInvite:hover {
	background-position: bottom center;
	}
	

/* ------------------End Print Thumbs------------------ */


.PrintBoxWrapper {
	width:20%;
	height:auto;
	list-style: none;
	float:right;
	padding:20px;
	margin:0px 5px 0px 0px;
	border:1px solid #d5b844;
	position:relative;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}

.PrintBoxWrapper ul {
	list-style: none;
	padding:0px;
	margin:0px;
	}
	
.PrintBoxWrapper ul li {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    line-height:15px;
	color: #6f6f6f;
	padding-left: 15px;
	}
	
.PrintSubhead {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 25pt;
    color: #d5b844;
	width:100%;
	height:45px;
	letter-spacing: -0.04em;
	margin:50px auto 0px auto;
	padding:0px;
	}



/* ------------------Start Print 03------------------ */


#PrintThree {
	background:url(images/No3.png) no-repeat;
	margin:170px auto 0px auto;
	height: 75px;
	width: 960px;
	}
	
#PrintThreeHdr {
	float:right;
	display: block;
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	margin:0px auto 0 auto;
	height: 75px;
	width: 821px;
	}
	
#PrintThreeGraphic {
	background:url(images/PrintThreeGraphic.png) no-repeat;
	margin:30px auto 0px auto;
	height: 711px;
	width: 960px;
	}
	
#PrintThreeCopyBlockWrapper {
	background:url(images/VerticalRule.png) no-repeat;
	background-position:645px;
	width:960px;
	height:165px;
	margin:50px auto 0px auto;
	padding:0px;
	}	
	
#PrintThreeCopyBlock {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	float:left;
	display: block;
	width:589px;
	height:auto;
	}

#PrintBoxListWrapper {
	float:right;
	display: block;
	width:200px;
	height:auto;
	margin:0px auto 0px auto;
	padding:0px;
	}

#PrintBoxThreeWrapper {
	width:200px;
	height:auto;
	list-style: none;
	float:right;
	padding:25px;
	margin:0px 0px 0px 0px ;
	border:1px solid #d5b844;
	position:relative;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}

#PrintBoxThreeWrapper ul {
	list-style: none;
	padding:0px;
	margin:0px;
	}
	
#PrintBoxThreeWrapper ul li {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	padding-left: 15px;
	}
	
	
#PrintThreeGraphicTwo {
	background:url(images/PrintThreeGraphicTwo.png) no-repeat;
	margin:30px auto 0px auto;
	height: 711px;
	width: 960px;
	}
	

/* ------------------End Print 03------------------ */	
	
	
	
	
/* ------------------Start Print 04------------------ */

	
#PrintFour {
	background:url(images/No4.png) no-repeat;
	margin:170px auto 0px auto;
	height: 75px;
	width: 960px;
	}
	
#PrintFourHdr {
	float:right;
	display: block;
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	margin:0px auto 0 auto;
	height: 75px;
	width: 821px;
	}
	
#PrintFourGraphic {
	background:url(images/PrintFourGraphic.png) no-repeat;
	margin:30px auto 0px auto;
	height: 711px;
	width: 960px;
	}
	
#PrintFourCopyBlockWrapper {
	background:url(images/VerticalRule.png) no-repeat;
	background-position:645px;
	width:960px;
	height:165px;
	margin:50px auto 0px auto;
	padding:0px;
	}	
	
#PrintFourCopyBlock {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	float:left;
	display: block;
	width:589px;
	height:auto;
	}

#PrintBoxListWrapper {
	float:right;
	display: block;
	width:200px;
	height:auto;
	margin:0px auto 0px auto;
	padding:0px;
	}

#PrintBoxFourWrapper {
	width:200px;
	height:auto;
	list-style: none;
	float:right;
	padding:25px;
	margin:0px 0px 0px 0px ;
	border:1px solid #d5b844;
	position:relative;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}

#PrintBoxFourWrapper ul {
	list-style: none;
	padding:0px;
	margin:0px;
	}
	
#PrintBoxFourWrapper ul li {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	padding-left: 15px;
	}
	

/* ------------------End Print 041------------------ */
	
	
	
	
	
/* ------------------Start Print 05------------------ */
	
	
#PrintFive {
	background:url(images/No5.png) no-repeat;
	margin:170px auto 0px auto;
	height: 75px;
	width: 960px;
	}
	
#PrintFiveHdr {
	float:right;
	display: block;
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	margin:0px auto 0 auto;
	height: 75px;
	width: 821px;
	}
	
#PrintFiveGraphic {
	background:url(images/PrintFiveGraphic.png) no-repeat;
	margin:30px auto 0px auto;
	height: 711px;
	width: 960px;
	}
	
#PrintFiveCopyBlockWrapper {
	background:url(images/VerticalRule.png) no-repeat;
	background-position:645px;
	width:960px;
	height:165px;
	margin:50px auto 0px auto;
	padding:0px;
	}	
	
#PrintFiveCopyBlock {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	float:left;
	display: block;
	width:589px;
	height:auto;
	}

#PrintBoxListWrapper {
	float:right;
	display: block;
	width:200px;
	height:auto;
	margin:0px auto 0px auto;
	padding:0px;
	}

#PrintBoxFiveWrapper {
	width:200px;
	height:auto;
	list-style: none;
	float:right;
	padding:25px;
	margin:0px 0px 0px 0px ;
	border:1px solid #d5b844;
	position:relative;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}

#PrintBoxFiveWrapper ul {
	list-style: none;
	padding:0px;
	margin:0px;
	}
	
#PrintBoxFiveWrapper ul li {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	padding-left: 15px;
	}
	

/* ------------------End Print 05------------------ */
	
	
	
	
	
/* ------------------Start Print 06------------------ */	

	
#PrintSix {
	background:url(images/No6.png) no-repeat;
	margin:170px auto 0px auto;
	height: 75px;
	width: 960px;
	}
	
#PrintSixHdr {
	float:right;
	display: block;
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	margin:0px auto 0 auto;
	height: 75px;
	width: 821px;
	}
	
#PrintSixGraphic {
	background:url(images/PrintSixGraphic.png) no-repeat;
	margin:30px auto 0px auto;
	height: 711px;
	width: 960px;
	}
	
#PrintSixCopyBlockWrapper {
	background:url(images/VerticalRule.png) no-repeat;
	background-position:645px;
	width:960px;
	height:165px;
	margin:50px auto 0px auto;
	padding:0px;
	}	
	
#PrintSixCopyBlock {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	float:left;
	display: block;
	width:589px;
	height:auto;
	}

#PrintBoxListWrapper {
	float:right;
	display: block;
	width:200px;
	height:auto;
	margin:0px auto 0px auto;
	padding:0px;
	}

#PrintBoxSixWrapper {
	width:200px;
	height:auto;
	list-style: none;
	float:right;
	padding:25px;
	margin:0px 0px 0px 0px ;
	border:1px solid #d5b844;
	position:relative;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}

#PrintBoxSixWrapper ul {
	list-style: none;
	padding:0px;
	margin:0px;
	}
	
#PrintBoxSixWrapper ul li {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    color: #6f6f6f;
	padding-left: 15px;
	}
	
	
/* ------------------End Print 06------------------ */



/* End Print Page
============================================================================================ */	






/* Start Identity Page
============================================================================================ */	


#IdentityMainBanner {
	background-image:url(images/IdentityMainBanner.png);
	margin:170px auto 0 auto;
	height: 125px;
	width: 100%;
	}

.IdentitySubhead {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 25pt;
    color: #ac9ebe;
	width:100%;
	height:45px;
	letter-spacing: -0.04em;
	margin:50px auto 0px auto;
	padding:0px;
	}
	
.IdentityHdr {
	font-size: 25pt; 
	letter-spacing: -0.04em;
	}

.IdentityClientType {
	font-color:#ac9ebe;
	color:#ac9ebe; 
	}

.IdentityOverviewType {
	font-color:#ac9ebe;
	color:#ac9ebe; 
	font-size: 18pt;
	}


/* --------------------Start 01-------------------- */


.IdentityBoxWrapper {
	width:20%;
	height:auto;
	list-style: none;
	float:right;
	padding:25px;
	margin:0px 5px 0px 0px ;
	border:1px solid #ac9ebe;
	position:relative;
	box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-moz-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	-webkit-box-shadow: 1px 1px 0px white, 4px 4px 0px #e7e6e2;
	}

.IdentityBoxWrapper ul {
	list-style: none;
	padding:0px;
	margin:0px;
	}
	
.IdentityBoxWrapper ul li {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 10pt;
    line-height:15px;
	color: #6f6f6f;
	padding-left: 15px;
	}


/* End Identity Page
============================================================================================ */	






/* Start 

/Next Buttons
============================================================================================ */	


.PrevNextWrapper {
	margin:50px auto 0 auto;
	height: 32px;
	width: 196px;
	padding:0px;
	}

.PrevBtn  {
	font-family: "FontIcons_32x32", arial, helvetica, sans-serif; 
	font-size: 32px;
    color: #bbbaba;
	float:left;
	display: inline-block;
	margin:0px;
	padding:0px;
	height: 32px;
	width:32px;
	-webkit-transition: color .5s ease-in-out;
  	-moz-transition: color .5s ease-in-out;
	-ms-transition: color .5s ease-in-out;
  	-o-transition: color .5s ease-in-out;
  	transition: color .5s ease-in-out;
	}
	
.PrevBtn:hover {
	color: #5f5a59;
	}
	
.PrevBtnFade  {
	font-family: "FontIcons_32x32", arial, helvetica, sans-serif; 
	font-size: 32px;
    color: #eaeaea;
	float:left;
	display: inline-block;
	margin:0px;
	padding:0px;
	height: 32px;
	width:32px;
	}
	
.NextBtn  {
	font-family: "FontIcons_32x32", arial, helvetica, sans-serif; 
	font-size: 32px;
    color: #bbbaba;
	float:left;
	display: inline-block;
	margin:0px 0px 0px 50px;
	padding:0px;
	height: 32px;
	width:32px;
	-webkit-transition: color .5s ease-in-out;
  	-moz-transition: color .5s ease-in-out;
	-ms-transition: color .5s ease-in-out;
  	-o-transition: color .5s ease-in-out;
  	transition: color .5s ease-in-out;
	}
	
.NextBtn:hover {
	color: #5f5a59;
	}
	
.NextBtnFade  {
	font-family: "FontIcons_32x32", arial, helvetica, sans-serif; 
	font-size: 32px;
    color: #eaeaea;
	float:left;
	display: inline-block;
	margin:0px 0px 0px 50px;
	padding:0px;
	height: 32px;
	width:32px;
	}
	
.DigitalGridBtn  {
    background-color: #bbbaba;
	float:left;
	display: inline-block;
	margin:0px 0px 0px 50px;
	padding:0px;
	height: 32px;
	width:32px;
	-webkit-transition: background-color .5s ease-in-out;
  	-moz-transition: background-color .5s ease-in-out;
	-ms-transition: background-color .5s ease-in-out;
  	-o-transition: background-color .5s ease-in-out;
  	transition: background-color .5s ease-in-out;
	}
	
.DigitalGridBtn:hover {
	background-color: #d89d9b;
	}
	
.WorkGridBtn  {
    background-color: #bbbaba;
	float:left;
	display: inline-block;
	margin:0px 0px 0px 50px;
	padding:0px;
	height: 32px;
	width:32px;
	-webkit-transition: background-color .5s ease-in-out;
  	-moz-transition: background-color .5s ease-in-out;
	-ms-transition: background-color .5s ease-in-out;
  	-o-transition: background-color .5s ease-in-out;
  	transition: background-color .5s ease-in-out;
	}
	
.WorkGridBtn:hover {
	background-color: #d89d9b;
	}
	
.PrintGridBtn  {
	background-color: #bbbaba;
	float:left;
	display: inline-block;
	margin:0px 0px 0px 50px;
	padding:0px;
	height: 32px;
	width:32px;
	-webkit-transition: background-color .5s ease-in-out;
  	-moz-transition: background-color .5s ease-in-out;
	-ms-transition: background-color .5s ease-in-out;
  	-o-transition: background-color .5s ease-in-out;
  	transition: background-color .5s ease-in-out;
	}
	
.PrintGridBtn:hover {
	background-color: #d5b844;
	}
	
.IdentityGridBtn  {
	background-color: #bbbaba;
	float:left;
	display: inline-block;
	margin:0px 0px 0px 50px;
	padding:0px;
	height: 32px;
	width:32px;
	-webkit-transition: background-color .5s ease-in-out;
  	-moz-transition: background-color .5s ease-in-out;
	-ms-transition: background-color .5s ease-in-out;
  	-o-transition: background-color .5s ease-in-out;
  	transition: background-color .5s ease-in-out;
	}
	
.IdentityGridBtn:hover {
	background-color: #ac9ebe;
	}	
	
	

/* End Prev/Next Buttons
============================================================================================ */	







/* Start Footer
============================================================================================ */	


#BottomBarWrapper {
	background:#5f5a59;
	margin:0px auto 0 auto;
	height:300px;
	width: 100%;
	}

#FooterSpacer {
	margin:0px auto 0 auto;
	padding:0px;
	height:50px;
	width:100%;
	}
	
.HomeFooterBtn  {
	float:left;
	display: block;
	background-color:#6d6766;
	padding-top:11px;
	height: 29px;
	width:20%;
	margin-left:2%;
	margin-right:2%;
	box-shadow: 1px 1px 0px #5f5a59, 4px 4px 0px rgba(118, 169, 184, 0.3);    
	-moz-box-shadow: 1px 1px 0px #5f5a59, 4px 4px 0px rgba(118, 169, 184, 0.3);    
	-webkit-box-shadow: 1px 1px 0px #5f5a59, 4px 4px 0px  rgba(118, 169, 184, 0.3);
	-webkit-transition: background-color .5s ease-in-out;
  	-moz-transition: background-color .5s ease-in-out;
	-ms-transition: background-color .5s ease-in-out;
  	-o-transition: background-color .5s ease-in-out;
  	transition: background-color .5s ease-in-out;
	}

.HomeFooterBtn:hover {
	background-color:#423d3c; 
	}
	
.AboutFooterBtn  {
	float:left;
	display: block;
	background-color:#6d6766;
	padding-top:11px;
	height: 29px;
	width:20%;
	margin-left:2%;
	margin-right:2%;
	box-shadow: 1px 1px 0px #5f5a59, 4px 4px 0px rgba(185, 188, 114, 0.3);    
	-moz-box-shadow: 1px 1px 0px #5f5a59, 4px 4px 0px rgba(185, 188, 114, 0.3);    
	-webkit-box-shadow: 1px 1px 0px #5f5a59, 4px 4px rgba(185, 188, 114, 0.3);
	-webkit-transition: background-color .5s ease-in-out;
  	-moz-transition: background-color .5s ease-in-out;
	-ms-transition: background-color .5s ease-in-out;
  	-o-transition: background-color .5s ease-in-out;
  	transition: background-color .5s ease-in-out;
	}

.AboutFooterBtn:hover {
	background-color:#423d3c; 
	}
	
.WorkFooterBtn  {
	float:left;
	display: block;
	background-color:#6d6766;
	padding-top:11px;
	height: 29px;
	width:20%;
	margin-left:2%;
	margin-right:2%;
	box-shadow: 1px 1px 0px #5f5a59, 4px 4px 0px rgba(216, 157, 155, 0.3);    
	-moz-box-shadow: 1px 1px 0px #5f5a59, 4px 4px 0px rgba(216, 157, 155, 0.3);    
	-webkit-box-shadow: 1px 1px 0px #5f5a59, 4px 4px 0px rgba(216, 157, 155, 0.3);
	-webkit-transition: background-color .5s ease-in-out;
  	-moz-transition: background-color .5s ease-in-out;
	-ms-transition: background-color .5s ease-in-out;
  	-o-transition: background-color .5s ease-in-out;
  	transition: background-color .5s ease-in-out;
	}

.WorkFooterBtn:hover {
	background-color:#423d3c; 
	}
	
.PrintFooterBtn  {
	float:left;
	display: block;
	background-color:#6d6766;
	padding-top:11px;
	height: 29px;
	width:20%;
	margin-left:2%;
	margin-right:2%;
	box-shadow: 1px 1px 0px #5f5a59, 4px 4px 0px rgba(213, 184, 68, 0.3);    
	-moz-box-shadow: 1px 1px 0px #5f5a59, 4px 4px 0px rgba(213, 184, 68, 0.3);    
	-webkit-box-shadow: 1px 1px 0px #5f5a59, 4px 4px 0px rgba(213, 184, 68, 0.3);
	-webkit-transition: background-color .5s ease-in-out;
  	-moz-transition: background-color .5s ease-in-out;
	-ms-transition: background-color .5s ease-in-out;
  	-o-transition: background-color .5s ease-in-out;
  	transition: background-color .5s ease-in-out;
	}

.PrintFooterBtn:hover {
	background-color:#423d3c; 
	}
	
.IdentityFooterBtn  {
	float:left;
	display: block;
	background-color:#6d6766;
	padding-top:11px;
	height: 29px;
	width:20%;
	margin-left:2%;
	margin-right:2%;
	box-shadow: 1px 1px 0px #5f5a59, 4px 4px 0px rgba(172, 158, 190, 0.3);    
	-moz-box-shadow: 1px 1px 0px #5f5a59, 4px 4px 0px rgba(172, 158, 190, 0.3);    
	-webkit-box-shadow: 1px 1px 0px #5f5a59, 4px 4px 0px rgba(172, 158, 190, 0.3);
	-webkit-transition: background-color .5s ease-in-out;
  	-moz-transition: background-color .5s ease-in-out;
	-ms-transition: background-color .5s ease-in-out;
  	-o-transition: background-color .5s ease-in-out;
  	transition: background-color .5s ease-in-out;
	}

.IdentityFooterBtn:hover {
	background-color:#423d3c; 
	opacity: 1;
	}

#HomeFooterCopy {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 15pt;
    color: #76a9b8;
	margin:0px auto 0 auto;
	padding:0px;
	height:50px;
	width:100%;
	}

#HomeRightsCopy {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 9pt;
    color: #76a9b8;
	margin:20px auto 0 auto;
	padding:0px;
	height:15px;
	width:100%;
	}

#AboutFooterCopy {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 15pt;
    color: #b9bc72;
	margin:0px auto 0 auto;
	padding:0px;
	height:50px;
	width:100%;
	}

#AboutRightsCopy {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 9pt;
    color: #b9bc72;
	margin:20px auto 0 auto;
	padding:0px;
	height:15px;
	width:100%;
	}
	
#WorkFooterCopy {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 15pt;
    color: #d89d9b;
	margin:0px auto 0 auto;
	padding:0px;
	height:50px;
	width:100%;
	}

#WorkRightsCopy {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 9pt;
    color: #d89d9b;
	margin:20px auto 0 auto;
	padding:0px;
	height:15px;
	width:100%;
	}
	
#PrintFooterCopy {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 15pt;
    color: #d5b844;
	margin:0px auto 0 auto;
	padding:0px;
	height:50px;
	width:100%;
	}

#PrintRightsCopy {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 9pt;
    color: #d5b844;
	margin:20px auto 0 auto;
	padding:0px;
	height:15px;
	width:100%;
	}

#IdentityFooterCopy {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 15pt;
    color: #ac9ebe;
	margin:0px auto 0 auto;
	padding:0px;
	height:50px;
	width:100%;
	}

#IdentityRightsCopy {
	font-family: "DinLight", arial, helvetica, sans-serif; 
	font-size: 9pt;
    color: #ac9ebe;
	margin:20px auto 0 auto;
	padding:0px;
	height:15px;
	width:100%;
	}


/* End Footer
============================================================================================ */