/*----------------------------------------------

	404.CSS
	Author:		Engage Interactive
	
	GENERIC STYLES

----------------------------------------------*/

body,
#overlay .background,
.tmask {
	background-image: url(/assets/giraffe/images/classic/template/background.jpg);
	background:
		url(/assets/giraffe/images/classic/template/header.gif) 0 0 repeat-x,
		#e0dcd4 url(/assets/giraffe/images/classic/template/background.jpg) 50% 0;
	color: #5c4832;
}

body {
	background-image: url(/assets/giraffe/images/classic/template/background.jpg);
	background:
		url(/assets/giraffe/images/classic/template/header.gif) 0 0 repeat-x,
		#e0dcd4 url(/assets/giraffe/images/classic/template/background.jpg) 50% 0;
}

@media all and ( min-width: 1200px ) {

	body {
		background:
			url(/assets/giraffe/images/classic/template/decorations/leaves.gif) 100% 100% no-repeat,
			url(/assets/giraffe/images/classic/template/decorations/birds.gif) 0 60% no-repeat,
			url(/assets/giraffe/images/classic/template/decorations/flower.gif) 100% 5% no-repeat,
			url(/assets/giraffe/images/classic/template/decorations/sun.gif) 0 0 no-repeat,
			url(/assets/giraffe/images/classic/template/header.gif) 0 0 repeat-x,
			#e0dcd4 url(/assets/giraffe/images/classic/template/background.jpg) 50% 0;
	}
	
}

a {
	color: #d38902;
}

/* BEIGE */

.beige,
.beige .light {
	background: #F8F7F3 url(/assets/giraffe/images/generic/textures/white.jpg);
}

.beige .dark,
.beige > h1,
.beige > h2,
.beige > h3 {
	background: #f3f2ec;
}

.beige .content:not(:last-child) {
	border-bottom-color: #e4e2db;
}

#fourohfour,
#unsubscribed {
	width: 640px;
	height: 190px;
	margin: 200px auto 0;
	text-align: center;
}

#unsubscribed {
	width: 780px;
	height: auto;
	text-align: left;
}

.intro {
	font-size: 22px;
	line-height: 34px;
	margin-bottom: 10px;
}

#unsubscribed .intro {
	margin-bottom: 20px;
}

#giraffe,
#byebye {
	position: relative;
	z-index: 2;
	display: block;
	width: 278px;
	height: 450px;
	margin: auto;
	background: url(/assets/giraffe/images/generic/template/404.gif);
	text-indent: -5000px;
}

#byebye {
	background: url(/assets/giraffe/images/generic/template/byebye.gif);
}