/* CSS Document */
/* quis est iste qui venit */

/* NovecentowideBookBold is a font by Jan Tonellato http://typography.synthview.com */
/* NovecentowideBookRegular is a font by Jan Tonellato http://typography.synthview.com */
/* NovecentowideLightBold is a font by Jan Tonellato http://typography.synthview.com */
/* NovecentowideLightRegular is a font by Jan Tonellato http://typography.synthview.com */
/* NovecentowideUltraLightBold is a font by Jan Tonellato http://typography.synthview.com */
/* NovecentowideNormalRegular is a font by Jan Tonellato http://typography.synthview.com */


@font-face {
    font-family: 'NovecentowideBookBold';
    src: url('Novecentowide-Bold-webfont.eot');
    src: url('Novecentowide-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Novecentowide-Bold-webfont.woff') format('woff'),
         url('Novecentowide-Bold-webfont.ttf') format('truetype'),
         url('Novecentowide-Bold-webfont.svg#NovecentowideBookBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'NovecentowideBookRegular';
    src: url('Novecentowide-Book-webfont.eot');
    src: url('Novecentowide-Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('Novecentowide-Book-webfont.woff') format('woff'),
         url('Novecentowide-Book-webfont.ttf') format('truetype'),
         url('Novecentowide-Book-webfont.svg#NovecentowideBookRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'NovecentowideLightBold';
    src: url('Novecentowide-DemiBold-webfont.eot');
    src: url('Novecentowide-DemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Novecentowide-DemiBold-webfont.woff') format('woff'),
         url('Novecentowide-DemiBold-webfont.ttf') format('truetype'),
         url('Novecentowide-DemiBold-webfont.svg#NovecentowideLightBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'NovecentowideLightRegular';
    src: url('Novecentowide-Light-webfont.eot');
    src: url('Novecentowide-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Novecentowide-Light-webfont.woff') format('woff'),
         url('Novecentowide-Light-webfont.ttf') format('truetype'),
         url('Novecentowide-Light-webfont.svg#NovecentowideLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'NovecentowideUltraLightBold';
    src: url('Novecentowide-Medium-webfont.eot');
    src: url('Novecentowide-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('Novecentowide-Medium-webfont.woff') format('woff'),
         url('Novecentowide-Medium-webfont.ttf') format('truetype'),
         url('Novecentowide-Medium-webfont.svg#NovecentowideUltraLightBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'NovecentowideNormalRegular';
    src: url('Novecentowide-Normal-webfont.eot');
    src: url('Novecentowide-Normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('Novecentowide-Normal-webfont.woff') format('woff'),
         url('Novecentowide-Normal-webfont.ttf') format('truetype'),
         url('Novecentowide-Normal-webfont.svg#NovecentowideNormalRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#image {
	background-image: url('../images/large BG IRELAND 2.jpg');
	position:fixed;
	width:100%;
	height:100%;
	top:0%;
  	left:0%;
}




#imageStreet {
	background-image: url('../images/large BG mountains NEW.jpg');
  	position:fixed;
	width:100%;
	height:100%;
	top:0%;
	left:0%;
}


#imageWork {
	background-image: url('../images/large BG deckchair BW.jpg');
	position: fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0%;
	
}

#imageContact {
	background-image: url('../images/large BG rain.jpg');
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0%;
	
}

.blackBox {
	position:absolute;
	background-color: black;
	width:100%;
	height:27%;
	top:73%;
	left:0%;
	opacity: 0.3;
}





#header {
	font-family:"NovecentowideNormalRegular";
	color:#666666;
	font-size:20px;
	letter-spacing:5px;
	text-decoration:none;
	position:absolute;
	width:70%;
	height:20%;
	left:25%;
}

#header:hover {
 	color:#2e9c98;
	}

#subhead {
	position:absolute;
	width:500px;
	height:30px;
	left:50%;
	top:120px;
}

ul.nav li {
	float:right;
}

ul.nav a {
	display:block;
	color:#FFFFFF;
	border:none;
	float:right;
	text-decoration:none;
}

ul.nav a:hover {
	color:#666666;
	}


	
.footer {
	position:absolute;
	height:20%;
	top:80%;
	width:75%;
	left:20%;
	font-family:"NovecentowideNormalRegular";
	color:#fff;
	font-size:6px;
	letter-spacing:1px;
	line-height:15px;
	padding-left:5%;
	padding-top:1%;
	}
	
	
.aboutText {
	position:absolute;
	height:50%;
	top:30%;
	width:75%;
	left:20%;
	font-family:"NovecentowideUltraLightBold";
	color:#999;
	font-size:9px;
	letter-spacing:1px;
	line-height:13px;
	padding-left:5%;
	*padding-top:1%;
	}
	
	
.aboutTextWhite {
	position:absolute;
	height:50%;
	top:25%;
	width:75%;
	left:20%;
	font-family:"NovecentowideUltraLightBold";
	color:#FFF;
	font-size:16px;
	letter-spacing:1px;
	line-height:18px;
	padding-left:5%;
	*padding-top:1%;
	}
	
.lower-middle-block {
	position:absolute;
	width:50%;
	left:10%;
	height:25%;
	top:75%;
	}
	
	
.lower-middle-panel {
	position:absolute;
	opacity:0.6;
	width:50%;
	left:25%;
	height:40%;
	top:60%;
	}
	
.lower-middle-left {
	position:absolute;
	width:17%;
	height:100%;
	color:#FFFFFF;
	font-family:"NovecentowideNormalRegular";
	font-size:10px;
	letter-spacing:2px;
	line-height:25px;
	text-align:right;
	padding-right:3%;
	padding-top:10%;

	}
	
	
.lower-middle-left-panel {
	position:absolute;
	width:17%;
	height:inherit;
	color:#FFFFFF;
	font-family:"NovecentowideNormalRegular";
	font-size:9px;
	letter-spacing:2px;
	line-height:2em;
	text-align:right;
	padding-right:1%;
	padding-top:7%;

	}
	
.header-text {
	font-family:"Clarendon Hv BT";
	color:#FFFFFF;
	font-size:40px;
	letter-spacing:2px;
	text-decoration:none;
}

.lower-middle-right {
	position:absolute;
	width:80%;
	left:20%;
	top:25%;
	height:85%;
	color:#FFFFFF;
	font-family:"NovecentowideUltraLightBold";
	font-size:13px;
	text-align:left;
	line-height:.4em;
	letter-spacing:3px;
	padding-left:5%;
	padding-top:1%;
	}
	
.subtitle {
	position:absolute;
	color:#699;
	font-family:"NovecentowideNormalRegular";
	font-size:13px;
	letter-spacing:3px;
	left:0px;
	
}

.lower-middle-right-text {
	color:#FFFFFF;
	font-family:"Novecento wide Normal";
	font-size:30px;
	text-align:left;
	line-height:.5em;
	letter-spacing:1px;
	}
	
ul, li {
    list-style-type: none;
}

/.subtitle:hover {
	color:#000000;
	font-size:20px;
	}
	
a:link, a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}
	
a:hover {
	color:#808080;
	text-decoration:none;
	}
	
	
#video {
	color:#FFFFFF;
	font-family:Perpetua;
	font-size:20px;
	letter-spacing:2px;
	position:absolute;
	top:5%;
	width:70%;
	height:60%;
	left:25%;
}

.letter_J {
	color:#000000;
	}
	
.letter_J:hover {
	color:white;
	}
	
	
.video {
	position:absolute;
	width:50%;
	left:25%;
	height:50%;
	top:20%;
	}
	
.videoHolder {
	background-color:#000000;
	position:absolute;
	width:56%;
	left:22%;
	height:83%;
	top:17%;
	opacity:0.4;
	}
	
.videoHolderText {
	position:absolute;
	width:44%;
	left:28%;
	height:30%;
	top:70%;
	color:#FFFFFF;
	font-family:"NovecentowideBookRegular";
	font-size:16px;
	letter-spacing:1px;
	line-height:30px;
	}
	
.showreelPageName {
	position:absolute;
	width:56%;
	left:22%;
	bottom:83%;
	font-family:"NovecentowideLightBold";
	color:#FFFFFF;
	font-size:15px;
	letter-spacing:2px;
}

.smallBlackFont {
	font-family:"NovecentowideLightBold";
	color:#000;
	font-size:9px;
}

.showreelListFont {
	font-size:9px;
	
}

.showreelTasterBody {
	background-image:url('../images/large BG mountains NO TEXT.jpg');
	top:0px;
	left:0%;
	width: 100%;
	height: 100%;
	height: auto;
	
	
}

.showreelTitlesBody {
	background-image:url('../images/large BG mountains NO TEXT.jpg');
	top:0px;
	left:0%;
	width: 100%;
	height: 100%;
	height: auto;
	
	
}

.showreelOneBody {
	background-image:url('../images/large BG mountains NO TEXT.jpg');
	top:0px;
	left:0%;
	width: 100%;
	height: 100%;
	height: auto;
	
	
}


.showreelTwoBody {
	background-image:url('../images/large BG mountains NO TEXT.jpg');
	top:0px;
	left:0%;
	width: 100%;
	height: 100%;
	height: auto;
	
	
}


.showreelThreeBody {
	background-image:url('../images/large BG mountains NO TEXT.jpg');
	top:0px;
	left:0%;
	width: 100%;
	height: 100%;
	height: auto;
	
	
}