/*
Thirtytwo.com Stylesheet / home

URL: 		thirtytwo.com
Created by: 	Foxxyz/Ivo KH Janssen & Mike Rusczyk
For:		Sole Technology Inc
Site Design by:	Teh Webnerds
		
http://thirtytwo.com
#E3630C
*/

/******************\
| GENERAL STYLES   |
\******************/
* {
	margin: 0;
	padding: 0;
}

ul, ol {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}


	a {
		color: #E2630C;
		background-color: inherit;
		text-decoration: none;
	}
	
	a:hover, a:active {
		color: #fff;
		background-color: inherit;
	}

/******************\
| ID SPECIFICS     |
\******************/
		
#featured {
	position: relative;
	width: 807px;
	height: 261px;
	margin: 0;
	background-color: black;
	color: inherit;
	padding-top: 5px;
	}

	#featured h2 {
		display: none;
		}

#featured .itemlinks {
	position: absolute;
	bottom: 8px;
	left: 20px;
	width: 797px;
	font-family: Helvetica, Arial, sans-serif;
}

	#featured .itemlinks li {
		display: inline;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		background-color: inherit;
		cursor: pointer;
	}

			#featured .itemlinks li .title {
				cursor: auto;
				}

		#featured .itemlinks li:hover, #featured .itemlinks li.active {
			color: orange;
			background-color: inherit;
		}

			#featured .itemlinks li:hover .title {
				z-index: 99 !important;
			}
			
			#featured .itemlinks li.active .title {
				z-index: 75 !important;
			}
			
	#featured .itemlinks .number {
		padding-right: 20px;
	}

	#featured .itemlinks .title {
		position: absolute;
		right: 20px;
		text-align: right;
		bottom: 0;
		display: block;
		background-color: black;
		text-transform: uppercase;
		color: orange;
		width: 400px;
	}

	#featured .items {
		width: 797px;
		overflow: hidden;
		border: solid 1px #000;
		height: 220px;
		margin: 0 auto;
		position: relative;
	}
	
		#featured .items li {
			display: block;
			position: absolute;
			top: 0; 
			left: 0;
			width: 797px;
			height: 220px;
		}
		
		#featured .items a {
			display: block;
		}
	
			#featured .items a img {
				display: block;
				border: none;
			}

/******************\
| CLASS SPECIFICS  |
\******************/

	.home.main #breadcrumbs {
		display: none;
		}