@charset "utf-8";


.projectsFont {
	color: #666666;
}

.comicPagePanelImages {
	margin-bottom: 8px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
}



.container {
	background-color: #FFFFFF;
	height: 675px;
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#portfolioDiv {
	position: relative;
	height: 2000px;
	width: 915px;
	left: 185px;
}



.navBar {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.homepageNavLogo {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 0px;
	left: 0px;
}
.landingPageNavLogo {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 600px;
	left: 0px;
}

.homepageNavHome {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 75px;
	right: 290px;
}
.landingPageNavComics {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 64px;
	left: 161px;
}
.landingPageNavArt {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 355px;
	left: 123px;
}
.landingPageNavContact {
	text-align: center;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 61px;
	left: 850px;
}
.landingPageNavProjects {
	text-align: center;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	top: 220px;
	left: 950px;
}



.logo {
	float: left;
	width: 300px;
	margin-left: 10px;
	margin-top: 5px;
}



.thumbnail {
	margin-top: 100px;
	margin-right: 40px;
	margin-left: 40px;
	padding: 0px;
}




.text {
	color: #EEE;
	font-family: "Times New Roman", Times, serif;
}
.imgContainer {
	background-color: #FFFFFF;
	height: 750px;
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.contactText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #5d6d7a;
}
.contactTextHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #5d6d7a;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
}
.contactTextSubheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #5d6d7a;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
}



	
.imgTitle {
	color: #a0a0a0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}



.footer {
	height: 50px;
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	color: #a0a0a0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	background-color: #FFFFFF;
	position: absolute;
	top: 610px;
	right: 0px;
	font-weight: bold;
}


#textWrapper {
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #888;
	border-bottom-color: #888;
	border-top-width: thin;
	border-bottom-width: thin;
}
.nextButtonComics {
	top: 555px;
	position: absolute;
	right: 350px;
	height: 30px;
	width: 25px;
}
.previousButtonComics {
	top: 555px;
	position: absolute;
	left: 350px;
	height: 30px;
	width: 25px;
}
.comicsPageContainer {
	background-color: #FFFFFF;
	height: 700px;
	width: 1280px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	color: #000;
}
.homePageContainer {
	height: 300px;
	width: 1280px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}


.comicsPageFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	width: 1280px;
	position: absolute;
	top: 2000px;
	background-color: #FFF;
	text-align: center;
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.projectsPageFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	width: 1280px;
	position: absolute;
	top: 6300px;
	background-color: #FFF;
	text-align: center;
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.contactPageFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	width: 1280px;
	position: absolute;
	top: 650px;
	background-color: #FFF;
	text-align: center;
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.unconditionalLovePageFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	width: 1280px;
	position: absolute;
	top: 1750px;
	background-color: #FFF;
	text-align: center;
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.batteryPageFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	width: 1280px;
	position: absolute;
	top: 1100px;
	background-color: #FFF;
	text-align: center;
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.catHugsPageFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	width: 1280px;
	position: absolute;
	top: 1800px;
	background-color: #FFF;
	text-align: center;
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.dyingWorkoutPageFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	width: 1280px;
	position: absolute;
	top: 1130px;
	background-color: #FFF;
	text-align: center;
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.expiringPointsPageFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	width: 1280px;
	position: absolute;
	top: 1800px;
	background-color: #FFF;
	text-align: center;
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.faceYourFearsPageFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	width: 1280px;
	position: absolute;
	top: 2000px;
	background-color: #FFF;
	text-align: center;
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.fallPageFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	width: 1280px;
	position: absolute;
	top: 1440px;
	background-color: #FFF;
	text-align: center;
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.longHairPageFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	width: 1280px;
	position: absolute;
	top: 1200px;
	background-color: #FFF;
	text-align: center;
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.morningLightPageFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	width: 1280px;
	position: absolute;
	top: 1380px;
	background-color: #FFF;
	text-align: center;
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.newFearUnlockedPageFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	width: 1280px;
	position: absolute;
	top: 1450px;
	background-color: #FFF;
	text-align: center;
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.novemberFirstPageFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	width: 1280px;
	position: absolute;
	top: 2250px;
	background-color: #FFF;
	text-align: center;
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.pickABellPageFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	width: 1280px;
	position: absolute;
	top: 3560px;
	background-color: #FFF;
	text-align: center;
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.summerThenPageFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	width: 1280px;
	position: absolute;
	top: 1300px;
	background-color: #FFF;
	text-align: center;
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.thanksgivingPageFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	width: 1280px;
	position: absolute;
	top: 2140px;
	background-color: #FFF;
	text-align: center;
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.togetherPageFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	width: 1280px;
	position: absolute;
	top: 1650px;
	background-color: #FFF;
	text-align: center;
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.unrequitedLovePageFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	width: 1280px;
	position: absolute;
	top: 1450px;
	background-color: #FFF;
	text-align: center;
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



.portfolioPageFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	width: 1280px;
	position: absolute;
	top: 3400px;
	background-color: #FFF;
	text-align: center;
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.homePageFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	width: 1280px;
	position: absolute;
	top: 650px;
	text-align: center;
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.homePageFooter2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	width: 1280px;
	position: absolute;
	top: 1500px;
	text-align: center;
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.thumbnailImagesFirstRow {
	margin-bottom: 8px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
}

.thumbnailImagesSecondThirdRow {
	margin-bottom: 8px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
}
.portfolioThumbnailImages1 {
	position: absolute;
	top: 30px;
	left: 0px;
}
.portfolioThumbnailImages2 {
	position: absolute;
	left: 120px;
	top: 30px;

}
.portfolioThumbnailImages3 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 30px;
	right: 369px;
}
.portfolioThumbnailImages4 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 30px;
	right: -5px;
}

.portfolioThumbnailImages5 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	top: 293px;
	position: absolute;
	left: -8px;
}

.portfolioThumbnailImages6 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	left: 290px;
	top: 275px;
}
.portfolioThumbnailImages7 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 405px;
	right: 182px;
}
.portfolioThumbnailImages8 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 405px;
	right: -5px;
}
.portfolioThumbnailImages9 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 591px;
	left: -8px;
}
.portfolioThumbnailImages10 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 592px;
	left: 138px;
}
.portfolioThumbnailImages11 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 590px;
	right: 398px;
}
.portfolioThumbnailImages12 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 593px;
	right: -8px;
}
.portfolioThumbnailImages13 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 738px;
	left: -8px;
}
.portfolioThumbnailImages14 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 810px;
	left: 285px;
}
.portfolioThumbnailImages15 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 822px;
	right: 194px;
}
.portfolioThumbnailImages16 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 822px;
	right: -5px;
}
.portfolioAnimation1 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 1490px;
	left: -25px;
}
.portfolioAnimation2 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 1490px;
	left: 155px;
}
.portfolioAnimation3 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 1490px;
	left: 330px;
}
.portfolioAnimation4 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 1490px;
	left: 520px;
}
.portfolioAnimation5 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 1490px;
	right: -8px;
}
.portfolioAnimation6 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 1033px;
	left: -8px;
}
.portfolioAnimation7 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 1033px;
	right: -8px;
}
.portfolioAnimation8 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 1690px;
	left: -8px;
}
.portfolioAnimation9 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 1690px;
	left: 90px;
}
.portfolioAnimation10 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 1690px;
	left: 195px;
}
.portfolioAnimation11 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 1690px;
	left: 305px;
}
.portfolioAnimation12 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 1690px;
	left: 405px;
}
.portfolioAnimation13 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 1690px;
	left: 515px;
}
.portfolioAnimation14 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 1690px;
	left: 615px;
}
.portfolioAnimation15 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 1690px;
	left: 720px;
}
.portfolioAnimation16 {
	margin-bottom: 0px;
	margin-left: 4px;
	margin-right: 4px;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	position: absolute;
	top: 1690px;
	right: -8px;
}

.portfolioBallerinas {
	position: absolute;
	top: 2018px;
	left: 191px;
}

.portfolioMegan {
	position: absolute;
	top: 2400px;
	left: 191px;
}

.portfolioWinterMermaid {
	position: absolute;
	top: 3000px;
	left: 191px;
}

.portfolioHeader {
	padding-top: 100px;
	padding-bottom: 20px;
}
.contactTextEmail {
	color: #5cc6f3;
	font-weight: bold;
}
.contactTextUnderline {
	font-weight: bold;
	text-decoration: underline;
}