/* @override http://thehousethatcastingbuilt.com/css/styles.css */

/**
*
* FSS - Full Screen Sliding Website Plugin
* URL: http://www.codecanyon.net/user/lydian
* Version: 1.0
* Author: Lydian
* Author URL: http://www.codecanyon.net/user/lydian
*
*
* ATTENTION:
*
* This styles file include the styles for the sample content. You can completely
* ignore this file.
*
*/

/**
* Primary Styles.
*/

*{
	margin: 0;
	padding: 0;
}

body {
    background: #222;
    font: 14px Georgia, Cambria, "Times New Roman", Times, serif;
}

img {
	border: 0;
}

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

}

.outer-wrapper {
    min-width: 1024px;
    z-index: 100;
    position: relative;
}

inner-wrapper {
	width: 100%;
}
/**
* Styles for background images.
*/

.servicesBackground {
	background: url('../images/servicesBack.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.aboutusBackground {
	background: url('../images/aboutusBack.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.developmentBackground {
	background: url('../images/developmentBack.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.currentlycastingBackground {
	background: url('../images/currentlycastingBack.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/**
* Styles for the preloader.
*/
.slider .loading {
    background: url(../images/preloader.gif) no-repeat center center;
}

/**
* Styles for the navigation.
*/
.cards {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 400;
	width: 432px;
	height: 313px;
}

.servicesLink {
	position: absolute;
	top:267px;
	left: 75px;
	z-index: 401;
}

.aboutusLink {
	position: absolute;
	top:265px;
	left: 198px;
	z-index: 401;
}

.developmentLink {
	position: absolute;
	top:245px;
	left: 318px;
	z-index: 401;
}

	a.primaryLink, a.primaryLink:visited{
		opacity: 1; 
		filter: alpha(opacity=100);
	}

	a.primaryLink:hover, a.primaryLink:active{
		opacity: 0.6; 
		filter: alpha(opacity=60);
	}

/**
* Styles for the content.
*/
.coffee {
	position: absolute;
	top: 463px;
	left: 0px;
	z-index: 297;
}

.remote {
	position: absolute;
	top: 390px;
	left: 0px;
	z-index: 297;
}

.phone {
	position: absolute;
	top: 390px;
	left: 0px;
	z-index: 297;
}

.keychain {
	position: absolute;
	top: 372px;
	left: 50px;
	z-index: 297;
}

.servicesContent {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 298;
    margin: 0;
    padding: 0;  
}

.aboutusContent {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 298;
    margin: 0;
    padding: 0;  
}

.developmentContent {
    position: absolute;
    top: 50px;
    right: 0px;
    z-index: 298;
    margin: 0;
    padding: 0;  
}

.pushpin {
	position: absolute;
	top: 35px;
	right: 275px;
	z-index: 299
}

.currentlycastingContent {
    position: absolute;
    top: 50px;
    right: 50px;
    width:500px;
    background: #fff;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */  
	margin-bottom: 100px;
}

.scrollBox{
	font-family: 'HartingPlain', "Courier New", Courier, monospace;
	color: #222;
	overflow: auto;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	margin-top: 50px;
	background: #fff;
	height: 680px;
    background: #fff;
    z-index: 298;
    padding: 0px 20px;
}

.scrollBox p{
	padding-bottom: 10px; 
}

.scrollBox p a, .scrollBox p a:visited{
	color: #222;
	text-decoration: underline; 
}

.scrollBox p a:hover, .scrollBox p a:active{
	color: #666;
	text-decoration: underline; 
}

.servicesEmail {
	position: absolute;
	top: 589px;
	right: 90px;
	background: none;
	z-index: 299;
}

.servicesMediatraining {
	position: absolute;
	top: 485px;
	right: 44px;
	background: none;
	z-index: 299;
}

.aboutusEmail {
	position: absolute;
	top: 712px;
	right: 72px;
	background: none;
	z-index: 299;
}

.aboutusTelephone {
	position: absolute;
	top: 783px;
	right: 266px;
	background: none;
	z-index: 299;
	width: 163px;
	height: 43px;
}

.aboutusFax {
	position: absolute;
	top: 784px;
	right: 200x;
	background: none;
	z-index: 299;
	width: 118px;
	height: 50px;
	left: 355px;
}

.developmentEmail {
	position: absolute;
	top: 552px;
	right: 58px;
	background: none;
	z-index: 299;
}

/**
* Styles for the footer.
*/

.sticky {
	position: absolute;
	z-index: 300;
	top: 225px;
	left: 40px;
}

.social {
	width: 200px;
	height: 40px;
	position: absolute;
	z-index: 301;
	top: 337px;
	left: 60px;
	transform: rotate(15deg);
	-ms-transform: rotate(15deg); /* IE 9 */
	-webkit-transform: rotate(15deg); /* Safari and Chrome */
	-o-transform: rotate(15deg); /* Opera */
	-moz-transform: rotate(15deg); /* Firefox */
}

.social a{
	display: inline;
	margin-right: 3px;
	opacity: 1; 
	filter: alpha(opacity=100);
}

.social a:hover{
	display: inline;
	margin-right: 3px;
	opacity: 0.4; 
	filter: alpha(opacity=40);
}