/*******************************************
/*
/* !Tag Styling */
/*
/******************************************/

{
	margin: 0;
	padding: 0;
}

html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background: #fff url('../images/bg.jpg') center center repeat;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 11px;
	line-height: 1.8em;
	color: #AAA;
}

a:focus {
	 -moz-outline:none;
	 outline: none;
}
:focus { -moz-outline-style: none; }


#buy_banner {
	position: fixed;
	z-index: 11;
	left: 0; top: 0;
	width: 115px; height: 115px;
	background: url(/images/buybanner.png) left top no-repeat;
}
#buy_banner a { display: block; width: 100%; height: 100%; }

#container {
	position: relative;
	width: 100%;
	height: 100%;
}

#ident {
	position: absolute;
	z-index: 6;
	bottom: 20px;
	left: 20px;
	width: 63px;
	height: 11px;
	background: url(../images/ident.png) no-repeat;
}

#ident a {
	display: block;
	width: 100%;
	height: 100%;
}

#left {
	position: absolute;
	z-index: 5;
	bottom: 20px;
	right: 55%;
	margin-top: -15px;
	width: 29px;
	height: 29px;
	background: url(../images/left.png) left top no-repeat;
}
#left:hover { background: url(../images/left.png) right top no-repeat; }

#right {
	position: absolute;
	z-index: 5;
	bottom: 20px;
	left: 55%;
	width: 29px;
	height: 29px;
	background: url(../images/right.png) left top no-repeat;
}
#right:hover { background: url(../images/right.png) right top no-repeat; }

#left a,
#right a {
	display: block;
	width: 100%;
	height: 100%;
}

#content {
	position: absolute;
	z-index: 2;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.idea {
	position: absolute;
	display: none;
	z-index: 2;
}

.idea.title {
	position: absolute;
	left: 50%; top: 50%;
	width: 383px; height: 53px;
	margin-left: -191px; margin-top: -26px;
	background: url(../images/title.png) no-repeat;
}

.idea.bakersdozen {
	position: absolute;
	left: 50%; top: 50%;
	width: 783px; height: 488px;
	margin-left: -391px; margin-top: -254px;
	background: url(../images/bakersdozen.png) no-repeat;
}

.idea.blindness {
	position: absolute;
	left: 50%; top: 50%;
	width: 967px; height: 410px;
	margin-left: -433px; margin-top: -145px;
	background: url(../images/blindness.png) no-repeat;
}

.idea.hiking {
	position: absolute;
	right: 10%; bottom: 0;
	width: 827px; height: 605px;
	background: url(../images/hiking.png) no-repeat;
}

.idea.weeknights {
	position: absolute;
	left: 50%; top: 50%;
	width: 543px; height: 293px;
	margin-left: -271px; margin-top: -146px;
	background: url(../images/weeknights.png) no-repeat;
}

.idea.therapist {
	position: absolute;
	left: 0; top: 50%;
	width: 957px; height: 411px;
	margin-top: -205px;
	background: url(../images/therapist.png) no-repeat;
}

.idea.archive {
	position: absolute;
	left: 50%; top: 15%;
	width: 946px; height: 466px;
	margin-left: -473px; 
	background: url(../images/archive.png) no-repeat;
}

.idea.shampoo {
	position: absolute;
	left: 50%; top: 50%;
	width: 737px; height: 400px;
	margin-left: -330px; margin-top: -200px;
	background: url(../images/shampoo.png) no-repeat;
}

.idea.password {
	position: absolute;
	left: 50%; top: 50%;
	width: 728px; height: 432px;
	margin-left: -364px; margin-top: -241px;
	background: url(../images/password.png) no-repeat;
}

.idea.wholesale {
	position: absolute;
	left: 50%; top: 50%;
	width: 717px; height: 435px;
	margin-left: -350px; margin-top: -217px;
	background: url(../images/wholesale.png) no-repeat;
}