#main {width:790px; border:1px solid #CCCCCC; overflow:hidden; margin:0 auto; -moz-border-radius: 5px;
-webkit-border-radius: 5px; padding:30px; margin-top:30px; }
#main h3 {font-family:'Droid Sans', arial; font-weight:bold; font-size:50px; letter-spacing:-2px; text-shadow:1px 2px 2px #999; padding:0 8px;}
#main p {font-family:Georgia, arial; font-size:16px; background:#ececec;-moz-border-radius: 5px;
-webkit-border-radius: 5px; padding:20px;  border:1px solid #d2d2d2; clear:both; margin:25px 8px;  text-shadow:0 1px 1px #fff; }
#main a {float:right; font-family:Georgia; font-size:16px; text-decoration:none; color:#990000; position:relative; left:-20px; padding:25px 0 0 0;}


ul {padding:0; margin:0;}
ul li {
	float:left;
	list-style:none;
	padding:10px;
	line-height:10px;
	width:100px;
	height:100px;
	overflow:hidden;
	border:1px solid #d2d2d2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#ececec;
}
/*dynamically added*/
div.wrapper{width:218px; height:218px; overflow:hidden; position:relative;  }

/*generic style for all div */
div.caption {font-family:'Reenie Beanie',arial; font-weight:bold; font-size:34px; letter-spacing:-2px; position:relative; text-align:center; padding:55px 15px 15px 15px; background:url(images/caption-bg.png) repeat-x; min-height:125px; color:#d20000; text-shadow:0 1px 1px #999; text-transform:capitalize; line-height:16px;}

/*white fade*/
ul li:nth-child(1) div.caption {
	font-family:'Reenie Beanie',arial;
	font-weight:bold;
	font-size:12px;
	letter-spacing:-2px;
	position:relative;
	text-align:center;
	min-height:30px;
	color:#d20000;
	text-shadow:0 1px 1px #999;
	text-transform:capitalize;
	line-height:16px;
	background-image: url(../images/caption-bg.png);
	background-repeat: repeat-x;
	padding-top: 55px;
	padding-right: 3px;
	padding-bottom: 15px;
	padding-left: 3px;
}
/*city*/
ul li:nth-child(2) div.caption {font-family: arial; font-weight:bold; font-size:26px; position:relative; text-align:center; padding:45px 15px 15px 15px; background:url(images/city.png); min-height:125px; color:#fff; text-shadow:1px 2px 1px #999; letter-spacing:-1px; text-transform:capitalize; line-height:16px;}
/*wood*/
ul li:nth-child(3) div.caption {font-family: Georgia, arial; font-weight:bold; font-size:24px; font-style:italic; position:relative; text-align:center; padding:35px 15px 15px 15px; background:url(images/wood.png); min-height:125px; color:#fff; text-shadow:1px 2px 1px #000; letter-spacing:-1px; text-transform:capitalize; line-height:16px;}
/*grass*/
ul li:nth-child(4) div.caption {font-family:'Droid Sans', arial; font-weight:bold; font-size:30px; position:relative; text-align:center; padding:15px; background:url(images/grass.png) repeat-x; min-height:125px; color:#fff; text-shadow:1px 2px 1px #000; text-transform:capitalize; line-height:30px;}
/*w*/
ul li:nth-child(5) div.caption {font-family:'Lobster', arial; font-weight:bold; font-size:30px; position:relative; text-align:center; padding:38px 15px 15px 15px; background:url(images/green.png) repeat-x; min-height:125px; color:#fff; text-shadow:1px 2px 1px #ff4e00; text-transform:capitalize; line-height:16px;}
/*grungy*/
ul li:nth-child(6) div.caption {font-family:'IM Fell English SC', arial; font-weight:bold; font-size:30px; position:relative; text-align:center; padding:35px 0 0 0px; background:url(images/grunge.png); min-height:125px; color:#fff;   line-height:30px; letter-spacing:-2px;}