/* CSS Document */

* { margin: 0; padding: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 68%;
	color: #000;
	background: #FFF;
	}

html, body { height: 100%; }

body#page,
body#home {
	text-align: center;
	color: #00787e;
	}

img, a img { border: none; }

a, a:link, a:visited { text-decoration: underline; color: #00787e; }
a:hover { color: #e43228; }
a:active { }

.clear { clear: both; height: 1%; visibility: hidden; font-size: 1px; }

ul { padding-left: 1.3em; margin: .5em 0; padding-bottom: 1em; list-style-type: disc; }
ol { padding-left: 2.5em; margin: .5em 0; }
li { margin-bottom: .2em; }

u { text-decoration: none; }

h1, h2, h3, h4, h5, h6, h7 { font-size: 1em; color: #00787e; font-family: Arial, Helvetica, sans-serif; line-height: 1.4em; }
h1 { font-size: 1.7em; padding-bottom: .8em; font-weight: normal; }
h2 { font-size: 1.1em; padding-bottom: .2em; }
h3 { font-size: 1em; padding-top: .5em; }
h4 { font-size: 1em; padding-top: .5em; }

p { line-height: 1.5em; }

hr { height: 1px; color: #CCC; background-color: #CCC; border: none; }

em, i { font-size: 96%; }

table, td, th {
	text-align: left;
	font-size: 1em;
}

.image_left { float: left; margin-right: 20px; }

/* CONTAINER */

#container {
	margin: 0 auto; width: 936px;
	text-align: left;
	min-height: 100%;
	height: auto;
	margin-bottom: -34px;
	}
* html #container {
	height: 100%;
	}


/* HEADER */
#header { position: relative; height: 144px; overflow: hidden; }

#logo { }

#logo_print { display: none; }

#slogan { position: absolute; top: 0; right: 0; }

/* TOPNAV */
#topnav { position: relative; height: 25px; overflow: hidden; }

#topnav ul { margin: 0; padding: 0; list-style: none; position: absolute; left: 553px; top: 0; }
#topnav li { float: left; }

#topnav li a,
#topnav li a:link,
#topnav li a:visited {
	padding: 0 10px;
	text-decoration: none;
	color: #00787e;
	border-left: 1px solid #00787e;
	}
#topnav li.first a,
#topnav li.first a:link,
#topnav li.first a:visited {
	border: none;
	}	
#topnav li a:hover {
	text-decoration: underline;
	}

#topnav li a img { vertical-align: middle; margin-right: 5px; }

#breadcrumbs { 
	margin-left: 194px; 
	font-size: 11px;
	color: #8f4b10; 
	}

#breadcrumbs a,
#breadcrumbs a:visited,
#breadcrumbs a:link {
	text-decoration: none;
	color: #8f4b10;
	}
#breadcrumbs a:hover {
	text-decoration: underline;
	}

/* MAIN */
#main { }
	
/* NAV */
#nav { 
	float: left; width: 160px; height: 443px; overflow: hidden; position: relative;
	border-top: 2px solid #e53527; border-bottom: 2px solid #e53527;
	}	
* html #nav {
	height: 447px;
	he\ight: 443px;
	}
	
#nav_inner { height: 294px; overflow: hidden; } /* default: 266px / language: 266px */

#nav ul { 
	margin: 0; padding: 0; padding-top: 3px; list-style: none;
	text-transform: uppercase; font-size: 12px;
	}
#nav li { margin: 0; padding: 0; }

#nav li a,
#nav li a:link,
#nav li a:visited {
	display: block; width: 152px; padding: 3px 4px;
	text-decoration: none;
	color: #e53527;
	}
* html #nav li a,
* html #nav li a:link,
* html #nav li a:visited {
	width: 160px;
	w\idth: 152px;
	}
	
#nav li a:hover {
	color: #FFF; background: #00787e;
	}	

#nav li.works a,
#nav li.works a:link,
#nav li.works a:visited {
	color: #8f4b10; background: none;
	}
#nav li.works a:hover {
	color: #FFF; background: #00787e;
	}	


#nav li.current a,
#nav li.current a:link,
#nav li.current a:visited {
	color: #FFF; background: #00787e;
	}
#nav li.current a:hover {
	}	

#nav ul ul { padding-top: 0; }
	
#nav li li a,
#nav li li a:link,
#nav li li a:visited,
#nav li.current li a,
#nav li.current li a:link,
#nav li.current li a:visited,
#nav li.works li a,
#nav li.works li a:link,
#nav li.works li a:visited {
	display: block; padding: 3px 7px;
	text-decoration: none; text-transform: none;
	color: #00787e; background: none;
	}
