* {
	padding: 0px;
	margin: 0px;
}

html {
	height: 100%;
}

body {
	background: url(bg.gif);
	min-height: 100%;
	font: 1em Helvetica, Arial, sans-serif;
}

#banner{
	background: url(top_banner_v2.png) 0 0 no-repeat;
	height: 260px;
	width: 1200px;
	margin: 0 auto;
}

#main {
	width: 1200px;
	background: #ffffff;
	margin: 0 auto;
}

#title {
	padding: 0 0 10px 15px;
}

#content {
	padding: 20px 0 20px 30px;
}

#content .frame a {
	text-decoration: none;
	color: #5D6B25;
}

#content .frame a:hover{
	color: #7F9134;
}

#bottom {
	background: url(bottom_banner.png) 0 0 no-repeat;
	width: 1200px;
	padding: 36px 0 0 0;
	margin: 0 auto;
}

#copy {
	color: #ffffff;
	text-align: center;
}

.element {
	width: 				260px;
	height: 			200px;
	margin: 			30px 20px 0px 0px;
	background: 		#ffffff;
	border: 			5px solid #EEB07F;
	float: 				left;
	
	transition:			all .2s;
	-webkit-transition:	all .2s;
	-moz-transition:	all .2s;
	-o-transition:		all .2s;
}

.element a {
	text-decoration: none;
}

.element a img{
	border-bottom: 		5px solid #EEB07F;
	
	transition:			all .2s;
	-webkit-transition:	all .2s;
	-moz-transition:	all .2s;
	-o-transition:		all .2s;
}

.element a h4 {
	margin: 			0px 3px 0px 6px;
    font-family: 		Helvetica, Arial, sans-serif;
    color: 				#575076;
	
	transition:			all .2s;
	-webkit-transition:	all .2s;
	-moz-transition:	all .2s;
	-o-transition:		all .2s;
}

.element:hover {
	cursor: 			pointer;
	border-color: 		#D18F93;
	background:			#F8DCDE;
}

.element:hover a img{
	border-color: 		#D18F93;
}

.element:hover a h4 {
    color: 				#CC2733;
}

.clear {
	clear: 				left;
}