/**
 * module.content.css 
 * CSS for the Content Pages. 
 * @author Tony Collings
 * @package MCP
 * @version 1.0 
 * @date May 2013
 */
 
 

/*	core.css overrides
	------------------------------------------------------------------------- */ 
	
	
	/*	HOMEPAGE - index.tpl
		----------------------------------------------------------------------------------- */ 
		
	body#homepage #left-col p {
		padding: 0px; 
		margin: 0px; 
		padding: 5px 0px; 
		font-size: 15px; font-weight: bolder; 
		position: relative; 
		top: 8px; 
		left: 2px; 	
	}
	
	span.model-image{
   	display: block;
    height: 713px;
    left: 50%;
    margin-left: -522px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 64px;
    width: 1124px;
    z-index: 300;	
	}
		span.model-tagline {
			display: inline-block; 
			width: 132px; height: 53px;
			position: absolute; 
			top: 395px; right: 180px; 
			overflow: hidden; 	
		}
		
	div#videos-wrapper {
		position: relative; 
		margin-top: 15px; 
	}
	div#videos-wrapper p {
			
	}
	
	
	
	div.scroll-mask,
	div.scroll-content {
		width: 190px; 	
	}
	div.scroll-mask {
		/*
		margin-left: 20px; 
		padding-top: 15px; 
		*/
		height: 270px; 
		overflow: hidden; 
	}
	div.scroll-content {
			
	}
	
	div.scroll-bar {
		width: 8px; height: 100%; 
		position: absolute; top: 0px; right: 75px; 
		-webkit-border-radius: 4px;
    	border-radius: 4px;
		background-color: #faf3f0;
		-webkit-box-shadow: inset 3px 3px 2px 0px rgba(244,228,222, 0.8);
        box-shadow: inset 3px 3px 2px 0px rgba(244,228,222, 0.8); 
	}
	div.scroll-bar span.scroll-handle {
		width: 8px; height: 40px; 
		-webkit-border-radius: 4px;
    	border-radius: 4px;	
		display: block; position: absolute; 
		top: 0px; left: 0px; 
		background-color: #dd6c44;
		z-index: 1000; 	
		cursor: pointer; 
	}
	
		div#videos-wrapper .video {
			margin-top: 10px; 
			cursor: pointer !important; 
			position: relative; 	
		}
		div#videos-wrapper .video:first-child {
			margin-top: 0px; 	
		}
	
		span.video-poster{
			display: block; 
			width: 190px; height: 106px; 
			overflow: hidden; 
		}
		span.video-poster img {
			width: 190px; height: auto; 
			-webkit-border-radius: 8px;
    		border-radius: 8px;
		}		
		
		span.video-title {
			display: block; 
			clear: both; 
			color: #4c88a2; 
		}
		
		span.play-button {
			width: 44px; 
			height: 50px; 
			display: block; 
			position: absolute; 
			top: 30px; 
			left: 70px;
			z-index: 50;
			background: transparent url('img/ui/video-play.png') no-repeat; 	
		}
		div.video:hover span.play-button{
			display: block; 
		}	
		
		
	
	
	/*	CONTACT - Contact Form "Overlay 
		----------------------------------------------------------------------------------- */ 
		
		
		div#contact-form-container{
			width: 600px; height: 360px; 
			position: absolute; 
			top: -380px; /* MooTools brings this into "view" */ left: 50%; margin-left: -80px;  
			z-index: 5500; 
			opacity: 0; 
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
			filter: alpha(opacity=0);  		
		}
		div#contact-form-container .opacity {
			display: block; 
			position: absolute; 
			width: 100%; height: 100%;
			background-color: #fff; 
			opacity: 0.5; 
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  
			filter: alpha(opacity=50);  		
			z-index: -1;
			padding: 20px; 
			left: -20px; top: -20px;  
			
			-webkit-box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.5);
			box-shadow:  0px 0px 8px 0px rgba(0, 0, 0, 0.5);			
			-webkit-border-radius: 0px 0px 8px 8px;
			border-radius: 0px 0px 8px 8px;		
		}
			div#contact-form{
				width: 600px; height: 360px; 
				background-color: #fff; 	
			}
			
		a.contact-close {
			display: inline-block; position: absolute; 
			text-align: right; 
			width: 100px; 
			top: 5px; right: 160px; 
			color: #d6653b; 
			font-size: 11px; font-weight: bolder; 
			text-transform: uppercase; 	
		}
		
		
		
		body#page-contact div.page-content{
			padding: 40px 67px /* 1024 - 890/2 */; 
			width: 890x;    	
		}
		
		body#page-contact div#intro{
			margin: 20px 0px; 	
			margin-bottom: 50px; 	
		}
		
			#intro #image {
				width: 530px; margin-right: 20px;  	
			}
			#intro #text{
				width: 200px; 
				position: relative; 
			}
			
			p#map-button{
				position: absolute; top: 15px; right: -80px; 	
			}
			
			div.store-address {
				text-align: left; 	
			}
			div.store-address span.unna {
				font-size: 24px;
				display: inline-block; 
				margin-bottom: 10px;  	
			}
		

		body#page-contact .form-errors{
			width: 580px; 
			background-color: #fff; 
			color: #e15947; 
			float: right; 	
			width: 310px; 
		}


		
		input#cf_name,
		input#cf_email,
		input#cf_subject,
		textarea#cf_message{
			width: 220px; 
		}	
		input#cf_email {
			width: 190px; 	
		}
		textarea#cf_message{
			height: 100px; width: 440px;  	
		}		
		
		
		div#success-message{
			padding: 20px; 
		}
		div#success-message a {
			display: inline-block; margin: 20px 0px; 
		}
		
		span.privacy-information{
			font-size: 11px;
			text-align: left; 
			line-height: 115%;  
			display: inline-block; 
			position: absolute;
			top: 0px; left: 0px; 
			color: #6d6d6d;
			width: 410px; 
		}