/* @group img_cloud */
#img_cloud {
	position: relative;
	margin: -15px 0;
	padding: 0;
	width: 377px;
	height: 269px;
	background: transparent url(/images/img_cloud.jpg) no-repeat;
}
/* particle contents initial rules */
#img_cloud .particle, #img_cloud a {
	position: absolute;
	display: block;
}
#img_cloud a {
	background: transparent url(/images/blank.png) no-repeat;
	border: 1px solid #fff;
	border-width: 0 1px 1px 0;
	text-decoration: none;
	text-align: center;
	color: #fff;
}
#img_cloud .shad,
#img_cloud .label {
	position: absolute;
}
#img_cloud .shad {
	z-index: 2;
	background: transparent url(/images/img_cloud_particle-shad1.png) no-repeat;
}
#img_cloud .size2 .shad {
	background-image: url(/images/img_cloud_particle-shad2.png);
}
#img_cloud .size3 .shad {
	background-image: url(/images/img_cloud_particle-shad3.png);
}
#img_cloud .size4 .shad {
	background-image: url(/images/img_cloud_particle-shad4.png);
}
#img_cloud .label {
	z-index: 4;
	top: 84px;
	left: -1px;
	padding: 4px 4px;
	font-size: 80%;
	background-color: #000;
	border: 1px solid #eee;
	border-width: 0 1px 1px 1px;
	width: 77px;
}
#img_cloud .size3 .label,
#img_cloud .size4 .label {
	top: 170px;
}

#img_cloud .size2 .label, 
#img_cloud .size4 .label {
	width:163px;
}

/* particle contents initial sizing */
#img_cloud .particle, 
#img_cloud a {
	height: 54px;
	width: 54px;
}
#img_cloud .size2 a, 
#img_cloud .size4 a {
	width: 108px;
}
#img_cloud .size3 a, 
#img_cloud .size4 a {
	height: 108px;
}

#img_cloud .shad {
	height: 125px;
	width: 100px;
	top: -6px;
	left: -6px;
}
#img_cloud .size2 .shad, 
#img_cloud .size4 .shad {
	width: 185px;
}
#img_cloud .size3 .shad,
#img_cloud .size4 .shad {
	height: 208px;
}
/* particle contents initial rules on hover */
#img_cloud .particle:hover {
	z-index: 1;
	margin-top: -22px;
	margin-left: -22px;
}
#img_cloud .size2:hover, #img_cloud .size4:hover {
	margin-left: -35px;
}
#img_cloud .particle:hover a {
	border-color: #eee;
	border-width: 1px 1px 0 1px;
	background-image: url(/images/img_cloud-zoom.jpg);
	z-index: 3;
}
#img_cloud .particle:hover .shad,
#img_cloud .particle:hover .label {
	display: block !important;
} 
/* particle resizing on hover */
#img_cloud .particle:hover a {
	width: 85px;
	height: 85px;
} 
#img_cloud .size2:hover a,
#img_cloud .size4:hover a {
	width: 171px;
}
#img_cloud .size3:hover a,
#img_cloud .size4:hover a {
	height: 171px;
}

/* particle resizing on hover 
#img_cloud .particle:hover a, 
#img_cloud .particle:hover .shad {
	margin: -15px;
	padding: 15px;
}
#img_cloud .size2:hover a,
#img_cloud .size4:hover a,
#img_cloud .size2:hover .shad,
#img_cloud .size4:hover .shad {
	margin-left: -30px;
	margin-right: -30px;
	padding-left: 30px;
	padding-right: 30px;
}
#img_cloud .size3:hover a,
#img_cloud .size4:hover a,
#img_cloud .size3:hover .shad,
#img_cloud .size4:hover .shad {
	margin-top: -30px;
	margin-bottom: -30px;
	padding-top: 30px;
	padding-bottom: 30px;
}
*/

/* particle positioning */
#img_cloud .col1 .particle { left: 0; }
#img_cloud .col2 .particle { left: 54px; }
#img_cloud .col3 .particle { left: 108px; }
#img_cloud .col4 .particle { left: 162px; }
#img_cloud .col5 .particle { left: 216px; }
#img_cloud .col6 .particle { left: 270px; }
#img_cloud .col7 .particle { left: 324px; }

#img_cloud .row1 .particle { top: 0; }
#img_cloud .row2 .particle { top: 54px; }
#img_cloud .row3 .particle { top: 108px; }
#img_cloud .row4 .particle { top: 162px; }
#img_cloud .row5 .particle { top: 216px; }
#img_cloud .row6 .particle { top: 270px; }
#img_cloud .row7 .particle { top: 324px; }

/* background zoom image positioning */
#img_cloud .row1 .col1:hover a { background-position: 0 0;}
#img_cloud .row1 .col2:hover a { background-position: -86px 0;}
#img_cloud .row1 .col3:hover a { background-position: -173px 0;}
#img_cloud .row1 .col4:hover a { background-position: -258px 0;}
#img_cloud .row1 .col6:hover a { background-position: -430px 0;}
#img_cloud .row1 .col7:hover a { background-position: -516px 0;}
                              
#img_cloud .row2 .col4:hover a { background-position: -258px -86px;}
#img_cloud .row2 .col5:hover a { background-position: -344px -86px;}
#img_cloud .row2 .col7:hover a { background-position: -516px -86px;}
                              
#img_cloud .row3 .col1:hover a { background-position: 0 -173px;}
#img_cloud .row3 .col3:hover a { background-position: -173px -173px;}
#img_cloud .row3 .col7:hover a { background-position: -516px -173px;}
                              
#img_cloud .row4 .col1:hover a { background-position: 0px -258px;}
#img_cloud .row4 .col4:hover a { background-position: -258px -258px;}
#img_cloud .row4 .col5:hover a { background-position: -344px -258px;}
                              
#img_cloud .row5 .col1:hover a { background-position: 0px -344px;}
#img_cloud .row5 .col2:hover a { background-position: -86px -344px;}
#img_cloud .row5 .col5:hover a { background-position: -344px -344px;}
#img_cloud .row5 .col6:hover a { background-position: -430px -344px;}

/* @end */