/* CRAFT VILLAGE CSS Screen = for layout purposes only */

* {
font-size: inherit;
margin: 0;
padding: 0;
}

body {
background:#90aa80;
font-size: 100%;
margin: 10px;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, form {
font-size: 1em;
line-height: 120%;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
}

/* ABC */
#banner {
background: url(../images/bg_banner.jpg) top left no-repeat;
float:left;
height:135px;
width:780px;
}

#banner p {
color:#67101f;
font-size:0.7em;
margin-top:25px;
float:right;
margin-right:20px;
}

#butterfly {
float:right;
width:300px;
height:110px;
margin-top:10px;
background:#607853;
}

			#butterfly p {
			color:#dcdcb8;
			font-size:0.7em;
			font-weight:bold;
			text-align:right;
			margin-right:120px;
			margin-left:5px
			}
			
			#butterfly h1 {
			color:white;
			font-size:1.4em;
			text-align:right;
			margin-right:120px;
			margin-top:4px;
			margin-bottom:3px;
			}

#craft {
float:left;
width:300px;
height:110px;
margin-top:10px;
background:#8c7a00;
}

			#craft p {
			color:#dcdcb8;
			font-size:0.7em;
			font-weight:bold;
			text-align:right;
			margin-right:120px;
			margin-left:5px
			}
			
			#craft h1 {
			color:white;
			font-size:1.4em;
			text-align:right;
			margin-right:120px;
			margin-top:4px;
			margin-bottom:3px;
			}

#columns {
float:left;
background:#b6ab64;
width:615px;
height:110px;
margin-top:10px;
}

#footer {
float:left;
height:70px;
width:615px;
}

		#footer h1 {
		color:#67101f;
		font-size:1.5em;
		font-weight:lighter;
		line-height:100%;
		text-transform:uppercase;
		}
		
		#footer h1 a {
		color:#607853;
		text-decoration:none;
		}
		
		#footer p {
		color:#607853;
		font-size:0.8em;
		font-weight:bold;
		margin-top:10px;
		}
	

#frame{
float: left;
left: 50%;
margin-left: -390px;
margin-top:20px;
position: absolute;
width: 780px;
}

#inner_wrap {
float:left;
margin-top:10px;
margin-left:10px;
width:615px;
}

#nav {
float:left;
height:380px;
width:140px;
background: url(../images/bg_nav.jpg) top left no-repeat;
}

			#nav ul {
			margin-left:10px;
			margin-top:10px;
			width:125px;
			list-style:none;
			}
			
			#nav li a {
			color:#dcdcb8;
			text-decoration:none;
			font-size:0.8em;
			display:block;
			background: url(../images/bg_btn.jpg) top left no-repeat;
			margin-bottom:4px;
			padding-top:3px;
			}
			
			#nav li a:hover {
			color:white;
			}
			
			#nav p {
			color:#dcdcb8;
			font-size:0.8em;
			margin-left:10px;
			margin-top:10px;
			}

#products {
float:left;
margin-left:45px;
margin-top:15px;
width:550px;
}

#products img {
margin-right:15px;
margin-bottom:15px;
}

#text {
float:left;
width:615px;
min-height:325px;
}

		#text h1 {
		color:#67101f;
		font-size:1.7em;
		font-weight:lighter;
		line-height:100%;
		}
		
		#text p {
		color:#607853;
		font-size:0.8em;
		font-weight:bold;
		}

		#text a {
		text-decoration:none;
		color:#67101f;
		}
		
		#text ul {
		color:#607853;
		list-style:disc;
		padding-left:20px;
		}
		
		#text li {
		list-style:disc;
		font-size:0.8em;
		}

#video {
float:left;
height:200px;
width:615px;
}

		#video h1 {
		color:#67101f;
		font-size:1.7em;
		font-weight:lighter;
		line-height:100%;
		margin-left:310px;
		}
		
		#video p {
		color:#607853;
		margin-left:310px;
		font-size:0.8em;
		font-weight:bold;
		}

		#video a {
		text-decoration:none;
		}
		
#wrapper {
float:left;
width:780px;
background:#dcdcb8 url(../images/bg_wrapper.jpg) bottom left no-repeat;
padding-bottom:10px;
}

/* CLASSES */

.border {
border:1px solid black;
}

.clean {
font-weight:bold;
color:white;
}

.clean li a {
color:white;
text-decoration:none;
font-size:0.8em;
}

.col {
float:left;
width:205px;
background: url(../images/bg_col.jpg) center right no-repeat;
}

.col h1 {
font-weight:bold;
font-size:0.9em;
color:#67101f;
margin-left:20px;
margin-right:5px;
margin-top:10px;
}

.col p {
color:#756600;
font-size:0.8em;
font-weight:bold;
margin-left:20px;
margin-right:5px;
}

.fleft {
float:left;
margin-right:10px;
margin-bottom:10px;
}

.fright {
float:right;
margin: 10px, 0, 20px, 10px;
}

.handyes {
display: none;
}

.unit {
float:left;
width:200px;
text-align:center;
}

.more_box {
float:right;
font-family:Arial, Helvetica, sans-serif;
width:300px;
height:110px;
margin-top:10px;
background:#607853;
}

	.more_box.light_brown {
	background: #756244;
	}

	.more_box.light_green {
	background: #90AA80;
	}

	.more_box.left {
	float:left;
	}
	
	.more_box a.arrow {
	background: url('../../images/more-arrow.png') top right no-repeat;
	color: #dcdcb8;
	font-size: .7em;
	float: right;
	font-weight: bold;
	height:30px;
	display: inline-block;
	margin: 5px 5px 0 0;
	padding: 10px 40px 0 0;
	text-decoration: none;
	text-transform: uppercase;
	}

			.more_box p {
			color:#dcdcb8;
			font-size:0.7em;
			font-weight:bold;
			text-align:right;
			margin-bottom: 0px;
			margin-right:120px;
			margin-left:5px
			}
			
			.more_box h1 {
			color:white;
			font-size:1.3em;
			text-align:right;
			margin-right:120px;
			margin-top:4px;
			margin-bottom:3px;
			}