#simplemodal-overlay {
  	background-color:#000;
}

.simplemodal-container {
    padding: 10px;
  	background: #fff;
	width:  660px;
	margin: 50px 0 0 0;
}

.simplemodal-data {
    position: relative;
}

a.modal-close {
	position: absolute;
	right:  20px;
	top: 	-36px;
	text-indent: -9999em;
	width: 87px;
	height:  36px;
	display:  block;
	background: url('/media/images/close.jpg') no-repeat;
	outline: none!important;
	cursor: pointer;
}

.container {
	display: none;
	font-size: 0.69em;
}

.container a.prev {
    float: left;
    cursor: pointer;
    width: 25px;
    height: 45px;
    margin: 0 5px 0 0;
    background: url('/media/images/scrolling_previous.jpg') no-repeat;
    text-indent: -9999em;
}

.container a.prev.disabled {
    background: url('/media/images/scrolling_previous_disabled.jpg') no-repeat;
    cursor: default;
}

.container a.next {
    float: left;
    cursor: pointer;
    width: 25px;
    height: 45px;
    background: url('/media/images/scrolling_next.jpg') no-repeat;
    margin: 0 0 0 5px;
    text-indent: -9999em;
}

.container a.next.disabled {
    background: url('/media/images/scrolling_next_disabled.jpg') no-repeat;
    cursor: default;
}

.container .thumbnails-scrolling {
	line-height: 0;
	font-size: 1px;
	width: 600px;
	height: 55px;
	overflow: hidden;
    position:relative; 
    float: left;
}

.container .thumbnails {
    width: 20000em;
    position: absolute;
}

.container .thumbnails a {
    float: left;
    margin: 0 5px 0 0;
}

.container .thumbnails img {
    border: 2px solid #eee;
}

.container .thumbnails img.current {
    border: 2px solid #14b9fc;
}

.container .image {
    text-align: center;
    padding: 5px;
    border: 2px solid #eee;
    margin: 0;
}

.container p.title {
	float:  left;
	padding: 15px 0 0 0;
	margin:  0;
	color: #14b9fc;
	font-weight: bold;
}

.container p.numberOf {
	float: right;
	padding: 15px 0 0 0;
	margin:  0;
}

.container p.previousImage a {
	position: absolute;
	left:  -46px;
	top: 	150px;
	text-indent: -9999em;
	width: 36px;
	height:  87px;
	display:  block;
	background: url('/media/images/previous.jpg') no-repeat;
	outline: none!important;
}

.container p.nextImage a {
	position: absolute;
	right:  -46px;
	top: 	150px;
	text-indent: -9999em;
	width: 36px;
	height:  87px;
	display:  block;
	background: url('/media/images/next.jpg') no-repeat;
	outline: none!important;
}

.container p.moreImages a {
	position: absolute;
	right:  120px;
	top: 	-46px;
	text-indent: -9999em;
	width: 210px;
	height:  36px;
	display:  block;
	background: url('/media/images/more-project-images.jpg') no-repeat;
	outline: none!important;
	cursor: pointer;
}

.container p.hidden {
    display: none;
}