﻿@import url('https://fonts.googleapis.com/css?family=Ubuntu:regular,italic,bold,bolditalic&subset=cyrillic,greek,latin');
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);

.container {
	display: block;
	width: 900px;
	margin: 0px auto;
	
	
}


/* okay this is the thick border around the photo.  you can turn it off if you want */
/* Also, I just commented out the shadows */
/* Padding changes the thickness of the border.  I changed from 5 to 1 */
#iview {
	display: block;
	width: 960px;
	height: 500px;
	background: #000;
	background: rgba(0, 0, 0, 0.7);
	padding: 1px;
	border-radius: 0px;
	position: relative;
	/*-webkit-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);*/
	/*-moz-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);*/
	/*box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);*/
	margin: 10px auto;
}

/* this is  your block for the photos.  it had a radius of 4 that I made 0 */

#iview .iviewSlider {
	display: block;
	width: 900px;
	height: 500px;
	overflow: hidden;
	border-radius: 0px;
}










/* This is the positon of navibar and arrows.  I changed from 30 to -50. */
.iview-controlNav {
	position: absolute;
	bottom: -50px;
	left: 340px;
	height: 44px;
}




.iview-controlNav a {
	text-indent: -9999px;
}






/* PREVIOUS ARROW!!! */

.iview-controlNav a.iview-controlPrevNav {
	position: absolute;
	bottom: 275px;
	left: -420px;


	width: 80px;
	height: 100px;
	background: url('../img/left-arrow.png') no-repeat;
}






/* NEXT ARROW !!!  The width is 1/2 the with of actual png file*/

.iview-controlNav a.iview-controlNextNav {
	position: absolute;
	bottom: 275px;
	right: -400px;

	width: 80px;
	height: 100px;
	background: url('../img/right-arrow.jpg') no-repeat;

	/*border:1px solid red;*/

}






.iview-controlNav div.iview-items {
	float: left;
	height: 44px;
	background: url('../img/nav-bg2.jpg');; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px
}





.iview-controlNav a.iview-control {
	padding: 0px;
	float: left;
	width: 11px;
	height: 12px;
	background: url('../img/bullets.png') no-repeat;
	line-height: 0px
}

.iview-controlNav a.iview-control.active {
	background-position: 0px -12px;
}
















.iview-caption {
	background: url('../img/caption-bgred.png');
	color: #FFF;
	border-radius: 0px;
	font-family: Verdana;
	font-size: 14px;
	text-shadow: #000 1px 1px 0px; padding-left:15px; padding-right:15px; padding-top:10px; padding-bottom:10px
}

.iview-caption.caption1 {
	text-align: left;
	font-size: 36px;
	font-weight: bold;
	height: 45px;
}

.iview-caption.caption2 {
	background: #00b4ff;
	font-size: 36px;
	font-weight: bold;
	text-shadow: none;
	text-align: left;

}

.iview-caption.caption3 {
	background: #FFF;
	color: #000;
	font-size: 26px;
	text-shadow: none;
	text-align: left;

}

.iview-caption.featured {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 22px;
	/*font-weight: bold;*/
}

.iview-caption.featured h2 {
	padding: 0px;
	font-size: 18px;
	font-weight: normal;
	font-family: 'Ubuntu', Tahoma;
	line-height: 100%;
	margin-bottom: 6px;
	outline: none;
	text-align: left;

}

.iview-caption.featured h3 {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	font-weight: normal;
	font-family: 'Ubuntu', Tahoma;
	line-height: 110%;
	outline: none;
	text-align: left;

}

.iview-caption.featured h4 {
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	font-family: 'Ubuntu', Tahoma;
	line-height: 100%;
	outline: none;
	text-align: left;

}


.iview-caption.caption5 {
	background: #c4302b;
	box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px;
	font-size: 20px;
	font-weight: bold;
	text-shadow: none;
	text-align: left;

}

.iview-caption.caption6 {
	font-size: 18px;
}

.iview-caption.upcoming {
	text-align: right;
	font-size: 11px;
	color: #888;
	border-radius: 0px;
}

.iview-caption.upcoming div {
	line-height: 100%;
}

.iview-caption.upcoming h2 {
	padding: 0px;
	margin: 0px;
	color: #888;
	font-size: 14px;
	font-weight: normal;
	font-family: 'Ubuntu', Tahoma;
	margin-bottom: 2px;
	line-height: 100%;
	outline: none;
}


.iview-caption.upcoming h3 {
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: #FFF;
}

.iview-caption.upcoming h4 {
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	font-weight: normal;
	font-family: 'Ubuntu', Tahoma;
	margin-bottom: 2px;
	line-height: 100%;
	outline: none;
}


.iview-caption.current {
	text-align: left;
	font-size: 11px;
	color: #888;
	border-radius: 0px;
}

.iview-caption.current div {
	line-height: 100%;
}

.iview-caption.current h2 {
	padding: 0px;
	margin: 0px;
	color: #888;
	font-size: 14px;
	font-weight: normal;
	font-family: 'Ubuntu', Tahoma;
	margin-bottom: 2px;
	line-height: 100%;
	outline: none;
}


.iview-caption.current h3 {
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: #FFF;
}

.iview-caption.current h4 {
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	font-weight: normal;
	font-family: 'Ubuntu', Tahoma;
	margin-bottom: 2px;
	line-height: 100%;
	outline: none;
}

.iview-caption.blackcaption {
	background: #000;
	box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px;
	text-shadow: none;
}



#iview-preloader {
	border: #666 1px solid;
	width: 150px
}



#iview-preloader div {
	background: #666;
}



.iview-controlNav div.iview-items ul li {
	padding: 0px;
	float: left;
	width: 11px;
	height: 12px;
	margin: 3px;
	margin-top: 16px;
	line-height: 0px;
}

#iview #iview-tooltip {
	display: none;
	position: absolute;
	background: url('../img/tooltip.png') no-repeat;
	width: 124px;
	height: 90px;
	bottom: 30px;
	left: -67px;
	padding: 10px;
	z-index: 100
}

#iview #iview-tooltip div.holder {
	display: block;
	width: 124px;
	height: 84px;
	overflow: hidden;
	border-radius: 2px;
}

#iview #iview-tooltip div.holder div.container {
	display: block;
	width: 4000px;
}

#iview #iview-tooltip div.holder div.container div {
	float: left;
	display: block;
	overflow: hidden;
	width: 124px;
	height: 84px;
	left: -50%;
	text-align: center;
}

#iview #iview-tooltip div.holder div.container div img {
	height: 84px;
	margin: 0 auto;
}