/**
* CSS
* 
* @version 1.0
* @author Armin Rosu for WhiteCollar
*/

* {
	
}

body {
	background: #fff;
	font: 10px Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	letter-spacing: .05em;
}

/* LINKS */

a:link {
	text-decoration: none;
	color: #737373;
}

a:active {
	text-decoration: none;
	color: #000;
}

a:visited {
	text-decoration: none;
	color: #737373;
}

a:hover {
	text-decoration: none;
	color: #000;
	background: #ffd200;
}

.active a {
	color: #000;
}

a img {
	
}

/* basic resets */

p {
	
}

h1 {
	font-size: 18px;
	color: #000;
	font-weight: lighter;
	font-style: normal;
}

h2, span.subtitle {
	font-size: 12px;
	color: #000;
	font-weight: 100;
	font-style: normal;
}

:-moz-any-link:focus {
	outline: none;
}

/* Header */

a:hover {
	background: none;
}

#headerBar {
	background: #fff url(../img/headerBar_bg.gif) no-repeat 31px 84px;
}

/* Menu */

#menu {
	color: #000;
}

#menu p {
	font-size: 12px;
}

#menu ul {
	list-style: none;
}

#menu ul li.section-title {
	font-size: 12px;
}

#menu ul li.section-title:hover {
	color: #000;
	background: #ffd200;
}

#menu ul li {
	font-size: 10px;
	letter-spacing: .05em;
}

#menu ul li a {
	color: #000;
}

#menu ul li a:hover, #menu ul li.active a {
	text-decoration: none;
	color: #000;
	background: #ffd200;
}

/* Slideshow Navigation */

a#prev {
	background: url(../img/navigation_arrows.gif) no-repeat;
	text-indent: -9000px;
}

a:hover#prev {
	background-position: -18px 0;
}

a#next {
	background: url(../img/navigation_arrows.gif) no-repeat -18px -13px;
	text-indent: -9000px;
}

a:hover#next {
	background-position: 0 -13px;
}