/* CSS Document */


.header {
	background-color: #333333;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.menu {
	background-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 24px;
}




.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #000000;
	padding: 6px 12px 6px 6px;
}

.menu a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.menu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.menu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #99CCCC;
	text-decoration: none;
}

.menu a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}


/* from oldeeyespoke/old/index.php */
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #99CCCC;
	text-decoration: none;
}

 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.header {
	background-color: #333333;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.menu {
	background-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 24px;
}


.contactInfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #2A2A2A;
	padding: 14px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #666666;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #000000;
	padding: 6px 12px 6px 6px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}





body {
	background-color: #4F4F4F;
}

/* home background styles */


.contentHome {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 52px 24px 24px 42px;
	background-image: url(http://www.jamesmac.ca/portfolio/images/homeBg.jpg);
	background-color: #000000;
	background-repeat: no-repeat;
	
	
}
	
.contentHomeMe {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 52px 24px 24px 42px;
	background-image: url(http://www.jamesmac.ca/portfolio/images/homeBgMe.jpg);
	background-color: #000000;
	background-repeat: no-repeat;
	
	
}

.contentColour {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 52px 24px 24px 42px;
	background-image: url(http://www.jamesmac.ca/portfolio/images/homeBgColour.jpg);
	background-color: #000000;
}

.aboutJoy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 52px 24px 24px 42px;
	background-image: url(http://www.jamesmac.ca/portfolio/images/aboutBgJoy.jpg);
	background-color: #000000;
}

.contentRocketbooster {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 52px 24px 24px 42px;
	background-image: url(http://www.jamesmac.ca/portfolio/images/homeBgRocketbooster.jpg);
	background-color: #000000;
}
.contentShadow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 52px 24px 24px 42px;
	background-image: url(http://www.jamesmac.ca/portfolio/images/homeBgShadows.jpg);
	background-color: #000000;
}
.contentLines {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 52px 24px 24px 42px;
	background-image: url(http://www.jamesmac.ca/portfolio/images/homeBgLines.jpg);
	background-color: #000000;
}
.contentCulture {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 52px 24px 24px 42px;
	background-image: url(http://www.jamesmac.ca/portfolio/images/homeBgCulture.jpg);
	background-color: #000000;
}
.contentConnection {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 52px 24px 24px 42px;
	background-image: url(http://www.jamesmac.ca/portfolio/images/homeBgConnection.jpg);
	background-color: #000000;
}
.contentMystery {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 52px 24px 24px 42px;
	background-image: url(http://www.jamesmac.ca/portfolio/images/homeBgMystery.jpg);
	background-color: #000000;
}
.contentDesign {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 52px 24px 24px 42px;
	background-image: url(http://www.jamesmac.ca/portfolio/images/homeBgDesign.jpg);
	background-color: #000000;
}
.contentAwareness {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 52px 24px 24px 42px;
	background-image: url(http://www.jamesmac.ca/portfolio/images/homeBgAwareness.jpg);
	background-color: #000000;
}
.contentTrust{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 52px 24px 24px 42px;
	background-image: url(http://www.jamesmac.ca/portfolio/images/homeBgTrust.jpg);
	background-color: #000000;
}
.contentDevotion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 52px 24px 24px 42px;
	background-image: url(http://www.jamesmac.ca/portfolio/images/homeBgDevotion.jpg);
	background-color: #000000;
}
/*Photo backgrounds */

.photoMenu {
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/photoBg.jpg);
	padding: 0px 24px 0px 6px;
}

.photoHome {
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/photoContentBg.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.photoBoston2004 {
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/photoBgBoston2004.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.photoAqua {
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/photoBgAqua.jpg);
    padding: 72px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.photoMagic {
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/photoBgMagic.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.photoMenuCol {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 24px;
}
.photoMenuLabels {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
}

.photoMenuLabels a:link {
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	text-decoration: none;
}

.photoMenuLabels a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	text-decoration: none;
}

.photoMenuLabels a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #99CCCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	text-decoration: none;
}

.photoMenuLabels a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	text-decoration: none;
}
/*web content*/
.webTarragon {
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/webBgTarragon.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.webCah {
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/webBgCah.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.webManitobia {
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/webBgManitobia.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.webEyespoke {
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/webBgEyespoke.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.webPacoima {
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/webBgPacoima.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.webChinook {
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/webBgChinook.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.webDstone {
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/webBgDstone.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.webManyhands {
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/webBgManyhands.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.webDsrf{
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/webBgDsrf.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.webMama {
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/webBgMama.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.webChrr {
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/webBgChrr.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.webVal {
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/webBgVal.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.webNAHO {
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/webBgNAHO.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.webHLN {
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/webBgHLN.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.webPLH {
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/webBgPLH.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.webHome {
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/webBgHome.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

/* logoandprint background images */
.logoHome {
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/logoBgHome.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.logoPacoima{
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/logoBgPacoima.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.logoChinook{
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/logoBgChinook.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.logoMama{
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/logoBgMama.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.logoDateNight{
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/logoBgDateNight.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.logoEyespoke{
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/logoBgEyespoke.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.logoManyhands{
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/logoBgmanyhands.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.logoGrowler{
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/logoBgGrowler.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.logoYmca{
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/logoBgYmca.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.logoVal{
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/logoBgVal.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.logoIdesign{
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/logoBgIdesign.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.logoRocketbooster{
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/logoBgRocketbooster.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.logoTarget{
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/logoBgTarget.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
/*art backgrounds */
.artHome{
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/artBg.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.resumeHome{
	background-color: #000000;
	background-image: url(http://www.jamesmac.ca/portfolio/images/resumeBg.jpg);
    padding: 52px 24px 24px 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}