/********************************
 * GENERIC COMPONENT STYLING
 ********************************/
 
html { width:100%; margin:0 0 0 0; padding:0; background-image:url('images/background.jpg');}

body {margin:0 auto; width: 100%;padding:0;}

body{font-family: Verdana;color: #333333;font-size: 11px; line-height:18px;}

p{font-family: Verdana;color: #333333;font-size: 11px; line-height:18px;}

table{font-family: Verdana;color: #333333;font-size: 11px; line-height:18px;}

.clearline {clear:both;height:1px;line-height:1px;}

#container {position:absolute; width: 990px;left:50%;margin-left : -490px;height:100%;}

#languages {float:right;margin-bottom:10px;padding-top:3px;font-family: Verdana;color: #FFFFFF;font-size: 11px;z-index: 2;}
.English {}
.German {margin-left:10px;}
.French {margin-left:10px;}
.Spanish {margin-left:10px;}
.Russian {display:none;margin-left:10px;}


#link {color: #FFFFFF;font-weight:bold;text-decoration:underline;}

#header {margin:0 auto;margin-top:26px;position:relative;width:100%;}

#header_inside {display:block;position:relative;margin-top:16px;width:990px; height:123px;background:url(images/Amistad_header_image.jpg);}

#logo {position: absolute;display: block; width: 195px; height: 40px;top: 206px;left:216px;}

#flash_clock {display: block; position: absolute; width: 150px; height:60px; top: 62px;left: 828px;z-index: 3;}
	
#header_image {display: block;position: relative; width:200px;padding-left: 26px; padding-top:20px;padding-bottom:5px;}

#mediaspace {position: relative;display: block; float:left;margin-top:2px;}

#content {float:left;height:720px!important;margin:0 auto;min-height:284px;padding-bottom:0;position:relative;width:100%; background-color:#FFFFFF;}
#content_gallery {float:left;height:780px!important;margin:0 auto;min-height:284px;padding-bottom:0;position:relative;width:100%; background-color:#FFFFFF;}

#text_left {position: relative; float:left;width: 462px;margin-left: 30px;overflow: visible;margin-bottom:26px;}
#page_image {position: relative; float:left;width: 402px;overflow: visible;margin-left:62px;margin-bottom:26px;}

/********************************
 * BANNERS
 ********************************/
 
#banners {position: relative; float:left;width: 402px;overflow: visible;margin-left:62px;}
#Amistad_big_banner {display: block;position: relative;z-index: 3;margin-bottom:16px;}
#Amistad_small_banner1 {float:left;display: block;position: relative;z-index: 3; width:190px; height:120px;}
#Amistad_small_banner2 {float:left;display: block;position: relative;z-index: 3;margin-left: 20px;width:190px; height:120px;margin-bottom:18px;}
#Amistad_banner {display: block;position: relative;z-index: 2; width:397px; height:100px;}

#footer {clear:both;line-height:0.67em;width: 992px;height: 100px;color:#666666;font-family: Verdana;font-size: 10px;padding-top: 39px;background-image:url(images/Amistad_footer.png);background-repeat:no-repeat;z-index: 0;}

a:link {color: #333333;font-weight:bold;text-decoration:underline;}

a:hover, a:active{color:#666666;font-weight:bold;text-decoration:underline;}

a:visited{color: #333333;font-weight:bold;text-decoration:underline;}
	
@font-face {
	font-family: HelveticaNeueLTPro; font-weight:normal;
	src: url('fonts/HelveticaNeueLTPro-ThCn.otf');
}

	
H1 {font-family:HelveticaNeueLTPro;font-size: 41px;font-weight:normal;margin: 0 0 16px 0;padding:0; color: #c61a1a;margin-left:26px;margin-top:32px;letter-spacing:2px;}

	
H2 {font-size: 10px;font-style: italic;line-height: 18;}
		
#H1_image {position: absolute;display: block;top: 0px;left:0px;	margin-bottom: 10px;}

#logo {position: absolute;display: block;top: 13px;left:26px;	margin-bottom: 10px; width:246px; height:100px;}

/********************************
 * NAVIGATION
 ********************************/
 
#navigation {display:block; position:relative;height: 40px; width:990px;background: url(images/nav_es2.jpg) no-repeat 0 0; z-index:3; vertical-align:middle;margin-top:1px;}
#navigation ul {position: absolute;display:block; left:-5px;top:0px;margin-top:5px;}	
#navigation li {display: block; float: left;}
#nav_home {
margin-left:-5px;
margin-right:31px;
padding-right:31px;
border-right:2px solid #525355;
display:inline-block;
height:20px;
padding-top:6px;
vertical-align:bottom;
width:auto;}
#nav-item-1 {margin-right:31px;
padding-right:31px;
border-right:2px solid #525355;display:inline-block;
height:20px;
padding-top:6px;
vertical-align:bottom;
width:auto;}
#nav-item-2 {margin-right:31px;
padding-right:31px;
border-right:2px solid #525355;display:inline-block;
height:20px;
padding-top:6px;
vertical-align:bottom;
width:auto;}
#nav-item-3 {margin-right:31px;
padding-right:31px;
border-right:2px solid #525355;display:inline-block;
height:20px;
padding-top:6px;
vertical-align:bottom;
width:auto;}
#nav-item-4 {margin-right:31px;
padding-right:31px;
border-right:2px solid #525355;display:inline-block;
height:20px;
padding-top:6px;
vertical-align:bottom;
width:auto;}
#nav-item-5 {margin-right:31px;
padding-right:31px;
border-right:2px solid #525355;display:inline-block;
height:20px;
padding-top:6px;
vertical-align:bottom;
width:auto;}
#nav-item-6 {margin-right:31px;
padding-right:31px;
border-right:2px solid #525355;display:inline-block;
height:20px;
padding-top:6px;
vertical-align:bottom;
width:auto;}
#nav-item-7 {margin-right:31px;
padding-right:31px;
border-right:2px solid #525355;display:inline-block;
height:20px;
padding-top:6px;
vertical-align:bottom;
width:auto;}
#nav-item-8 {display:inline-block;height:20px;vertical-align:bottom;
width:auto;}

