/*
	CSS - Skype.com
	BASE
*/


/* Initialise
----------------------------------------------------------------------------------------------------*/

html {
	background-color: #596B6F;
}

body {
	background-color: #E4EEF2;
	margin: 0 0 -30px;
}

section {
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

a {
	color: #0078CA;
}

a:hover {
	color: #00548D;
}

section, div, header, nav {
	zoom: 1;
}


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

.whiteBackground {
    background-color: #FFFFFF;
}

.lightFogBackground {
    background-color: #E4EEF2;
}

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

.transparentBackground {
	background-color: transparent;
}

.gradientBackground {
	background-color: #F3F8FA;
    background-image: linear-gradient(to bottom, #FFFFFF 0px, #E4EEF2 100%);
}

.blueBackground p {
	color: #FFFFFF;
}

.blueBackground a {
	color: #FFFFFF;
}

.blueBackground a:hover {
	color: #EFEEF2;
}


/* Alignments
----------------------------------------------------------------------------------------------------*/

.alignRight {
	text-align: right;
}

.alignLeft {
	text-align: left;
}

.alignCenter {
	text-align: center;
}


/* Form Factors
----------------------------------------------------------------------------------------------------*/

.isTablet,
.isMobile {
	display: none; 
}

.noDesktop {
	display: none !important;
}


/* Tablet version
------------------ */

@media only screen and (min-width: 768px) and (max-width: 959px) {

	.isTablet {
		display: block;
	}

	.isDesktop,
	.isMobile {
		display: none; 
	}

} /* end @media only screen and (min-width: 768px) and (max-width: 959px) */


/* Mobile version
------------------ */

@media only screen and (max-width: 767px) {

	.isMobile {
		display: block;
	}

	.isDesktop,
	.isTablet {
		display: none; 
	}

	.noDesktop {
		display: block !important;
	}

	.noMobile {
		display: none !important;
	}

} /* end @media only screen and (max-width: 767px) */