/*
	Coolbox Style Sheet
	--------------------------------------------------------------

	home.css

	--------------------------------------------------------------
*/
/* all of the home page specific styles */


.home #page_wrapper {
	background: #E4DBD2;
}

/* header */
.home #header_wrap {
	height: 110px;
}
	.home #header {
		height: 105px;
	}
		#header .logo {
			height: 57px;
			width: 168px;
			position: absolute;
			top: 18px;
			z-index: 6;
			background: none;
		}
			#header .logo a {
				height: 57px;
				width: 168px;
				background:url(../images/coolbox.gif) left top no-repeat;
			}

		/* menu */
		#header ul {
			z-index: 6;
		}

/* main body */
.home #main {
	padding: 110px 0 200px 0; /* allow for the header and footer */
}

.home #main #primary h2 {
	font-size: 2.8em;
	margin-bottom: 1em;
	font-weight: normal;
	font-style: normal;
}
	.home #main #primary h2 a {
		color: #62655e;
		border-color: #62655e;
	}
		.home #main #primary h2 a:hover {
			color: #545750;
			border-color: #545750;
		}


	.home #main #primary h3 {
		text-transform: uppercase;
		font-size: 1em;
		font-style: normal;
		font-weight: bold;
		margin-bottom: 1em;
	}


	.home #main #primary ul {
		border-top: 1px solid #BCCBC9;
		border-bottom: 1px solid #FFFFFF;
	}

		.home #main #primary ul li {
			border-bottom: 1px solid #BCCBC9;
			border-top: 1px solid #FFFFFF;
			padding: 1em 0.5em 1em 1.5em;
			background:  url('../images/list_arrow.gif') no-repeat left 1.5em;
			line-height: 1.5em;
		}
			.home #main #primary ul li a {
				font-style: italic;
				font-size: 1.1em;
				margin: 0;
			}
				.home #main #primary ul li a:hover {
					border-bottom: none;
					text-decoration: underline;
				}

	.home #main #secondary {
		width: 834px;
	}

		.home #main #secondary .one_third {
			margin: 9px;
			padding: 5px;
			width: 250px;
		}

			.home #main #secondary .one_third h3 {
				font-size: 2em;
				font-style: italic;
				font-weight: normal;
				padding: 0 5px 0.5em;
				border-bottom: 1px solid #C7C0B7;
				margin: 0 -5px;
			}

				.home #main #secondary .bigger_intro h3 + p {
					font-size: 1.2em;
				}

				.home #main #secondary .one_third h3 em {
					font-weight: bold;
				}
				.home #main #secondary .one_third h3 span {
					color: #339BDA;
				}

				.home #main #secondary .one_third  .feed {
					position: absolute;
					right: 10px;
					top: 10px;
					height: 22px;
					width: 22px;
					background: url(../images/feed.gif) top left no-repeat;
				}
					.home #main #secondary .one_third  .feed a {
						display: block;
						height: 22px;
						width: 22px;
						text-indent: -9999px;
						border-bottom: none;
					}

			.home #main #secondary .one_third .hr {
				border-top: 1px solid #C7C0B7;
				border-bottom: 1px solid #E9E2DB;
				margin: 0 -5px;
			}

			.home #main #secondary .one_third .flickr_feed {
				margin-top: 9px;
			}

				.home #main #secondary .one_third .flickr_image {
					background: #EEE9E3;
					margin: 3px;
					float: left;
					max-width: 77px;
				}

					.home #main #secondary .one_third .flickr_image:hover {
						background: #F9F8F6;
					}

					.home #main #secondary .one_third .flickr_image a {
						border-bottom: none;
					}
					.home #main #secondary .one_third .flickr_image img {
						margin: 6px;
						max-width: 65px;
					}

			.home #main #secondary .one_third .flickr_feed a.new_window
		 	{
				background: url('../images/new_window.gif') center left no-repeat;
				padding-left: 15px;
				margin-left: 5px;
				font-style: italic;
			}

			.home #main #secondary .one_third .wp_feed {
				padding: 0.5em 0 0;
			}

				.home #main #secondary .one_third .wp_post {
					background: url('../images/blog_bubble_brown_top.gif') top left no-repeat;
					padding-top: 12px;
					margin : 0.5em 0 0;
				}
					.home #main #secondary .one_third .wp_post:hover{
						background: url('../images/blog_bubble_white_top.gif') top left no-repeat;
					}

					.home #main #secondary .one_third .wp_post .wp_post_inner {
						background: url('../images/blog_bubble_brown_bottom.gif') bottom left no-repeat;
						padding: 0 10px 20px;
					}
						.home #main #secondary .one_third .wp_post:hover .wp_post_inner {
							background: url('../images/blog_bubble_white_bottom.gif') bottom left no-repeat;
						}

					.home #main #secondary .one_third .wp_post .wp_post_inner a {
						font-size: 1.1em;
						font-style: italic;
					}

					.home #main #secondary .one_third .wp_post .wp_post_inner p {
						margin: 0.5em 0 0;
						font-style: italic;
					}
						.home #main #secondary .one_third .wp_post .wp_post_inner p em {
							font-weight: bold;
						}

