@charset "UTF-8";
/* CSS Document */
/* Notes

there's excess space in the box conainer on index

*/

body{
	font-family: Consolas, Andale Mono, Lucida Console, Lucida Sans Typewriter, Monaco, Courier New, monospace;/*, Arial, Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";*/
	font-size:15px;
	line-height:1.5;
	font-weight:600;
	
	padding:0;
	margin:0;
	margin-bottom:100px;
	background-color:#847b79;
	background-image: url(../img/bgwoods.jpg);
}

/* Global */
.container{
	width:85%;
	margin:auto;
	overflow:hidden;
}

a{
	color:#561188;
}

ul{
	margin:0;
	padding:0;
}


/* Header */
header{
	/*position: fixed;
	width:100%;
	left: 0;
	top: 0;*/
	background:#090909;
	background-image: url(../img/foot1.png);
	color:#ffffff;
	padding-top:30px;
	min-height:70px;
}

header a{
	color:#fdfbff;
	text-decoration:none;
	text-transform:uppercase;
	font-size: 20px;
}

header li{
	float:left;
	display:inline;
	padding: 0 20px 0 20px; /*top right bottom left*/
}

/* this puts the header text too into the light
header #title{
	float:left;
}

header #title h1{
	margin:0;
}
*/

header nav{
	float: right;
	margin-top:10px;
}

header a:hover{
	color:#fcfc3b;
	font-weight:bolder;
}

/*Showcase*/

#showcase{
	min-height: 400px;
	text-align:center;
}

#showcase h1{
	margin-top: 100px;
	font-size:55px;
	margin-bottom:10px;
}

#showcase h2{
	margin-top: 50px;
	font-size:35px;
	margin-bottom:10px;
}

#showcase p{
	font-size:20px;
}



/* Boxes */
#boxes{
	margin-top:20px;
	/*
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:90%;
	*/
}

#boxes .box{
	float:left;
	width:30%;
	padding:10px;
}

#boxes .box img{
	width:250px;
	display: block;
  	margin-left: auto;
  	margin-right: auto;

}

#new{
	font-size:30px;
	padding-top: 25px;
}




footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height:50px;
	/*background-color: red;*/
	background-image: url(../img/foot2.png);
	background-color: 090909;
	text-align: center;
}

footer a{
	color:#fdfbff;
	text-decoration:none;
	text-transform:uppercase;
	font-size: 20px;
}

footer li{
	float:left;
	display:inline;
	padding: 0 20px 0 20px; /*top right bottom left*/
}

footer nav{
	float: right;
}

footer a:hover{
	color:#fcfc3b;
	font-weight:bolder;
}