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

/**********     GENERIC CLASSES    **********/

.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }

.valignTop { vertical-align: top; }
.valignMiddle { vertical-align: middle; }
.valignBottom { vertical-align: bottom; }

.floatLeft { float: left; }
.floatRight { float: right; }

.clearLeft { clear: left; }
.clearRight { clear: right; }
.clearBoth { clear: both; }

.hidden { display: none; }
.displayBlock { display: block; }
.displayInline { display: inline; }
.visibilityHidden { visibility: hidden; }
.visibilityVisible { visibility: visible; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/**********     GENERIC HTML ELEMENTS   **********/
* {
	padding:0;
	margin:0;
}

body {
	background-image:url(../images/afs_tiles_white.jpg);
	background-repeat:repeat;
	z-index:0;
	min-width:1200px;
}

p {
	margin: 0 auto;
	font-weight:bold;
	color:#000;
	font-size:16px;
	font-weight:100;
}

.colored_tile {
	background-image:url(../images/afs_tiles1.jpg);
	background-repeat:repeat-x;
	position:relative;
	top:450px;
	z-index:1;
	height:250px;
}
#browser {
	margin:0 auto;
	width:400px;
	z-index:1000;
}
#browser a {
	position:relative;
	top:-80px;
	left:330px;
}
#browser a img {
	vertical-align:middle;
	text-decoration:none;
	
	
}
.hood {
	background-image:url(../images/hood.png);
	background-repeat:no-repeat;
	position:relative;
	margin:0 auto;
	top:-250px;
	height:438px;
	width:1050px;
	z-index:5;
	
}

.header {
	background-color:blue;
	background-image:url(../images/afs_tiles_white.jpg); 	
	background-repeat:repeat-x;
	width:100%;
	height:150px;
}
.main {
	/*background-color:#ddcfb4;*/
	background-color:white;
	width:100%;
	height:650px;
}
.cutting_board_top {
	background-image:url(../images/cutting_board_top.png);
	background-repeat:no-repeat;
	margin:0 auto;
	width:900px;
	height:144px;
	position:relative;
	top:-400px;
	z-index:2;
}
.cutting_board {
	/*background-color:white;*/
	background-image:url(../images/cutting_board_slice.jpg);
	background-repeat:repeat-y;
	position:relative;
	top:-400px;
	margin:0 auto;
	width:900px;
	z-index:2;
}
.cutting_board_bottom {
	/*background-color:white;*/
	background-image:url(../images/cutting_board_bottom1.png);
	background-repeat:no-repeat;
	position:relative;
	top:-400px;
	margin:0 auto;
	padding-bottom:50px;
	width:900px;
	height:55px;
	z-index:2;
}
#container {
	width:900px;
	padding: 20px 0 0 0;
	z-index:3;
	border:red solid 0px;
}
#left_pane_container {
	width:240px;
	position:relative;
	float:left;
	padding:0;
	margin-left:30px;
	border:red solid 0px;
}
#navigation {
	width:240px;
	position:relative;
	padding:0 0 30px 20px;
	border: black solid 0px;
}
#navigation p {
	margin:0 20px 0 0;
	color:#000;
	font-size:26px;
	text-shadow: 0.12em 0.12em 0.1em red;
}
#navigation ul {
	margin:0 20px 0 0;
	list-style:none;
	font-size:x-large;
	line-height:1.1em;
}
	#navigation ul li a:hover {
		text-decoration:none;
		color:#efefef;
	}
	#navigation ul li a {
		text-decoration:none;
		color:#000;
	}
	#navigation ul li a.act {
		color: #efefef;
		text-decoration:none;
	}
	#navigation ul li img.left{
		border:none;
		padding-right:5px;
	}
	#navigation ul li img.right{
		border:none;
		padding-left:5px;
	}
	#navigation ul ul li {
		margin-left:25px;
	}
		#navigation ul ul li a {
			font-size:smaller;
		}
#feature {
	background-image:url(../images/translucency2.png);
	background-repeat:repeat-y;
	width:230px;
	height:400px;
	position:relative;
	/*float:left;*/
	margin:0 auto;
	padding:0 0 35px 0;
	border: white solid 1px;
}
	#feature h2 {
		margin:15px 0 0 0;
		color:#000;
		text-align:center;
		text-shadow: 0.12em 0.12em 0.1em red;
	}
	#feature p {
		text-align:justify;
		padding-top:70px;
		font-size:larger;
		margin-left:20px;
		margin-right:20px;
	}
	#feature ul {
		margin:0 20px 0 0;
		list-style:none;
		font-size:x-large;
	}
		#feature ul li a {
			text-decoration:none;
			color:#000;
		}
	