#nav li li a:hover,
#nav li.current li a:hover,
#nav li.works li a:hover {
	color: #FFF; background: #00787e;
	}
	
#nav li li li a,
#nav li li li a:link,
#nav li li li a:visited,
#nav li li.current li a,
#nav li li.current li a:link,
#nav li li.current li a:visited,
#nav li li.works li a,
#nav li li.works li a:link,
#nav li li.works li a:visited {
	display: block; padding: 3px 10px;
	text-decoration: none; text-transform: none;
	color: #00787e; background: none;
	}
#nav li li li a:hover,
#nav li li.current li a:hover,
#nav li li.works li a:hover {
	color: #FFF; background: #00787e;
	}

#nav li li.current a,
#nav li li.current a:link,
#nav li li.current a:visited {
	color: #FFF; background: #00787e;
	}
#nav li li.current a:hover {
	}	

/* news */
#news { 
	padding-left: 14px; padding-right: 4px; margin-bottom: 6px; height: 108px;
	background: #e53527; 
	font-size: 10px;
	}

#news h4 { 
	margin: 0; padding: 0; padding-top: 10px; padding-bottom: 4px; 
	color: #FFF;
	font-size: 12px; 
	}
#news h4 a,
#news h4 a:link,
#news h4 a:visited {
	color: #FFF;
	text-decoration: none;
	}
#news h4 a:hover {
	text-decoration: underline;
	}

#news ul { margin: 0; padding: 0; list-style: none; width: 100%; overflow: hidden; }
#news li { padding-bottom: 2px; white-space: nowrap; }
	
#news li a,
#news li a:link,
#news li a:visited {
	padding: 0; padding-left: 7px;
	text-decoration: none; text-transform: none; font-size: 10px;
	color: #FFF; background: url(../img/terrafina_news_bullet.gif) no-repeat 0 5px;
	width: auto;
	}
#news li a:hover {
	text-decoration: underline;
	background-color: transparent;
	}	

/* language */
#language,
#language:link,
#language:visited { 
	display: block; padding: 6px 2px;
	text-decoration: none; text-transform: uppercase; font-size: 11px; 
	border-top: 2px solid #e53527;
	color: #e53527;
	}
#language:hover {
	color: #FFF; background: #e53527;
	}	

#language span { 
	float: right; padding-top: 2px; padding-right: 5px;
	font-size: 9px;
	}

/* search */
#search { 
	padding-top: 7px; width: 160px; overflow: hidden;
	border-top: 2px solid #e53527;
	}
#search_inner { 
	padding-left: 2px; overflow: hidden; height: 18px;
	border: 1px solid #e53527; 
	}

#search form { margin: 0 !important; padding: 0 !important; }

.search_input {
	float: left; width: 110px; padding-top: 1px;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	border: 0px solid #FFF;
	color: #8f4b10; background: #FFF;
	}
* html .search_input {
	width: 106px;
	}

.search_button {}
	
/* CONTENT */
#content { float: left; width: 760px; margin-left: 16px; overflow: hidden; }

.cases #content h1 { padding-bottom: 0; }
#content li { line-height: 1.5em; }

#column_A {
	float: left; width: 380px; height: 447px; overflow: hidden; position: relative;
	color: #FFF; background: #00787e; 
	}
.news #column_A { background: #e53527; }	
.cases #column_A { background: #8f4b10; }	

#column_A a, #column_A a:link, #column_A a:visited { color: #FFF; }
#column_A a:hover { color: #bfdddf; }

.news #column_A a, .news #column_A a:link, .news #column_A a:visited { color: #FFF; }
.news #column_A a:hover { color: #f8ccc9; }

.cases #column_A a, .cases #column_A a:link, .cases #column_A a:visited { color: #FFF; }
.cases #column_A a:hover { color: #e3d2c3; }


#column_A_inner { padding: 0 26px; padding-top: 1.8em; height: 36.2em; overflow: hidden; }
* html #column_A_inner { 
	height: 38.2em; 
	he\ight: 36.2em; 
	}
	
#column_B { 
	float: left; width: 373px; height: 447px; overflow: hidden; margin-left: 7px; position: relative;
	background: #00787e;
	}
.news #column_B { background: #e53527; }	

.cases #column_B { background: #8f4b10; }	
.blank #column_B { background: #FFF url(../img/terrafina_white_background.gif) no-repeat left top; }	

