﻿body{
	background-image:url('images/bg_body.gif');
	background-repeat:repeat-x;
	background-color:#d1d1d1;
	height:100%;
	font-family:'times new roman',georgia, serif;
	margin:0;
	padding:17px 0 50px;
	line-height:1.2;
}

#wrapper{
	width:666px;
	margin:17px auto 0;
	padding:0;
	background-image:url('images/bg_wrapper_middle.gif');
	background-position:top center;
	background-repeat:repeat-y;
	background-color:#fff;
}

#wrapper2{
	background-image:url('images/bg_wrapper_top.gif');
	background-position:top center;
	background-repeat:no-repeat;
	padding:1px 0 0;
	margin:0;
}

#content{
	background-image:url('images/bg_wrapper_bottom.gif');
	background-position:bottom center;
	background-repeat:no-repeat;
	margin:30px 0 0;
	padding:0 0 5px;
	position:relative;
	min-height:450px;
}


/*Min height-hack for IE*/
* html #content{
	height:456px;
	padding-bottom:6px;
}


#header{
	margin:0 auto;
	padding:0;
	width:660px;
	background-color:#672f1b;
	height:70px;
	position:relative;
}

#header img{
	position:absolute;
}

/*Stripes*/
	div#stripe, div#stripe2{
		height:14px;
		width:660px;
		margin:0 3px;
		padding:0;
		background-image:url('images/bg_stripe.gif');
		background-repeat:repeat-x;
		border:none;
	}

	div#stripe2{
		height:24px;
		background-image:url('images/bg_stripe2.gif');
		clear:right;
	}


/*Top nav*/
	#nav{
		height:20px;
		background-image:url('images/bg_menu.gif');
		background-repeat:repeat-x;
		margin:0;
		padding:0;
		position:absolute;
		top:50px;
		width:100%;
		border-bottom:1px solid #373737;
	}
	
	#nav li{
		display:inline;
		margin:0;
		padding:0;
	}
	
	#nav li a{
		display:block;
		text-indent:-999em;
		text-decoration:none;
		height:20px;
		background-position:0 0;
		float:left;
	}
	
	#home a{
		width:75px;
		background-image:url('images/nav_home.gif');
	}
	
	#inside a{
		width:72px;
		background-image:url('images/nav_inside.gif');
	}
	
	#ice-creams a{
		width:108px;
		background-image:url('images/nav_icecreams.gif');
	}
	
	#menu a{
		width:76px;
		background-image:url('images/nav_menus.gif');
	}
	
	#header ul#nav li.on a{
		background-position:0 40px;
	}
	
	#nav li a:hover{
		background-position:0 20px;
	}

/*End top nav*/


.left{
	margin:0 287px 30px 43px;
}

.right{
	float:right;
	top:0;
	left:399px;
	position:absolute;
	margin:0 3px 0;
	padding:0;
	z-index:5;
}

.right p{
	margin:0 30px 10px;
	font-size:1.1em;
	width:220px
}

div.fredlogo{
	position:absolute;
	bottom:10px;
	right:3px;
	height:269px;
	width:264px;
	background-image:url('images/bg_right_fade2.gif');
	background-repeat:repeat-x;
	background-position:top left;
	z-index:1;
}

/*For IE only - Strange Ordering bug*/
* html div.fredlogo{
		z-index:-1;
	}

div.fredlogo img{
	position:relative;
	top:95px;
	left:75px;
}

/*Ice cream images*/
	p.icecream img{
		float:right;
		padding-left:10px;
		position:relative;
	}
	
	p.icecream{
		clear:right;
		margin:0 0 60px
	}

	p.icecream.two{
		padding-top:30px;
	}
	
	p.icecream.two img{
		margin-top:-30px;
	}
	
	p.icecream.four{
		margin-top:45px;
	}
	
	p.icecream.four img{
		margin-top:20px;
	}
	
	p.icecream.five{
		min-height:110px;
		padding-top:30px;
		margin-top:20px;
	}
	
	p.icecream.five img{
		top:-30px;
	}

/*Front page*/
	.home #content{
		margin:0;
	}
	
	#content1{
		min-height:344px;
		width:660px;
		background-image:url('images/frontpageimage1.jpg');
		background-repeat:no-repeat;
		margin:0 auto;
		padding:0;
	}
	
	/*Min height hack for IE*/
	* html #content1{
		height:344px;
	}
	
	#content1{
		text-align:center;
		font-size:1.5em;
		color:#444;
		padding:0;
	}
	
	#content1 div{
		width:239px;
		margin-left:410px;
		padding-top:70px;
	}
	
	#content1 h1, #content1 h2{
		font-weight:normal;
		font-size:1em;
		padding:0;
		margin:0;
	}
	
	#content2{
		position:relative;
		background-image:url('images/frontpagebackground.gif');
		background-repeat:no-repeat;
		background-position:399px 0;
		min-height:384px;
		padding-bottom:5px;
	}
	
	/*Min height hack for IE*/
	* html #content2{
		height:388px;
		padding-bottom:0;
	}
	
	#content2 img{
		margin-left:3px;
		position:absolute;
	}
	
	#content2 div{
		z-index:5;
		width:239px;
		padding:30px 0 150px;
		margin:0 0 0 415px;
		font-size:1em;
		position:relative;
	}
	
	.home #wrapper{
		background-color:#bcff7c;
	}

	h1{
		font-size:1.2em;
		font-weight:normal;
	}
