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

html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-color: #ffffff;
	background: none center center no-repeat;
	font-family: Georgia, serif;
	font-size: 11px;
	line-height: 1.8em;
	color: #AAA;
}

a, a:visited, a:active {
	color: #444;
	text-decoration: none;
	border: none;
}
a img { border: none; }

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

h2 {
	font-family: "ostrich-sans-1", "ostrich-sans-2", "Arial Narrow", arial, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0 0 6px;
}
.wf-inactive h2 {
	font-size: 16px;
	line-height: 20px
}
.wf-active h2 {
	font-size: 36px;
	line-height: 30px;
}

p {
	font-style: italic;
	font-size: 11px;
	margin: 0;
	color: #999;
	margin: 0 0 2em;
	line-height: 1.35em;
}


/************************************************/
/*
/* !Layout */
/*
/************************************************/

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

#background {
	position: absolute;
	top: 0;
	left: 0;
/* 	width: 980px; */
	width: 100%;
/* 	height: 680px; */
	height: 100%;
}

#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%; }

#society6 {
	position: absolute;
	right: 80px;
	top: 20px;
	z-index: 3;
	width: 24px;
	height: 24px;
	background: url(../images/society6.png) left top no-repeat;
	-webkit-transition: -webkit-transform 0.5s ease-in;
}
#society6:hover {
	-webkit-transform: rotate(-8deg); 
	-moz-transform: rotate(-8deg);
	transform: rotate(-8deg);
}

#twitter {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 3;
	width: 24px;
	height: 24px;
	background: url(../images/twitter.png) left top no-repeat;
	-webkit-transition: -webkit-transform 0.5s ease-in;
}
#twitter:hover {
	-webkit-transform: rotate(-8deg); 
	-moz-transform: rotate(-8deg);
	transform: rotate(-8deg);
}

#wiselink {
	position: absolute;
	right: 50px;
	top: 20px;
	z-index: 3;
	width: 24px;
	height: 24px;
	background: url(../images/wise.png) left top no-repeat;
	-webkit-transition: -webkit-transform 0.5s ease-in;
}
#wiselink:hover {
	-webkit-transform: rotate(-8deg); 
	-moz-transform: rotate(-8deg);
	transform: rotate(-8deg);
}

#society6 a,
#twitter a,
#wiselink a {
	display: block;
	width: 100%;
	height: 100%;
}

#container {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	overflow-y: auto;
}

#content {
	position: relative;
	margin: 320px auto 0;
	width: 950px;
	padding: 0 30px 0 40px;
}

#ideas {
	margin-left: -15px;
}

.idea {
	position: relative;
	display: block;
	width: 310px;
	height: 310px;
	padding: 0;
	margin: 0 10px 10px 0;
	float: left;
	-webkit-transition: -webkit-transform 0.5s ease-in;
}
.idea:hover {
	-webkit-transform: rotate(-3deg); 
	-moz-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.idea img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;

}

.title {
	position: absolute;
	z-index: 2;
	left: 20px;
	top: 20px;
	width: 250px;
	height: 210px;
	padding: 30px 0 30px 20px;
	background: #fff;
	display: none;
}
.title h2 {
	margin-top: 135px;
}


.buffer {
	position: relative;
	width: 100%;
	height: 30px;
	float: left;
	clear: both;
}

#copyright,
#buy_prints {
	position: relative;
	clear: both;
	margin: 0 auto;
	text-align: center;
	padding: 0 30px 60px 0;
	font-family: "ostrich-sans-1", "ostrich-sans-2", "Arial Narrow", arial, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 36px;
	line-height: 30px;
	color: #bbb;
}
#buy_prints {
	font-size: 22px;
	margin: 30px auto -80px;
	padding: 0;
}

#copyright a { color: #888; }
#copyright a:hover { color: #444; }