#column_B_inner { padding: 0 26px; padding-top: 1.8em; height: 36.2em; overflow: hidden; }
* html #column_B_inner { 
	height: 38.2em; 
	he\ight: 36.2em; 
	}


#column_A h1, #column_A h2, #column_A h3, #column_A h4, #column_A h5 { color: #FFF; }
#column_A img#column_A_photo_0, #column_A img#column_A_photo_1,
#column_B img#column_B_photo_0, #column_B img#column_B_photo_1 { position: absolute; left: 0; top: 0;}
#column_A img#column_A_photo_1, #column_B img#column_B_photo_1 { display: none; }

/* corners */
#corner_lt { position: absolute; width: 7px; height: 7px; background: url(../img/terrafina_corner_lt.png) no-repeat left top; font-size: 1px; line-height: 0; top: 0; left: 0; }
#corner_lb { position: absolute; width: 7px; height: 7px; background: url(../img/terrafina_corner_lb.png) no-repeat left top; font-size: 1px; line-height: 0; bottom: 0; left: 0; }
#corner_rt { position: absolute; width: 7px; height: 7px; background: url(../img/terrafina_corner_rt.png) no-repeat left top; font-size: 1px; line-height: 0; top: 0; right: 0; }
#corner_rb { position: absolute; width: 7px; height: 7px; background: url(../img/terrafina_corner_rb.png) no-repeat left top; font-size: 1px; line-height: 0; bottom: 0; right: 0; }

* html #corner_lt { behavior: url(iepngfix.htc); }
* html #corner_lb {	behavior: url(iepngfix.htc); bottom: -1px; }
* html #corner_rt { behavior: url(iepngfix.htc); right: -1px; }
* html #corner_rb { behavior: url(iepngfix.htc); bottom: -1px; right: -1px; }

/* overlay */
#overlay { position: absolute; width: 130px; height: 272px; background: url(../img/terrafina_overlay.png) no-repeat right top; font-size: 1px; line-height: 0; top: 0; right: 0; }
* html #overlay { behavior: url(iepngfix.htc); right: -1px; }

.blank #overlay { display: none; }

/* paging */
.paging { position: absolute; right: 10px; bottom: 8px; width: 44px; height: 18px; }
.paging_previous, 
.paging_previous:link, 
.paging_previous:visited { 
	float: left; display: block; width: 22px; height: 18px; 
	color: #fff; background: url(../img/terrafina_arrow_previous_white.png) no-repeat 50% 0; 
	outline: none;
	}
* html .paging_previous, 
* html .paging_previous:link, 
* html .paging_previous:visited { 
	behavior: url(iepngfix.htc);
	}

.blank .paging_previous, 
.blank .paging_previous:link, 
.blank .paging_previous:visited { 
	background: url(../img/terrafina_arrow_previous_green.png) no-repeat 50% 0;  
	}
.blank #column_A .paging_previous, 
.blank #column_A .paging_previous:link, 
.blank #column_A .paging_previous:visited { 
	background: url(../img/terrafina_arrow_previous_white.png) no-repeat 50% 0;  
	}	

.paging_next, 
.paging_next:link, 
.paging_next:visited { 
	float: left; display: block; width: 22px; height: 18px; 
	color: #fff; background: url(../img/terrafina_arrow_next_white.png) no-repeat 50% 0; 
	outline: none;
	}
* html .paging_next, 
* html .paging_next:link, 
* html .paging_next:visited { 
	behavior: url(iepngfix.htc);
	}

.blank .paging_next, 
.blank .paging_next:link, 
.blank .paging_next:visited { 
	background: url(../img/terrafina_arrow_next_green.png) no-repeat 50% 0; 
	}
.blank #column_A .paging_next, 
.blank #column_A .paging_next:link, 
.blank #column_A .paging_next:visited { 
	background: url(../img/terrafina_arrow_next_white.png) no-repeat 50% 0; 
	}	
.inactive {
	background-position: 50% -24px !important;
	cursor: default !important;
}

