/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

.container {
	width: 978px;
	margin: 0 auto;
	position:relative;
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
	float: left;
	margin-left: 30px;
}
.grid1 {
	width: 54px;
}
.grid2 {
	width: 138px;
}
.grid3 {
	width: 222px;
}
.grid4 {
	width: 306px;
}
.grid5 {
	width: 390px;
}
.grid6 {
	width: 474px;
}
.grid7 {
	width: 558px;
}
.grid8 {
	width: 642px;
}
.grid9 {
	width: 726px;
}
.grid10 {
	width: 810px;
}
.grid11 {
	width: 894px;
}
.first {
	margin-left: 0;
	clear: left;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/*===== content =====*/
#content {
	
    }

#gallery {
	float:left;
	width:882px;
	height:384px;
	}
.pics {  
	width:  882px; 
	height: 384px;
	padding: 0;  
	margin:  0;
	position:relative;
	margin:23px 0 0 36px;
	} 
		 
.pics img {
	display:block !important;
	position:absolute;
	width:  795px; 
	height: 329px; 
	top:  0; 
	left: 0;
	border:5px solid #fff;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	box-shadow:0 0 3px rgba(0, 0, 0, .2);
	-moz-box-shadow:0 0 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow:0 0 3px rgba(0, 0, 0, .2);
	} 

.pics img:nth-child(2) {
	-moz-transform: rotate(2.5deg);  /* FF3.5+ */
    -o-transform: rotate(2.5deg);  /* Opera 10.5 */
    -webkit-transform: rotate(2.5deg);  /* Saf3.1+, Chrome */
	}
.pics img:nth-child(3) {
	-moz-transform: rotate(-2.5deg);  /* FF3.5+ */
    -o-transform: rotate(-2.5deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-2.5deg);  /* Saf3.1+, Chrome */
	}
.pics img:nth-child(4) {
	-moz-transform: rotate(3.5deg);  /* FF3.5+ */
    -o-transform: rotate(3.5deg);  /* Opera 10.5 */
    -webkit-transform: rotate(3.5deg);  /* Saf3.1+, Chrome */
	}
.pics img:nth-child(5) {
	-moz-transform: rotate(-3.5deg);  /* FF3.5+ */
    -o-transform: rotate(-3.5deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-3.5deg);  /* Saf3.1+, Chrome */
	}

#prev {
	position:absolute;
	left:0;
	top:174px;
	z-index:1;
	background:url(images/prev.png) no-repeat 0 0;
	width:83px;
	height:45px;
	}
#next {
	position:absolute;
	left:795px;
	top:174px;
	z-index:1;
	background:url(images/next.png) no-repeat 0 0;
	width:83px;
	height:45px;
	}



.images {
	}
.images figure {
    border:5px solid #fff;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    float:left;
    box-shadow:0 0 5px rgba(0, 0, 0, .1);
    -moz-box-shadow:0 0 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .1);
    margin:5px 0 0 16px;
    }
.images figure:first-child {
    margin-left:0;
    }
.images figure img:hover {
    opacity:.7;
    -moz-transition: all 0.2s ease-out;  /* FF3.7+ */
    -o-transition: all 0.2s ease-out;  /* Opera 10.5 */
    -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
    }




/*==========================================*/