@charset "UTF-8";
/* RESET */ body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, acronym, abbr, fieldset, img, a img, th, td, button, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0px; outline: 0px; } h1, h2, h3, h4, h5 { font-size: 100%; font-weight: normal; }
 table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; font-style: normal; } :focus { outline: 0; } ul li {list-style: none;}

/*
GENERAL
TYPOGRAPHY
LAYOUT
INSIDE #CONTENT
*/

/* --------------------- @ GENERAL elements --------------------- */
html { font-size:100.01%; }
body { background: #FFF url(img/header-back.gif) repeat-x; font-size:13px;  min-height:101%;  }
body, form { font-family: Arial, Helvetiva, sans-serif }

.right {float: right;}
.left {float: left;}
.clear {clear: both;}

hr { background-color: #d4d4d4; color: #d4d4d4; border: 0px; height: 1px; }
hr.bold-hr { background-color: #000; color: #000; border: 0px; height: 3px; clear: both; margin: 10px 0 8px 0; }
	
	
/*----------------------------------------------------------------------
                             @ TYPOGRAPHY
-----------------------------------------------------------------------*/
.text-center {text-align: center;}
.mute {color: #999;}
.error {color: #f00; font-weight: bold;}
.black { color: #000; font-weight: bold;}

h1 {font-size: 25px;}
	#content h1 { color:#f00; font-family: Georgia, serif, Times new roman, Times; font-style: italic; font-size: 25px; font-weight: normal; line-height: 90px; vertical-align: middle;}

#content h2 { font-family: Georgia, serif, Times new roman, Times; font-style: italic; font-size: 16px; font-weight: bold; margin: 15px 0;}
	
h3 {font-size: 110%;}

a:link, a:visited, a:active { font-weight: normal; color: #000; }
a:hover {color: #f00;}

#nav { color: #eee; font-size: 11px; }
	#nav a:link, #nav a:visited, #nav a:active { font-size: inherit; color: #a5a5a5; text-decoration: none;}
	#nav a:hover { color: #eee;}

#gallery li a:link, #gallery li a:visited, #gallery li a:active { color:#000; display: block; font-size: 11px; font-weight: bold; line-height: 20px; text-align: center; text-decoration: none; }
	#gallery:hover a:hover { color: #f00; font-weight: bold;}
	
#content p { color:#333; line-height: 20px; margin-bottom: 10px; }

table {font-size: 11px;}
	th {color: #f00; font-weight: bold;}
	td {padding: 4px 0; vertical-align: top;}

#footer h2 { font-family: Georgia, serif, Times new roman, Times; font-style: italic; font-size: 18px; font-weight: bold; margin: 13px 0;}
#footer p { color: #595959; line-height: 21px; }
#footer a:link.ft-link, #footer a:visited.ft-link, #footer a:active.ft-link { 
	background: transparent url(img/front-link-back.gif) no-repeat;
	color: #666;
	display: block; 
	height: 34px; 
	line-height: 34px; 
	margin-top: 10px;
	padding-left: 11px;
	text-decoration: none; 
	width: 147px;
	}
#footer a:hover.ft-link { color: #f00; }

#footer2 { color: #c4c4c4; font-size: 11px; line-height: 40px;}
	#footer2:hover {color: #999;}
#footer2 a:link, #footer2 a:visited, #footer2 a:active { color:#c4c4c4; font-size: 11px; font-weight: normal; text-decoration: underline; }
	#footer2:hover a:link, #footer2:hover a:visited, #footer2:hover a:active { color:#999; font-size: 11px; font-weight: normal; text-decoration: underline; }
	#footer2:hover a:hover { color: #f00; }


/*----------------------------------------------------------------------
                             @ MAIN LAYOUT
-----------------------------------------------------------------------*/

#container { width: 770px; margin: 0 auto; }
	
#header {
	height: 170px;
	position: relative;
	background: url(img/header-img.gif) no-repeat;
	background-position: right;
	}

#logo { position: absolute; top: 37px; left: -11px;}

#nav {position: absolute; top: 128px; left: 0px;}
	#nav ul li {list-style: none; display: inline; margin-right: 15px;}

#lang { position:absolute; top:123px; left:740px;}


#banner {height:350px; width: 830px; margin:20px 0 23px 0; margin-left: -30px; position: relative;}


#content { clear: both; overflow: hidden; position: relative; }


#footer { overflow:hidden; margin-bottom: 80px; margin-top: 10px; position: relative; }
.ft-col { width:246px; background: url(img/col-border.gif) repeat-x; float:left;}
.ft-col-margin { margin-right:15px; }

	
#footer2 { background: transparent url(img/ft-col-border.gif) repeat-x; height: 50px; margin: 50px 0 20px 0; overflow: hidden; width: 770px; }
a.back-link-ft { font-size: 11px;}





/*----------------------------------------------------------------------
                             @ INSIDE CONTENT
-----------------------------------------------------------------------*/

a.back-link { font-size: 11px; position: absolute; top: 38px; right: 0px;}
* html a.back-link { top: 5px;}



#content div.halfcol ul { list-style: disc; list-style-type: disc; margin-top: 10px;}
	#content div.halfcol ul li { 		
		border-top: 1px solid #d4d4d4; 
		line-height: 16px;
		display: block;
		list-style: none; 
		padding: 8px 0 8px 15px;
		background: transparent url(img/bullet.gif) no-repeat 0px 10px; 
		}
	.halfcol {	width: 377px; margin: 0 15px 20px 0; }
	


#gallery li {display: block; float: left; margin: 0 15px 10px 0; width: 246px; border: 0; padding: 0; list-style: none; }
	#gallery li img { border: 5px solid black; width: 236px; height: 175px; background-color: #000; text-decoration: none; }
		#gallery li img:hover { border: 5px solid #444; }
	#gallery li.marg0, #content .marg0 {margin-right: 0px;}
	

	
.twocol { width: 507px; margin-right: 15px; }
.onecol {width: 245px;}
.portraitimg { margin: 0px 0 5px 0; }

table th {line-height: 16px; }
table tr td hr { margin: 8px 0 5px 0;}