/* TABLES */
table { border-collapse: collapse; border: 0;  margin-bottom: 1em; border-color: #00787E; }
th, td { font-weight: normal; vertical-align: top; border: 0; border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; color: #FFF}
body.cases table { border-color: #8F4B10; }
body.news table { border-color: #E53527; }

/* FOOTER */
#footer {
	padding: 9px 0; padding-left: 563px;
	color: #8f4b10;
	}
* html #footer { padding: 0; padding-left: 563px; }

#footer a,
#footer a:link,
#footer a:visited {
	text-decoration: none;
	color: #8f4b10;
	}
#footer a:hover {
	text-decoration: underline;
	}
#photographer { margin-left: .5em; padding-left: .7em; border-left: 1px solid #8f4b10; display: none; }

/* FORMS */
form {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px;
	color: #FFF;
	margin: 0 !important;
	padding: 0 !important;
	}
.news form { color: #e53527; }

fieldset { margin: 0; padding: 10px 0; border: none; } 
fieldset br { display: none; }
fieldset div { margin: 5px 0; padding: 0; background: url(../img/terrafina_form_background.gif) no-repeat left top; }
.news fieldset div { background: url(../img/terrafina_form_background_red.gif) no-repeat left top; }
fieldset legend { display: none; }

fieldset .removed { display: none !important; }

/* labels */
fieldset label, fieldset div.cr p {
	float: left; display: block; margin: 0; padding: 3px 6px; width: 110px;
	text-align: left; text-transform: uppercase;
	}
* html fieldset label, * html fieldset div.cr p {
	margin-right: -3px;
	width: 132px;
	w\idth: 110px;
	}
	
.news fieldset label, .news fieldset div.cr p {	
	border-right: 4px solid #e53527;
	}

fieldset div.cr { color: #FFF; background: none;  }

fieldset div.cr p {
	position:absolute;
	top: -2px;
	left: 0;
	}
* html fieldset div.cr p {
	left: -126px;
	}

fieldset div.cr label {
	float: none;
	text-align: left;
	margin: 0;
	margin-left: 124px;
	padding: 0;
	width: auto;
	}

fieldset div.cr label.otherlabel {
	float:left; 
	}
* html fieldset div.cr label.otherlabel {
	width:0.1em;
	margin-left: 54px;
	}

fieldset div span {
	display: block;
	margin-left:129px;
	color:#FFF;
	}

fieldset div.cr_label label {
	margin-top: -2px;
	}

/* mandatory labels */
.badinput { color: #fff; }
fieldset .mandat { color: #FFF; }
fieldset .mandatr { color: #FFF; }
.news fieldset .mandat { color: #e53527; }
.news fieldset .mandatr { color: #e53527; }

/* inputs */
fieldset input, fieldset select, fieldset textarea { width: 194px;  font-size: 11px; margin: 0; margin-bottom: 2px; padding: 1px 2px; border: 1px solid #FFF; }
fieldset div.cr input { border: none; width: auto; margin-right: 5px; }
fieldset div.cr input.otheranswer { border: 1px solid #FFF; margin-left: 5px;}
fieldset div.cr_label input { border: none; width: auto; }

fieldset input.day { width: 30px; }
fieldset select.month { width: 110px; margin-left: 0;}
fieldset input.year { width: 50px; margin-left: 0;}

fieldset select { width: 196px;}
fieldset textarea { width: 196px; font-family: Arial, Helvetica, sans-serif; }

/* buttons */
fieldset.buttons { padding: 15px 0; }
fieldset.buttons div { background: none; }
fieldset.buttons label { width: 109px; }
fieldset.buttons input { 
	float: right; width: 80px; height: 34px; 
	color: #FFF; background: url(../img/terrafina_form_submit_red.gif); 
	border: none; 
	text-transform: uppercase; 
	}
fieldset.buttons input.button { width: 100px; height: 24px; padding: 0; border: 1px solid #FFF; color: #000; background: #FFF; font-weight: bold; }

/* badinput */
fieldset .badinput { color: #FFF;}
fieldset label.badinput, fieldset div.cr p.badinput { /* background: url(../img/warning.gif) no-repeat left 5px; */ }
fieldset div.cr label.badinput { background: none; }

fieldset input.badinput, fieldset select.badinput, fieldset textarea.badinput {
	background: #FFF;
	color: #000;
	border: 1px solid #FFF;
	}

/* NEWS */
#newsitems {}

#newsitems h2 { margin: 0; padding: 0; padding-top: .5em; border-top: 1px solid #FFF; }
#newsitems .date { display: block; font-weight: bold; padding-bottom: .3em; }
#newsitems .link { display: none; }

#newsitems a,
#newsitems a:link,
#newsitems a:visited {
	text-decoration: none;
	}
#newsitems a:hover,
.news #newsitems a:hover {
	text-decoration: underline;
	color: #FFF;
	}
#newsitems a:hover h2 {
	text-decoration: underline;
	}
#newsitems a:hover span {
	text-decoration: underline;
	color: #FFF;
	}