/* banner stylings */
.home #banner_box {
	border: 1px solid #BEC1BD;
	background: #D9D9D6;
	width: 517px;
	height: 243px;
	padding: 5px;
	position: relative;
	overflow: hidden;
	z-index: 4;
}
	.home #arrow_left {
		position: absolute;
		left: -17px;
		bottom: 104px;
		height: 26px;
		width: 26px;
		padding: 7px 6px 6px 7px;
		background:url(../images/left_arrow.png) left top no-repeat;
		z-index: 20;
		display: none;
	}

	.home #arrow_right {
		position: absolute;
		right: -12px;
		bottom: 104px;
		height: 26px;
		width: 26px;
		padding: 7px 7px 6px 6px;
		background:url(../images/right_arrow.png) left top no-repeat;
		z-index: 20;
		display: none;
	}

		.home #arrow_left a, .home #arrow_right a {
			height: 26px;
			width: 26px;
			display: block;
			text-indent: -9999px;
			border: none;
		}

	.home #banner_box #banner_viewport {
		width: 517px;
		height: 243px;
		overflow: hidden;
	}


	.home #banner_box #banners {
		width: 9999px;
		height: 243px;
	}

		.home #banner_box #banners ul {
			border: 0;
			margin: 0;
			padding: 0;
		}

			.home #banner_box #banners ul li {
				border: 0;
				margin: 0;
				padding: 0;
				background: none;
			}

				.home #banner_box #banners a {
					display: block;
					height: 243px;
					width: 517px;
					float: left;
					margin-right: 5px;
				}
				.home #banner_box #banners p {
					margin: 0;
				}

					.home #banner_box #banners a img {
						margin: 0;
						padding: 0;
					}



/* the coolboz styles - as in the things all over the home page */

