/*
Style Sheet for the "folio" page menus [design.simantic.net/folio]
*/

/* Folio Navbar (for individual pages) */

ul#folio_navbar1, ul#folio_navbar2, ul#folio_navbar3, 
ul#folio_navbar4, ul#folio_navbar5, ul#folio_navbar6, 
ul#folio_navbar7, ul#folio_navbar8, ul#folio_navbar9 {
	position: relative;
	display: block;
	margin: 11px 0 16px 6px;
	width: 400px;
	height: 18px;
}

ul#folio_navbar1 li, ul#folio_navbar2 li, ul#folio_navbar3 li, 
ul#folio_navbar4 li, ul#folio_navbar5 li, ul#folio_navbar6 li, 
ul#folio_navbar7 li, ul#folio_navbar8 li, ul#folio_navbar9 li {
	height: 18px;
	position: absolute;
	line-height: normal;
	margin: 0;
}

ul#folio_navbar1 a, ul#folio_navbar2 a, ul#folio_navbar3 a, 
ul#folio_navbar4 a, ul#folio_navbar5 a, ul#folio_navbar6 a, 
ul#folio_navbar7 a, ul#folio_navbar8 a, ul#folio_navbar9 a {
	height: 18px;
	display: block;
}

ul#folio_navbar1 		{ background: url(../_images/folio_navbar.png) left top no-repeat; }
ul#folio_navbar2 		{ background: url(../_images/folio_navbar.png) left -36px no-repeat; }
ul#folio_navbar3 		{ background: url(../_images/folio_navbar.png) left -72px no-repeat; }
ul#folio_navbar4 		{ background: url(../_images/folio_navbar.png) left -108px no-repeat; }
ul#folio_navbar5 		{ background: url(../_images/folio_navbar.png) left -144px no-repeat; }
ul#folio_navbar6 		{ background: url(../_images/folio_navbar.png) left -180px no-repeat; }
ul#folio_navbar7 		{ background: url(../_images/folio_navbar.png) left -216px no-repeat; }
ul#folio_navbar8 		{ background: url(../_images/folio_navbar.png) left -252px no-repeat; }
ul#folio_navbar9 		{ background: url(../_images/folio_navbar.png) left -288px no-repeat; }

.nav_home				{ left: 0; top: 0; width: 96px; }
.nav_folio				{ left: 112px; top: 0; width: 33px; }

.nav_home a:hover		{ background: url(../_images/folio_navbar.png) 0 -18px no-repeat; }
.nav_folio a:hover		{ background: url(../_images/folio_navbar.png) -112px -18px no-repeat; }


li span {
	display: none;
}


/* Menu Items/Icons (folio main page) */

li {
	margin: 0 0 50px 0;
}

.icon1 a {
	background: url(../_images/folio_icon1.png) left top no-repeat;
	display: block;
	width: 200px;
	height: 110px;
}

.icon2 a {
	background: url(../_images/folio_icon2.png) left top no-repeat;
	display: block;
	width: 200px;
	height: 110px;
}

.icon3 a {
	background: url(../_images/folio_icon3.png) left top no-repeat;
	display: block;
	width: 200px;
	height: 110px;
}

.icon4 a {
	background: url(../_images/folio_icon4.png) left top no-repeat;
	display: block;
	width: 200px;
	height: 110px;
}

.icon5 a {
	background: url(../_images/folio_icon5.png) left top no-repeat;
	display: block;
	width: 200px;
	height: 110px;
}

.icon6 a {
	background: url(../_images/folio_icon6.png) left top no-repeat;
	display: block;
	width: 200px;
	height: 110px;
}

.icon7 a {
	background: url(../_images/folio_icon7.png) left top no-repeat;
	display: block;
	width: 200px;
	height: 110px;
}

.icon8 a {
	background: url(../_images/folio_icon8.png) left top no-repeat;
	display: block;
	width: 200px;
	height: 110px;
}

.icon9 a {
	background: url(../_images/folio_icon9.png) left top no-repeat;
	display: block;
	width: 200px;
	height: 110px;
}

li a:hover {
	background-position: 0 -110px;
	display: block;
}


/* web folio icons */

#webfolio #column1,
#webfolio #column2,
#webfolio #column3 {
	top: auto;	
}

#feature {
	margin: 190px 0 80px 50px;
	display: block;
	height: 110px;
	clear: both;
}

#feature .webicons {
	display: block;
	float: left;
}

#feature blockquote {
	font-size: 18px;
	line-height: 28px;
	width: 450px;
	display: block;
	float: left;
	margin: 31px 0 0 50px;
}

#feature blockquote span {
	font-size: 11px;
	color: #bbb;
	display: block;
}

.webicons li a {
	display: block;
	width: 200px;
	height: 110px;
}

.webicons .lastride { background: url(../_images/madman/thumbs/icon_lastride.jpg) 0 0 no-repeat; }

.webicons .icon01 { background: url(../_images/madman/thumbs/icon_quicksmart01.jpg) 0 0 no-repeat; }
.webicons .icon02 { background: url(../_images/madman/thumbs/icon_deathnote01.jpg) 0 0 no-repeat; }
.webicons .icon03 { background: url(../_images/madman/thumbs/icon_nqh01.jpg) 0 0 no-repeat; }
.webicons .icon04 { background: url(../_images/madman/thumbs/icon_bleach01.jpg) 0 0 no-repeat; }
.webicons .icon05 { background: url(../_images/madman/thumbs/icon_reelanime01.jpg) 0 0 no-repeat; }

.webicons .icon06 { background: url(../_images/madman/thumbs/icon_quicksmart02.jpg) 0 0 no-repeat; }
.webicons .icon07 { background: url(../_images/madman/thumbs/icon_deathnote02.jpg) 0 0 no-repeat; }
.webicons .icon08 { background: url(../_images/madman/thumbs/icon_nqh02.jpg) 0 0 no-repeat; }
.webicons .icon09 { background: url(../_images/madman/thumbs/icon_bleach02.jpg) 0 0 no-repeat; }
.webicons .icon10 { background: url(../_images/madman/thumbs/icon_reelanime02.jpg) 0 0 no-repeat; }

.webicons .icon11 { background: url(../_images/madman/thumbs/icon_quicksmart03.jpg) 0 0 no-repeat; }
.webicons .icon12 { background: url(../_images/madman/thumbs/icon_deathnote03.jpg) 0 0 no-repeat; }
.webicons .icon13 { background: url(../_images/madman/thumbs/icon_nqh03.jpg) 0 0 no-repeat; }
.webicons .icon14 { background: url(../_images/madman/thumbs/icon_bleach03.jpg) 0 0 no-repeat; }
.webicons .icon15 { background: url(../_images/madman/thumbs/icon_sesame.jpg) 0 0 no-repeat; }