#tellafriend {
	margin-bottom:90px;
	padding:30px 0 0 5px;
	text-align:left;
}
#content {
	width:500px;
	position:relative;
	float:right;
	z-index:4;
	margin-bottom:30px;

}
.content_left {
	background-image:url(../images/translucency2.png);
	background-repeat:repeat-y;
	margin-left:-100px;
	width:500px;
	z-index:4;
	border: white solid 1px;
	margin-bottom:30px;
}
	.content_left h1 {
		color:#00305e;
		color:#000;
		font-size:26px;
		text-shadow: 0.12em 0.12em 0.1em red;
		padding-top:25px;
		padding-left:30px;
		padding-right:30px;
	}
	.content_left h2 {
		color:#00305e;
		color:#000;
		font-size:26px;
		text-shadow: 0.12em 0.12em 0.1em red;
		padding-top:25px;
		padding-left:30px;
		padding-right:30px;
	}
	.content_left h3 {
		color:#000;
		padding-top:25px;
		padding-left:30px;
		padding-right:30px;
		font-style:italic;
		font-size:18px;
		text-decoration:underline;
	}
	.content_left p {
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		line-height:normal;
		text-align:justify;
		padding:15px 30px 15px 30px;
		font-style:normal;
	}
	.content_left a {
		color:#00305e;
		text-shadow: 0.12em 0.12em 0.1em white;
		text-decoration:none;
	}
	.content_left table {
		margin:0 auto;
		width:450px;
		margin-bottom:15px;
		text-align:center;
	}
		.content_left table td{
			padding-top:10px;
			padding-bottom:10px;
		}
		.content_left table tr{
			padding-top:10px;
			padding-bottom:10px;
		}
.content_left table p {
			margin:0;
			padding:0;
			text-align:center;
			font-size:smaller;
			line-height:normal;
		}		
	
#content_right {
	width:180px;
	float:right;
}
	#content_right img{
		margin-left:-30px;
	}
	
/**********     CONTACT US FORM ****************************/
#contact-form {
	/*margin-left:20px;*/
	width: 460px;
	margin-left:20px;
	margin-top:15px;
	margin-bottom:40px;
	border: black dashed 0px;
	padding: 0;
	/*float:right;*/
}

	#contact-form strong {
		display: block;
		width: 170px;
		margin:0px 50px 0 0;
		float: right;
		font-weight: normal;
		border: purple solid 0px;
	}
	
	#contact-form span {
		display: block;
		/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
		font-size: 1em;
		color:#000;
		width:195px;
		border:blue solid 0px;
		padding-bottom:3px;
	}
	
	#contact-form textarea {
		background-color: white;
		width: 210px;
		height: 217px;
		padding: 3px;
		border: 2px solid #000;
		/*float: left;*/
		overflow: auto;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #000;
	}
	
	#contact-form input {
		background-color: white;
		width: 180px;
		height: 15px;
		padding: 3px;
		border: 2px solid #000;
		/*float: left;*/
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;;
		color: #000;
	}
	#contact-form label {
		display: block;
		height: 50px;
		width:200px;
		overflow: hidden;
		border: yellow solid 0px;
	}
	
	#contact-form a {
		background: url(../images/arrow-link.gif) no-repeat 0% 8px;
		margin: 10px 0 0 29px;
		padding: 0 0 0 15px;
		float: right;
		line-height: 1.2em;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 1.5em;
		color: #464646;
	}
	
		#contact-form a:hover {
			color: #797979;
		}	
		
#submitbutton1 input {
	/*background: url(../images/arrow-link.gif) no-repeat 0px 8px;*/
	background: #32CD32;
	background:#fff;
	color:#000;
	/*float:right;*/
	border: none;
	padding: 2px;
	margin:10px 0 10px 0;
	line-height: normal;
	height: auto;
	width: auto;
	font-size:1em;
	font-weight:bold;
	border: 2px solid #000;
}	
/* alert class used to capture attention on forms, etc.*/
.alert {
	color:#F00;
	font-weight:bold;
	font-size:16px;
	padding: 0;
	/*padding-top:.1em;
	padding-bottom:.1em;*/
	border: 0px dashed #f00;
	font-style:italic;
}
.alert-sans {
	color:#F00;
	font-weight:bold;
	font-size:13px;
	padding: .5em;
	border: none;
}
#footer {
	position:relative;
	top:40px;
}
	#footer p {
		text-align:center;
		padding-bottom:5px;
		
	}
		#footer p a {
			color:#000;
			/*text-shadow: 0.12em 0.12em 0.1em white;*/
			text-decoration:none;
		}