.coolboxes {
	position: absolute;
	display: none;
}

		/* parachuting ice cubes */

		#ice_para_1 {
			background: url('../images/home/ice_para_1.png') no-repeat;
			width: 28px;
			height: 13px;
			z-index: 5;
			top: 0;
			left: 250px;
		}
		#ice_para_2 {
			background: url('../images/home/ice_para_2.png') no-repeat;
			width: 29px;
			height: 38px;
			z-index: 5;
			top: 1px;
			left: 287px;
		}
		#ice_para_3 {
			background: url('../images/home/ice_para_3.png') no-repeat;
			width: 38px;
			height: 46px;
			z-index: 5;
			top: 45px;
			left: 269px;
		}

		/* rhs of header */

		#coolbox_para {
			background: url('../images/home/coolbox_para.png') no-repeat;
			width: 93px;
			height: 169px;
			z-index: 5;
			top: 58px;
			right: -37px;
		}
		#sandwich_balloon {
			background: url('../images/home/sandwich_balloon.png') no-repeat;
			width: 26px;
			height: 79px;
			z-index: 5;
			top: 17px;
			right: -41px;
		}

		/* ones in the main primary div */

		#slider_controls {
			position: absolute;
			background: url('../images/home/controls.png') no-repeat;
			left: -60px;
			top: 0px;
			z-index: 8;
			height: 36px;
			width: 22px;
			padding: 30px 5px 21px;
		}

			#slider-vertical {
				height: 36px;
				width: 22px;
				position: relative;
			}

			.ui-slider-handle {
				width: 21px;
				height: 9px;
				background: url('../images/home/control_handle.png') no-repeat;
				display: block;
				position: absolute;
				border-bottom: none;
			}
				.ui-slider-handle:hover {
					border-bottom: none;
				}

		#sandwich_para_1 {
			background: url('../images/home/sandwich_para_1.png') no-repeat;
			width: 29px;
			height: 42px;
			z-index: 5;
			top: 9px;
			right: -16px;
		}
		#sandwich_para_2 {
			background: url('../images/home/sandwich_para_2.png') no-repeat;
			width: 18px;
			height: 26px;
			top: 10px;
			left: 300px;
		}
		#sandwich_para_3 {
			background: url('../images/home/sandwich_para_3.png') no-repeat;
			width: 41px;
			height: 60px;
			top: 111px;
			left: -68px;
		}
		#sandwich_para_4 {
			background: url('../images/home/sandwich_para_4.png') no-repeat;
			width: 22px;
			height: 31px;
			top: 85px;
			left: -82px;
		}

		#santa_card {
			background: url('../images/home/santa_card.png') no-repeat;
			width: 48px;
			height: 76px;
			z-index: 1;
			top: -28px;
			right: 105px;
		}
			#santa_card a {
				display: block;
				width: 48px;
				height: 55px;
			}

		/* secondary div coolboxes */

		#coolbox_drinker {
			background: url('../images/home/coolbox_drinker.png') no-repeat;
			width: 53px;
			height: 69px;
			bottom: 186px;
			right: -105px;
			z-index: 5;
		}
		#straw_upper {
			background: url('../images/home/straw_upper.png') no-repeat;
			width: 55px;
			height: 218px;
			bottom: 0px;
			right: -102px;
			z-index: 6;
		}

		#coolbox_jogging {
			background: url('../images/home/coolbox_jogging.png') no-repeat;
			width: 55px;
			height: 60px;
			top: -20px;
			right: 21px;
			z-index: 5;
		}
		#coolbox_open {
			background: url('../images/home/coolbox_open.png') no-repeat;
			width: 48px;
			height: 76px;
			top: -63px;
			right: 255px;
			z-index: 5;
		}

		#coolbox_kid_1 {
			background: url('../images/home/coolbox_kid_1.png') no-repeat;
			width: 34px;
			height: 45px;
			top: -19px;
			left: 235px;
			z-index: 5;
		}
		#coolbox_kid_2 {
			background: url('../images/home/coolbox_kid_2.png') no-repeat;
			width: 34px;
			height: 45px;
			top: -19px;
			left: 195px;
			z-index: 5;
		}
		#strawberry {
			background: url('../images/home/strawberry.png') no-repeat;
			width: 9px;
			height: 14px;
			top: 15px;
			left: 227px;
			z-index: 5;
		}

		#coolbox_mum {
			background: url('../images/home/coolbox_mum.png') no-repeat;
			width: 60px;
			height: 80px;
			top: 30px;
			left: -60px;
			z-index: 6;
		}
		#ice_cubes {
			background: url('../images/home/ice_cubes.png') no-repeat;
			width: 55px;
			height: 18px;
			top: 103px;
			left: -76px;
			z-index: 7;
		}
		#fruits {
			background: url('../images/home/fruits.png') no-repeat;
			width: 45px;
			height: 31px;
			top: 70px;
			left: -97px;
			z-index: 5;
		}

		/* coolboxes in the footer div */

		#bird_1 {
			background: url('../images/home/bird_1.png') no-repeat;
			width: 28px;
			height: 33px;
			top: 1px;
			left: 47px;
			z-index: 5;
		}
		#bird_2 {
			background: url('../images/home/bird_2.png') no-repeat;
			width: 25px;
			height: 32px;
			top: 0px;
			left: 104px;
			z-index: 5;
		}
		#sandwich_peeking {
			background: url('../images/home/sandwich_peeking.png') no-repeat;
			width: 32px;
			height: 25px;
			top: 19px;
			left: 495px;
			z-index: 5;
		}
		#coolbox_peeking {
			background: url('../images/home/coolbox_peeking.png') no-repeat;
			width: 71px;
			height: 47px;
			top: 0px;
			left: 537px;
			z-index: 5;
		}
		#straw_lower {
			background: url('../images/home/straw_lower.png') no-repeat;
			width: 34px;
			height: 66px;
			top: 0px;
			right: -82px;
			z-index: 5;
		}