@charset "utf-8";
/* CSS Document */
* { border: none; }
body { background: #e3e3e3 url(../images/background.jpg) repeat-x center top; margin: 0; padding: 0; }
#wrapper { width: 960px; margin: 0 auto; height: 650px; }
#header { height: 500px; width: 960px; background: url('images/_sky-bg.jpg') no-repeat top left; position: relative; overflow: hidden; }
#header .foreground { position: absolute; top: 350px; z-index: 100; }
#sliders { overflow: hidden; }
#sliders>* { display: none; }
#titlebar { position: relative; z-index: 0; top: 50px; text-align: center; }
#titlebar h1 { font-family: arial, sans-serif; color: #CCCCCC; padding: 10px 0; font-size: 60px; letter-spacing: -2px; }
.village { position: absolute; top: 366px; left: 30px; z-index: 90; height: 400px; width: 470px; }
.village-padding { padding: 150px 25px 20px 25px; }
.village-padding p { color: #F7F7F7; font-family: "Lucida Grande", arial, sans-serif; font-size: 13px; line-height: 1.6em; }
.village-padding h2 { color: #FFF; font-family: arial, sans-serif; font-size: 26px; margin: 0; padding: 0; letter-spacing: -2px; }
.cloudbar { position: absolute; top: -465px; left: 650px; z-index: 90; height: 325px; width: 252px; background: url('images/cloud-bar.png') no-repeat bottom center; }

.cloud-padding { padding: 50px 70px; text-align: center; }
.cloud-padding p { color: #F7F7F7; font-family: "Lucida Grande", arial, sans-serif; font-size: 13px; line-height: 1.6em; }
.cloud-padding h2 { margin: 0px 0px 25px 0px; padding: 0; color: #37626F; font-family:arial, sans-serif; font-size:26px; letter-spacing:-2px; }
a img { 
border:5px solid #CCC;
-moz-border-radius: 20px;/*Firefox*/
-webkit-border-radius: 20px;/*Safari, Chrome*/
border-radius: 20px;

-webkit-transition: all 0.5s ease;/* Safari 3.2+, Chrome */
-moz-transition: all 0.5s ease;/* Firefox 4-15 */
-o-transition: all 0.5s ease;/* Opera 10.5-12.00 */
transition: all 0.5s ease;/* Firefox 16+, Opera 12.50+ */
	
-moz-box-shadow: 0px 0px 10px #CCCCCC;/*FF 3.5+*/
-webkit-box-shadow: 0px 0px 10px #CCCCCC;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color=#CCCCCC)";/*IE 8*/
box-shadow: 0px 0px 10px #CCCCCC;
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color=#CCCCCC);/*IE 5.5-7*/
}
a img:hover { _background:#FC3; 
border: 5px solid #ffc600;
color: #5776bd;
-moz-border-radius: 20px;/*Firefox*/
-webkit-border-radius: 20px;/*Safari, Chrome*/
border-radius: 20px;

-moz-box-shadow: 0px 0px 20px #FFCC33;/*FF 3.5+*/
-webkit-box-shadow: 0px 0px 20px #FFCC33;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color=#FFCC33)";/*IE 8*/
box-shadow: 0px 0px 20px #FFCC33;
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color=#FFCC33);/*IE 5.5-7*/
}

a img:active {
border: 5px solid #FF6600;
color: #5776bd;
-moz-border-radius: 20px;/*Firefox*/
-webkit-border-radius: 20px;/*Safari, Chrome*/
border-radius: 20px;

-moz-box-shadow: 0px 0px 20px #FFCC00;/*FF 3.5+*/
-webkit-box-shadow: 0px 0px 20px #FFCC00;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color=#FFCC00)";/*IE 8*/
box-shadow: 0px 0px 20px #FFCC00;
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color=#FFCC00);/*IE 5.5-7*/
}

#content { text-align: center; padding: 10px; }
#content h2 { color: #CCC; font-family: arial, sans-serif; font-size: 26px; letter-spacing: -1px; }
#content p { color: #699; font-family: "Lucida Grande", arial, sans-serif; font-size: 13px; }
#content a { color: #999999; text-decoration: none; }