﻿/* Custom Stylesheet */
.photos {margin: 0 auto; position: relative; width: 50%; min-width: 1000px;}

.photos img {
	position: absolute;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    padding: 10px 10px 30px 10px;
    background: white;
    border: solid 1px #ccc;
    width: 25%;
}

.photos img:nth-of-type(1) {
    left: 50px;
    top: 50px;
}
 
.photos img:nth-of-type(2) {
    left: 150px;
    top: 100px;
}
 
.photos img:nth-of-type(3) {
    left: 250px;
    top: 50px;
}
 
.photos img:nth-of-type(4) {
    left: 350px;
    top: 150px;
}
 
.photos img:nth-of-type(5) {
    left: 450px;
    top: 50px;
}

.photos img:nth-of-type(1) {
    left: 50px;
    top: 50px;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
}
 
.photos img:nth-of-type(2) {
    left: 150px;
    top: 100px;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
 
.photos img:nth-of-type(3) {
    left: 250px;
    top: 50px;
    -webkit-transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    -o-transform: rotate(7deg);
    transform: rotate(7deg);
}
 
.photos img:nth-of-type(4) {
    left: 350px;
    top: 150px;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
 
.photos img:nth-of-type(5) {
    left: 450px;
    top: 50px;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
}

.photos img:hover {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    z-index: 10;
}

.photos img:hover {
    -webkit-transform: rotate(380deg) scale(1.5);
    -moz-transform: rotate(380deg) scale(1.5);
    -o-transform: rotate(380deg) scale(1.5);
    transform: rotate(380deg) scale(1.5);
    z-index: 10;
}

.photos img {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}



/*.galleryThumbnails a:focus img {
	border:5px solid #fff;
	cursor:default;
	height:500%;
	position:absolute;
	width:500%;
	z-index:15;
	box-shadow:1px 1px 5px #888;
	-moz-box-shadow:1px 1px 5px #888;
	-webkit-box-shadow:1px 1px 5px #888;
	-webkit-transition-property:width, height, top, bottom, left, right, z-index, border;
	-webkit-transition-duration:0.5s;
	-moz-transition-property:width, height, top, bottom, left, right, z-index, border;
	-moz-transition-duration:0.5s;
	-o-transition-property:width, height, top, bottom, left, right, z-index, border;
	-o-transition-duration:0.5s;
	transition-property:width, height, top, bottom, left, right, z-index, border;
	transition-duration:0.5s;
}*/

/* custom focus rules */

/*.galleryThumbnails a:focus:nth-child(3n+1) img {
	left:150px;
}

.galleryThumbnails a:focus:nth-child(3n+2) img {
	left:-50px;	
}

.galleryThumbnails a:focus:nth-child(3n+3) img {
	left:-250px;
}

.galleryThumbnails a:focus:nth-child(-n+3) img {
	top:140px;
}

.galleryThumbnails a:focus:nth-child(n+7) img {
	top:-150px;
}

.galleryThumbnails a:focus:nth-child(n+10) img {
	top:-295px;
}*/

/* extra close layer */

.galleryThumbnails .close {
	background:transparent;
	cursor:pointer;
	display:none;
	height:352px;
	left:170px;
	position:absolute;
	top:160px;
	width:500px;
	z-index:30;
}

.galleryThumbnails a:focus ~ .close {
	display:block;
}

.galleryThumbnails {
	width:100%;
	margin:0 auto;
}

.galleryThumbnails a {
	display:inline-block;
	height:50px;
	position:relative;
	width:50px;
}

footer a.stuts,a.stuts:visited{
	border:none;
	text-decoration:none;
	color:#fcfcfc;
	font-size:14px;
	left:50%;
	line-height:31px;
	margin:23px 0 0 110px;
	position:absolute;
	top:0;
}

footer .stuts span {
	font-size:22px;
	font-weight:bold;
	margin-left:5px;
}

@media (min-width: 768px){
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1  {
        width: 100%;
        *width: 100%;
    }
}

@media (min-width: 992px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }
}

@media (min-width: 1200px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #E6E6E6;
}