/* CSS Document */

/* BANNERS / SLIDES */

.wrapper .slides{
	position:relative;
	height:399px;
	z-index:20;
}

.wrapper .slides .slides_container{
	z-index:20;
}

.wrapper .slides_container .slide-1, .wrapper .slides_container .slide-2, .wrapper .slides_container .slide-3, .wrapper .slides_container .slide-4, .wrapper .slides_container .slide-5, .wrapper .slides_container .slide-6, .wrapper .slides_container .slide-7, .wrapper .slides_container .slide-8{
	z-index:20;
	background:url(../repository_images/new/banners/premier-photo-cinematic-tour-company.jpg);
	width:1020px;
	height:364px;
	position:relative;
	display:none;
}

.wrapper .slides_container .slide-2{
	background:url(../repository_images/new/banners/cinematic-video.jpg);
}

.wrapper .slides_container .slide-3{
	background:url(../repository_images/new/banners/architectural-photography.jpg);
}

.wrapper .slides_container .slide-4{
	background:url(../repository_images/new/banners/social-hub.jpg);
}

.wrapper .slides_container .slide-5{
	background:url(../repository_images/new/banners/diy-builder.jpg) right no-repeat;
}

.wrapper .slides_container .slide-6{
	background:url(../repository_images/new/banners/virtual-staging.jpg);
}

.wrapper .slides_container .slide-7{
	background:url(../repository_images/new/banners/mobile-preview.jpg) left top;
}

.wrapper .slides_container .slide-8{
	background:url(../repository_images/new/banners/mobile-ready.jpg);
}

/*.wrapper .slides_container .slide-bu{
	background:url(../repository_images/new/banners/mobile-ready.jpg);
	background:url(../repository_images/new/banners/property-microsites.jpg);
}*/

.wrapper .slides .pagination {
	position:absolute;
	bottom:0px;
	right:0px;
	margin-bottom:8px;
}

.wrapper .slides .pagination li {
	float:left;
	margin:0 5px;
	list-style:none;
}

.wrapper .slides .pagination li a {
	display:block;
	width:10px;
	height:0;
	padding-top:11px;
	background-image:url(../repository_images/new/buttons/slides-pagination.gif);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.wrapper .slides .pagination li.current a {
	background-position:0 -11px;
}

.wrapper .slides_container .slide-content{
	position:absolute;
	top:0px;
	left:18px;
	width:317px;
	height:341px;
	padding:20px;
	padding-top:3px;
	background-image:url(../repository_images/new/black-70-perc-trans.png);
	z-index:500;
}

.wrapper .slides_container .slide-1 .content{
	background-image:none;
	width:688px;
	margin:auto;
	margin-top:192px;
	color:white;
	text-align:center;
	font-size:18px;
	line-height:32px;
	font-family:Arial, Helvetica, sans-serif;
}

.wrapper .slides_container .slide-1 .photo-port, .wrapper .slides_container .slide-1 .video-port{
	position:absolute;
	top:289px;
	left:360px;
	height:38px;
	width:136px;
	cursor:pointer;
}

.wrapper .slides_container .slide-1 .photo-port span, .wrapper .slides_container .slide-1 .video-port span{
	display:none;
}

.wrapper .slides_container .slide-1 .video-port{
	left:509px;
}

.wrapper .slides_container .slide-content .title-bar{
	margin-top:4px;
}

.wrapper .slides_container .slide-content .title-bar .bar-title{
	color:#cdcccc;
	float:left;
	padding-left:5px;
	white-space:nowrap;
}

.wrapper .slides_container .slide-content .title-bar .bar{
	background-color:#cdcccc;
	height:1px;
	line-height:0px;
	float:left;
	width:203px;
	margin-top:8px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

.wrapper .slides_container .slide-content .header{
	font-size:33px;
	color:white;
	margin-top:32px;
	margin-bottom:0px;
	height:auto;
}

.wrapper .slides_container .slide-content .text{
	color:#cdcccc;
	font-size:12px;
	line-height:25px;
	margin-top:15px;
	margin-bottom:15px;
}

.wrapper .slides_container .slide-content .blue-btn{
	background-color:#217fae;
	width:150px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	color:white;
	font-size:12px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	cursor:pointer;
}

/* ICON SLIDE */

.wrapper div.icon-slide{
	position: relative;
	height:228px;
	width: 1020px;
	overflow:hidden;
	background-color:#151718;
	height:228px;	
}

.wrapper div.icon-slide div.scrollWrapper{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.wrapper div.icon-slide div.scrollWrapper div.scrollableArea{
	position: relative;
	width: auto;
	height: 100%;
}

.wrapper div.icon-slide div.scrollingHotSpotLeft{
	min-width: 75px;
	width: 10%;
	height: 100%;
	position: absolute;
	z-index: 200;
	left: 0;
}

.wrapper div.icon-slide div.scrollingHotSpotLeftVisible{
	background-image: url(../repository_images/new/icons/slide-arrow-l.png);				
	background-repeat: no-repeat;
	background-position:left;
	zoom: 1;
}

.wrapper div.icon-slide div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	position: absolute;
	z-index: 200;
	right: 0;
}

.wrapper div.icon-slide div.scrollingHotSpotRightVisible
{
	background-image: url(../repository_images/new/icons/slide-arrow-r.png);
	background-repeat: no-repeat;
	background-position:right;
	zoom: 1;
}

.wrapper div.icon-slide ul.icon-slide{
	width:1734px;
	padding:0px;
	margin:0px;
	margin-top:5px;
	border-bottom:1px solid #202224;
}

.wrapper div.icon-slide ul.icon-slide li{
	display:inline;
	margin:0px;
}

.wrapper div.icon-slide ul.icon-slide li a{
	display:block;
	width:200px;
	text-align:center;
	color: #d2d2d2;
	text-decoration:none;
	padding:20px;
	padding-left:22px;
	padding-right:22px;
	float:left;
}

.wrapper div.icon-slide ul.icon-slide li a img{
	margin:auto;
	margin-bottom:24px;
	border:0px;
	display:block;
}

/* POPUP VIDEOS */

.popup-video{
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-450px;
	margin-top:-253px;
	z-index:1005;
	width:900px;
	height:507px;
	border:3px solid #414244;
}

.modal-bg{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
	background-color:black;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	z-index:1000;
}