/*
/ --------------------------------------
/	Linn.co.uk
/   Frame Digital
/
/
	Homepage formatting
/ --------------------------------------
/
/	-	Page Layout
*/

/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.4
	Site	: www.buildinternet.com/project/supersized
	
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

.page, .page .content
{
	background-color: transparent;
}


body
{
	padding:0px;
	margin:0px;
	font-family:Calibri;
	height: 100%;
}
img
{
	border: none;
}
#supersized-loader
{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	text-indent: -999em;
	background: url(../../images/core/progress.gif) no-repeat center center;
}
#supersized
{
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: -999;
	height: 100%;
	width: 100%;
	min-width: 1200px;
}
#supersized img
{
	width: auto;
	height: auto;
	position: relative;
	display: none;
	outline: none;
	border: none;
}
#supersized.speed img
{
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -moz-crisp-edges;
}
/*Speed*/
#supersized.quality img
{
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}
/*Quality*/
#supersized li
{
	display: block;
	list-style: none;
	z-index: -30;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #111;
}
#supersized a
{
	width: 100%;
	height: 100%;
	display: block;
}
#supersized li.prevslide
{
	z-index: -20;
}
#supersized li.activeslide
{
	z-index: -10;
}
#supersized li.image-loading
{
	background: #111 url(../../images/core/progress.gif) no-repeat center center;
	width: 100%;
	height: 100%;
}
#supersized li.image-loading img
{
	visibility: hidden;
}
#supersized li.prevslide img, #supersized li.activeslide img
{
	display: inline;
}

/* speech bubble for home page image music moments */


.triangle-right
{
	position: relative;
	padding: 15px;
	margin: 1em 0 3em;
	width: 250px;
	height: 250px;
}

.triangle-right.right
{
	margin-right: 40px; 
}

.music-moments-bubble-container
{
	position: absolute;
	bottom: 100px;
	left: 100px;
}

#viewMomentsBtn
{
	background-image: url('../../images/buttons/arrow-right.gif');
	text-decoration: none;
}

#linkToWallTextId
{
	text-transform: uppercase;
	position: absolute;
	bottom: 50px;
}

#musicMomentsBubble .underline
{
	border-color: black;
	width: 90%;
	position: absolute;
	bottom: 80px;
	color: black;
	margin-bottom: 6px;
}

#musicMomentsBubble div:first
{
	width: 100%;
}

#linkToWallTextId
{
	font-size: 14px;
}

#arrowImageId
{
	padding-left: 10px;
	vertical-align: text-bottom;
}


.hover-in-bubble
{
	color: white;
}

.music-moments-bubble-attach-top
{
	top: 50px;
}

#musicMomentsBubble h2
{
	margin-bottom: 10px;
}

/*normal bubble color state*/
#musicMomentsBubble.tdk-c90-normal
{
	background-color: rgb(230, 149, 63);
	background-color: rgba(230, 149, 63, 1);
}
#musicMomentsBubble.making-history-normal
{
	background-color: rgb(184, 99, 161);
	background-color: rgba(184, 99, 161, 1);
}
#musicMomentsBubble.packing-essentials-normal
{
	background-color: rgb(132, 155, 104);
	background-color: rgba(132, 155, 104, 1);
}
#musicMomentsBubble.studio-time-normal
{
	background-color: rgb(230, 149, 63);
	background-color: rgba(230, 149, 63, 1);
}
#musicMomentsBubble.sunday-morning-normal
{
	background-color: rgb(175, 192, 140);
	background-color: rgba(175, 192, 140, 1);
}
#musicMomentsBubble.one-summer-normal
{
	background-color: rgb(230, 149, 63);
	background-color: rgba(230, 149, 63, 1);
}
#musicMomentsBubble.we-danced-normal
{
	background-color: rgb(135, 203, 239);
	background-color: rgba(135, 203, 239, 1);
}
#musicMomentsBubble.word-for-word-normal
{
	background-color: rgb(254, 225, 171);
	background-color: rgba(254, 225, 171, 1);
}
#musicMomentsBubble.fourteen-days-normal
{
	background-color: rgb(135, 203, 239);
	background-color: rgba(135, 203, 239, 1);
}
#musicMomentsBubble.clothes-shopping-normal
{
	background-color: rgb(216, 149, 188);
	background-color: rgba(216, 149, 188, 1);
}
#musicMomentsBubble.festivals-normal
{
	background-color: rgb(223, 80, 92);
	background-color: rgba(223, 80, 92, 1);
}
#musicMomentsBubble.great-company-normal
{
	background-color: rgb(216, 149, 188);
	background-color: rgba(216, 149, 188, 1);
}



