body {
	background: url(../images/body-bg.jpg) repeat;
}

@font-face {
      font-family: "Candy Script";
      src: url("CandyScript.ttf");
}

#container {  
    background: url(../images/container-bg.jpg) repeat #444;  
    margin: auto;  
    width: 800px;  
    height: 1600px;
    padding-top: 30px;  
    font-family: helvetica, arial, sans-serif;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 1px 1px 5px #333;  
    -webkit-box-shadow: 1px 1px 5px #333;  
     box-shadow: 1px 1px 5px #333;  
	
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}
  
h1, h2 {  
     background: #e3e3e3;  
     background: -moz-linear-gradient(top, #e3e3e3, #c8c8c8);  
     background: -webkit-gradient(linear, left top, left bottombottom, from(#e3e3e3), to(#c8c8c8));  
     padding: 10px 40px;  
     margin-left: -20px;  
     margin-top: 0;  
     position: relative;
	 
    -moz-box-shadow: 1px 1px 3px #292929;  
    -webkit-box-shadow: 1px 1px 3px #292929;  
     box-shadow: 1px 1px 3px #292929;  
  
    color: #454545;  
    text-shadow: 0 1px 0 white;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}  

h1 {
	font-family: "Candy Script", Georgia, "Times New Roman", Times, serif;
	font-size: 46px;
	width: 27%;	
}

h2 {
	width: 17%;	
}
  
p.intro {
	 color: #eee;
	 padding: 0px 40px;
	 font-size: 26px;
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-style: italic;
	 line-height: 1.4em;
	 text-shadow: 0 1px 0 black;
	 text-align: center;
}

p.about {
	 width: 660px;
	 color: #eee;
	 padding: 40px 0 0 75px;
	 font-size: 20px;
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-style: italic;
	 line-height: 1.4em;
	 text-shadow: 0 1px 0 black;
}

.about a, .intro a {
	color: #06F;
	text-decoration: none;
}

.about a:hover, .intro a:hover {
	color: #C3C;
	text-decoration: none;
}

.showcase{
	margin-left: 0;
	padding: 15px 0 237px 60px;
}

.item {
	width: 226px;
	padding-top: 10px;
	float: left;
	display: inline;
	text-align: center;
}

.item:hover{
	background: url(../images/item-hover-bg.jpg) repeat;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.item p {
	 width: 190px;
	 text-align: left;
	 padding-left: 20px;
	 color: white;
	 font-size: 12px;
	 font-family: Helvetica, Arial, sans serif;
	 font-weight: bold;
	 line-height: 1.4em;
	 text-shadow: 0 1px 0 black;		
}

/* rotator in-page placement */
    #rotator {
	height: 503px;
	width: 670px;
	padding: 10px 0 0 15px;
}
/* rotator css */
	#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	#rotator ul li img {
	border: none;
	padding: 10px;
	background: url(../images/item-hover-bg.jpg) repeat;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}
    #rotator ul li.show {
	z-index:0;
}