/*
	CSS - Skype.com
	BACKGROUNDS
*/


/* Foreground Wrapper
----------------------------------------------------------------------------------------------------*/

.foregroundWrapper {
	margin: auto;
    max-width: 990px;
    min-width: 320px;
    position: relative;
    width: 100%;
}

	.foregroundWrapper .foregroundItem {
		position: absolute;
		top: 0;
	}

		.foregroundWrapper .foregroundItem.anchorTop {
			top: 0;
		}

		.foregroundWrapper .foregroundItem.anchorBottom {
			bottom: 0;
		}

		.foregroundWrapper .foregroundItem.anchorLeft {
			left: 0;
		}

		.foregroundWrapper .foregroundItem.anchorRight {
			right: 0;
		}


/* Background Wrapper
----------------------------------------------------------------------------------------------------*/

.backgroundWrapper {
    bottom: 0;
    height: inherit;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

	header .backgroundWrapper {
		left: 50%;
	}


/* Background Images
----------------------------------------------------------------------------------------------------*/
/*

.backgroundWrapper img,
.backgroundWrapper .backgroundImage {
	display: block;
    margin: auto;
    max-width: 1800px;
    width: 100%;
}*/

/*.backgroundWrapper.backgroundImage {
    left: 50%;
}*/

.backgroundWrapper img {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 1800px;
    height: 1800px;
    left: -50%;
    position: relative;
    top: 0;
    width: 100%;
}


/* Background Colours - Solids
----------------------------------------------------------------------------------------------------*/

.backgroundWhite,
.whiteBackground {
    background-color: #FFFFFF;
}

.backgroundFog,
.fogBackground {
    background-color: #E4EEF2;
}

.backgroundDarkFog,
.darkFogBackground {
    background-color: #A2C5D3;
}

.backgroundBlue,
.blueBackground {
	background-color: #00AFF0;
}

.backgroundDark,
.darkBackground {
	background-color: #2B5464;
}

.backgroundNone,
.noBackground {
	background-color: transparent;
}

/* Change cascaded text colours */

.backgroundBlue h1,
.backgroundBlue h2,
.backgroundBlue h3,
.backgroundBlue h4,
.backgroundBlue h5,
.backgroundBlue p {
	color: #FFFFFF;
}

	.backgroundBlue a {
		color: #FFFFFF;
	}

	.backgroundBlue a:hover,
	.backgroundBlue a:focus {
		color: #EFEEF2;
	}

.backgroundDark h1,
.backgroundDark h2,
.backgroundDark h3,
.backgroundDark h4,
.backgroundDark h5,
.backgroundDark p {
	color: #FFFFFF;
}

	.backgroundDark a {
		color: #FFFFFF;
	}

	.backgroundDark a:hover,
	.backgroundDark a:focus {
		color: #EFEEF2;
	}


/* Background Colours - Gradients
----------------------------------------------------------------------------------------------------*/

.backgroundGradient {
	background-color: #E4EEF2;
    background: url('../assets/images/backgrounds/bg-gradient-450.png') repeat;
    height: 450px
}

	.backgroundGradient_300 {
		background-color: #E4EEF2;
    	background: url('../assets/images/backgrounds/bg-gradient-300.png') repeat;
	    height: 300px
	}

	.backgroundGradient_450 {
		background-color: #E4EEF2;
    	background: url('../assets/images/backgrounds/bg-gradient-450.png') repeat;
	    height: 450px
	}

	.backgroundGradient_600 {
		background-color: #E4EEF2;
    	background: url('../assets/images/backgrounds/bg-gradient-600.png') repeat;
	    height: 600px
	}

	.backgroundGradient_750 {
		background-color: #E4EEF2;
    	background: url('../assets/images/backgrounds/bg-gradient-750.png') repeat;
	    height: 750px
	}

	.backgroundGradient_900 {
		background-color: #E4EEF2;
    	background: url('../assets/images/backgrounds/bg-gradient-900.png') repeat;
	    height: 900px
	}

.cssgradients .backgroundGradient,
.cssgradients .backgroundGradient_300,
.cssgradients .backgroundGradient_450,
.cssgradients .backgroundGradient_600,
.cssgradients .backgroundGradient_750,
.cssgradients .backgroundGradient_900 {
    background-image: linear-gradient(to bottom, #FFFFFF 0px, #E4EEF2 100%);
}