.item {
    width: 200px;
    height: 200px;
  
 /* background-color:#eee;*/
    margin: 10px;
}

a{
	color:white;
}
.content_small h1 {
  background: #202020;
    font-family: Georgia;
     font-weight: lighter; 
     font-size: 24px; 
     color:#d5b468;
     padding:10px;
     text-transform:uppercase;
    
     width:270px;
     height:auto;
}


.hover {
    width: 420px;
    height: 200px;
    background: #030303;
}
.hover .content_hover {
    display: none;
}

.hover .content_hover {
    display: none;
}

.content_hover {
    display: none;
    overflow:auto;
}

.content_hover h1
{
font-family:Georgia;
font-size:24px;
font-weight:lighter;
color:#202020;
padding:25px;
	
	
}

.content_hover h2
{
font-family:Georgia;
font-size:26px;
font-weight:lighter;
color:#202020;
padding:25px;
text-align:center;
	
	
}

.content_hover h2:hover
{
color:#fff;

	
}

.content_hover a
{
text-decoration:none;
	
	
}
.content_hover ul{
		width:280px;
		list-style-type:none;
}

.content_hover li{
		background-image: url(images/bullet.png);
		background-repeat: no-repeat;
		background-position: 0px 5px;
		padding-left: 25px;
		margin-left: 25px;
		padding-bottom: 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #202020;
		font-weight: lighter;

		
}

.hover .content_hover {
    display: block;
}
.content_small {
 
   
     width:200px;
    height:200px;
    padding:15px;
}

.hover .content_small {
 
   
  display:none;
}

.big {
    width: 400px;
    height: 200px;
    background: #d5b468;
}
.big .content_small {
    display: none;
   
    
}





.big .content_hover {
    display: none;
}

.content_big {
    display: none;
}

.content_big h1
{
font-family:Georgia;
font-size:32px;
font-weight:lighter;
color:#fff;
padding: 30px 15px 15px 15px;
	
	
}

.content_big h2
{
font-family:Georgia;
font-size:24px;
font-weight:lighter;
color:#fff;
padding: 15px 15px 15px 15px;
	
	
}

.content_big h3
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform: uppercase;
color:#fff;
padding: 15px 15px 5px 15px;
	
	
}

.content_big p
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:lighter;
color:#000;
padding: 0px 15px 0px 15px;
	
	
}

.big .content_big {
    display: block;
}



#container-isotope{
	position:center ;
	width:480px;
	height:auto;
	margin: 0 auto;
	margin-top:170px;
}

#show-div2 {
    padding: 10px;
    font-size: 14px;
    width: 270px;
    height: 340px;
    position: absolute;
    visibility: visible;
    text-align: center;
    color: black;
   background-color:#fff;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}