@charset "utf-8";
/* CSS Document */

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

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

.container, .top, .banner, .four-oh-four { 
    background: url(../images/container-bg.jpg) repeat #444;  
    margin: auto;  
	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;
}

.container {
    height: 1630px;
    width: 800px;
}

.four-oh-four {
	height: 300px;
	width: 800px;
	margin-bottom: 40px;
}

.top {
	width: 800px;
	height: 230px;
	margin-bottom: 40px;
}

.banner {
	width: 800px;
	height: auto;
	margin-bottom: 40px;
	padding: 30px 0 20px 0;
}

.bottomBanner {
	margin-top: 40px;
}
  
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: 20%;	
}

.h2exception {
	width: 23%;	
}

.wallpaper {
	width: 26%;	
}
  
p.intro, .four-oh-four p {
	 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;
}

p.banner-text {
	 color: #eee;
	 font-size: 16px;
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-style: italic;
	 line-height: 1.4em;
	 text-shadow: 0 1px 0 black;
	 padding: 0 73px;
}

.about a, .intro a, p.banner-text a, .item p a, .four-oh-four a {
	color: #06F;
	text-decoration: none;
}

.about a:hover, .intro a:hover, p.banner-text a:hover, .item p a:hover, .four-oh-four a:hover {
	color: #C3C;
	text-decoration: none;
}

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

.large {
	padding: 15px 0 15px 60px;
}

.wallpaper-showcase{
	margin-left: 0;
	padding: 15px 0 200px 0;
}

.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;		
}

#copyright {
	 text-align: center;
	 color: #999;
	 font-size: 12px;
	 font-family: Helvetica, Arial, sans serif;
	 font-weight: bold;
	 line-height: 1.4em;
}

/* 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;
}