#nav-item-5, #nav-item-8 a span {
display:inline-block;
height:20px;
padding-top:6px;
vertical-align:middle;
width:auto;
}
#navigation li a span {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
}
#navigation li a:hover span {
color:#B0B0B0;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
}
.footer {font-family: Arial, Helvetica, sans-serif}

#line_text {display: block;height:10px;widthy:472px;margin-top:10px;margin-bottom:10px;}
#button_book {
	display: block;
	height:37px;
	width:133px;
	margin-top:26px;
	margin-bottom:20px;
	margin-left:26px;
	}
#team_photo1 {float:left; display: block;margin-right:20px;margin-bottom:6px;}
#team_photo2 {float:left; display: block;margin-bottom:6px;}
#team_photo3 {float:left; display: block;margin-right:20px;margin-bottom:6px;}
#team_photo4 {float:left; display: block;margin-bottom:6px;}
#Amistad_links {float:left; display: block; width: 397px; height: 85px; margin-top:10px; margin-left: 47px;background:url("images/Amistad_links.jpg") no-repeat 0 0;; padding: 26px 16px;}
#Amistad_apartments {float:left; display: block; width: 990px; height: 412px; margin-top:10px; background:url("images/Amistad_background_apartments.jpg") no-repeat 0 0;; padding: 26px 36px 0 0;}
#apartment1 {float:left; display: block; width: 452px; height: 160px; margin-top:10px; margin-left:30px;}
#apartment2 {float:left; display: block; width: 402px; height: 160px; margin-top:10px; margin-left:72px;}
#apartment3 {float:left; display: block; width: 452px; height: 160px; margin-top:39px; margin-left:30px;}
#apartment4 {float:left; display: block; width: 402px; height: 160px; margin-top:39px; margin-left:72px;}
#apartment_picture {float:left; display: block; margin-right:10px;}

#gallery { position:relative; display: block; padding-left: 26px; width: 900px; height: auto; overflow:visible;}
.img1 { float:left; display: block; width: 168px; height:115px}
.img2 { float:left; display: block; padding-left: 26px; width: 168px; height:115px}
.img3 { float:left; display: block; padding-left: 26px; width: 168px; height:115px}
.img4 { float:left; display: block; padding-top: 26px; width: 168px; height:115px}
.img5 { float:left; display: block; padding-top: 26px; padding-left: 26px; width: 168px; height:115px}
.img6 { float:left; display: block; padding-top: 26px; padding-left: 26px; width: 168px; height:115px}
.img7 { float:left; display: block; padding-left: 26px; width: 168px; height:115px}
.img8 { float:left; display: block; padding-top: 26px; padding-left: 26px; width: 168px; height:115px}
.img9 { float:left; display: block; padding-top: 26px; padding-left: 26px; width: 168px; height:115px}
.img10 { float:left; display: block; padding-top: 26px; padding-left: 26px; width: 168px; height:115px}
.img11 { float:left; display: block; padding-left: 26px; width: 168px; height:115px}
.img12 { float:left; display: block; padding-top: 26px; padding-left: 26px; width: 168px; height:115px}