 /* COLOR CHART -----------

WHITE				#fff
PALE GREY			#f5f5f5

BACKGROUND GREEN	#97be0d
PALE GREEN			#f8ffdc
MEDIUM GREEN		#690
DARK GREEN			#54680d

RED ORANGE			#e55320
ARRIVAL RED			#be0a26

ALERT BRIGHT YELLOW	#fc0
ALERT PALE YELLOW	#ffc

------------------------ */

body {
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	color: #111;
	background: #97be0d url(../images/branding/bg-int.gif) repeat-y 50% 0;
}
body#homepage {
	background: #97be0d url(../images/branding/bg-hp.gif) repeat-y 50% 0;
}

/* ------------------------------------------

	LINKS

--------------------------------------------- */
a, a:link {
	color: #547512;
	text-decoration: none;
}
a:visited {
	color: #547512;
	text-decoration: none;
}
a:hover {
	color: #111;
	text-decoration: underline;
}
a:active {
	color: #547512;
	text-decoration: none;
}

/* ------------------------------------------

	HEADER

--------------------------------------------- */

#header {
	margin-bottom: 10px;
}
#header #header-branding {
	margin-bottom: 10px;
}
	#header #header-branding h1 {
		background: url(../images/branding/logo-vitici.jpg) no-repeat 0 0;
		width: 820px;
		height: 159px;
		text-indent: -5000px;
	}
	#header #header-branding h1 img {
		display: none;
	}

#nav {
	background: #e55320 url(../images/branding/rounded-corner-nav-bottom.gif) no-repeat 0 100%;
}
	#nav ul {
		background: url(../images/branding/rounded-corner-nav-top.gif) no-repeat 0 0;
		font-size: 120%;
		padding: 0.5em;
	}
		#nav li {
			float: left;
			margin-right: 0.5em;
		}
		#nav li a {
			display: block;
			background: url(../images/branding/rounded-corner-nav-left.gif) no-repeat 0 0;
			text-transform: uppercase;
			color: #fff;
		}
			#nav li a strong {
				display: block;
				background: url(../images/branding/rounded-corner-nav-right.gif) no-repeat 100% 100%;
				padding: 0.5em;
			}
		#nav li a:hover {
			background-color: #98081e;
			text-decoration: none;
		}
		#nav li a.active,
		#nav li a.active:hover {
			background-color: #be0a26;
			cursor: default;
		}

/* ------------------------------------------

	HOMEPAGE

--------------------------------------------- */
/* LAYOUT --------------- */
body#homepage #wrapper {
	width: 960px;
}
body#homepage .content {
	background: #97be0d;
}
body#homepage .main {
	padding: 15px 0;
}
#hp-search {
	float: left;
	width: 305px;
	background: #fff url(../images/branding/rounded-corner-hpsearch-bottom.gif) no-repeat 0 100%;
	display: inline;
	margin-left: 16px;
}
#hp-map {
	float: right;
	width: 409px;
}
#hp-column {
	background: #e8f2be url(../images/branding/rounded-corner-hpcolumn-bottom.gif) no-repeat 0 100%;
	float: left;
	width: 220px;
	margin-top: 75px;
}

/* LANG --------------- */
.select-lang {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	z-index: 99;
}
	.select-lang img {
		border: 1px solid #333d11;
		margin-bottom: -3px;
		margin-left: 4px;
	}
	.select-lang img.selected {
		border: 1px solid #fff;
	}
	.select-lang a:hover img {
		border: 1px solid #f8ffdc;
	}

/* HEADER --------------- */
#header-homepage {
	position: relative;
}
#header-homepage #header-branding {
	height: 196px;
	background: #577f00 url(../images/branding/hp-bandeau.jpg) no-repeat 0 37px;
	margin-bottom: 0;
}
#header-homepage #header-branding h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 960px;
	background: url(../images/branding/baseline.gif) no-repeat 20px 0;
	text-indent: -5000px;
	height: 37px;
}
#header-homepage #header-branding #logo {
	position: absolute;
	left: 0;
	top: 186px;
}

#header-homepage #nav {
	margin-left: 140px;
}
	#header-homepage #nav ul {
		background: none;
		padding-left: 100px;
	}

/* FORM --------------- */
#hp-search form#search-form {
	background: url(../images/branding/rounded-corner-hpsearch-top.gif) no-repeat 0 0;
	padding: 10px 8px 0 8px;
}
#hp-search form#search-form fieldset legend strong {
	display: block;
	font-size: 120%;
	text-transform: uppercase;
	padding-bottom: 10px;
	color: #e55320;
}
#hp-search form#search-form fieldset span {
	margin-bottom: 5px;
	display: block;
}

/* NEWS --------------- */
#hp-news {
	background: url(../images/branding/rounded-corner-hpcolumn-top.gif) no-repeat 0 0;
	padding: 10px;
}
#hp-news h3 {
	font-size: 110%;
	text-transform: uppercase;
	padding: 0 0 5px 0;
	background: none;
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
	color: #690;
}
.hp-news {
	margin-bottom: 15px;
}
	.hp-news p {
		font-size: 110%;
		line-height: 1.4em;
	}
	.hp-news p.date {
		font-size: 90%;
		color: #666;
		text-transform: uppercase;
	}



/* ------------------------------------------

	FOOTER

--------------------------------------------- */
#footer p {
	margin-top: 15px;
	text-align: right;
	color: #690;
}
#footer a {
	color: #547512;
	padding: 0 5px;
	font-weight: bold;
}