#musicMomentsBubble.tdk-c90-normal:hover
{
	background-color: rgba(230, 149, 63, 0.8);
}
#musicMomentsBubble.making-history-normal:hover
{
	background-color: rgba(184, 99, 161, 0.8);
}
#musicMomentsBubble.packing-essentials-normal:hover
{
	background-color: rgba(132, 155, 104, 0.8);
}
#musicMomentsBubble.studio-time-normal:hover
{
	background-color: rgba(230, 149, 63, 0.8);
}
#musicMomentsBubble.sunday-morning-normal:hover
{
	background-color: rgba(175, 192, 140, 0.8);
}
#musicMomentsBubble.one-summer-normal:hover
{
	background-color: rgba(230, 149, 63, 0.8);
}
#musicMomentsBubble.we-danced-normal:hover
{
	background-color: rgba(135, 203, 239, 0.8);
}
#musicMomentsBubble.word-for-word-normal:hover
{
	background-color: rgba(254, 225, 171, 0.8);
}
#musicMomentsBubble.fourteen-days-normal:hover
{
	background-color: rgba(135, 203, 239, 0.8);
}
#musicMomentsBubble.clothes-shopping-normal:hover
{
	background-color: rgba(216, 149, 188, 0.8);
}
#musicMomentsBubble.festivals-normal:hover
{
	background-color: rgba(223, 80, 92, 0.8);
}
#musicMomentsBubble.great-company-normal:hover{
	background-color: rgba(216, 149, 188, 0.8);
}

.tdk-c90-triangle:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 201px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgb(230, 149, 63) transparent;
	border-color: rgba(230, 149, 63, 1) transparent;
	display: block;
	width: 0;
}
.making-history-triangle:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgb(184, 99, 161) transparent;
	border-color: rgba(184, 99, 161, 1) transparent;
	display: block;
	width: 0;
}

.packing-essentials-triangle:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgb(132, 155, 104) transparent;
	border-color: rgba(132, 155, 104, 1) transparent;
	display: block;
	width: 0;
}
.studio-time-triangle:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgb(230, 149, 63) transparent;
	border-color: rgba(230, 149, 63, 1) transparent;
	display: block;
	width: 0;
}
.sunday-morning-triangle:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgb(175, 192, 140) transparent;
	border-color: rgba(175, 192, 140, 1) transparent;
	display: block;
	width: 0;
}
.one-summer-triangle:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgb(230, 149, 63) transparent;
	border-color: rgba(230, 149, 63, 1) transparent;
	display: block;
	width: 0;
}
.we-danced-triangle:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgb(135, 203, 239) transparent;
	border-color: rgba(135, 203, 239, 1) transparent;
	display: block;
	width: 0;
}
.word-for-word-triangle:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgb(254, 225, 171) transparent;
	border-color: rgba(254, 225, 171, 1) transparent;
	display: block;
	width: 0;
}

.fourteen-days-triangle:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgb(135, 203, 239) transparent;
	border-color: rgba(135, 203, 239, 1) transparent;
	display: block;
	width: 0;
}
.clothes-shopping-triangle:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgb(216, 149, 188) transparent;
	border-color: rgba(216, 149, 188, 1) transparent;
	display: block;
	width: 0;
}
.festivals-triangle:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgb(223, 80, 92) transparent;
	border-color: rgba(223, 80, 92, 1) transparent;
	display: block;
	width: 0;
}
.great-company-triangle:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgb(216, 149, 188) transparent;
	border-color: rgba(216, 149, 188, 1) transparent;
	display: block;
	width: 0;
}


.tdk-c90-triangle:hover:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgba(230, 149, 63, 0.8) transparent;
	display: block;
	width: 0;
}
.making-history-triangle:hover:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgba(184, 99, 161, 0.8) transparent;
	display: block;
	width: 0;
}

.packing-essentials-triangle:hover:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgba(132, 155, 104, 0.8) transparent;
	display: block;
	width: 0;
}
.studio-time-triangle:hover:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgba(230, 149, 63, 0.8) transparent;
	display: block;
	width: 0;
}
.sunday-morning-triangle:hover:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgba(175, 192, 140, 0.8) transparent;
	display: block;
	width: 0;
}
.one-summer-triangle:hover:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgba(230, 149, 63, 0.8) transparent;
	display: block;
	width: 0;
}
.we-danced-triangle:hover:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgba(135, 203, 239, 0.8) transparent;
	display: block;
	width: 0;
}
.word-for-word-triangle:hover:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgba(254, 225, 171, 0.8) transparent;
	display: block;
	width: 0;
}
.fourteen-days-triangle:hover:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgba(135, 203, 239, 0.8) transparent;
	display: block;
	width: 0;
}
.clothes-shopping-triangle:hover:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgba(216, 149, 188, 0.8) transparent;
	display: block;
	width: 0;
}
.festivals-triangle:hover:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgba(223, 80, 92, 0.8) transparent;
	display: block;
	width: 0;
}
.great-company-triangle:hover:after
{
	content: "";
	position: absolute;
	bottom: -50px;
	left: 200px;
	border-width: 50px 78px 0 0;
	border-style: solid;
	border-color: rgba(216, 149, 188, 0.8) transparent;
	display: block;
	width: 0;
}