﻿body { background:#333333 url(../images/teamholmatro/bg.jpg) 0 0 repeat-x; }

#menu_container { width:1000px; height:80px; margin:0 auto; }
#menu_container #menu_bar { height:80px; background:url(../images/teamholmatro/bg_logo.jpg) 0 0 no-repeat; margin:0px; }

.logo { display:block; width:285px; height:80px; float:left; }

#menu_bar .nav {position: absolute;height: 35px;width: 660px;margin:8px 0;overflow: hidden; }
#menu_bar .nav li {float: right;list-style: none;}
#menu_bar .nav li.back {background: url("../images/teamholmatro/nav_hover.gif") no-repeat right top;height: 30px;z-index: 8;position: absolute;}
#menu_bar .nav li.back .left {background: url("../images/teamholmatro/nav_hover.gif") no-repeat left top;height: 30px;margin-right:15px;}
#menu_bar .nav li a {	z-index: 10;position: relative;overflow: hidden;float:left;}
#menu_bar .nav li a:hover, .nav li a:active, .nav li a:visited {border: none;}
#menu_bar #nav {height:38px;width:660px;position:relative; font-size:11px;z-index:500;padding-top:18px; float:left;}
#menu_bar #nav li {float:left;margin:0 2px 0 2px;}
#menu_bar #nav a {height:12px;display:block;font-size:13px;font-weight:bold;color:#333333;padding:6px 8px 12px 10px; text-decoration:none;}
#menu_bar #nav li.current a { color:#333333; }
#menu_bar #nav a:hover {color:#000000;}

#kruimelpad {width:1000px;  height:40px; margin-top:0px; background:#FFFFFF url(../images/teamholmatro/bg_kp.jpg) 0 0 no-repeat; }
#kruimelpad_inner { width:1000px; height:50px; margin:0 auto; margin-top:0px; background:#FFFFFF url(../images/teamholmatro/bg_kp.jpg) 0 0 no-repeat;  }
#kruimelpad_in { margin:0 0 0 41px; padding-top:19px; }

#wrapper { width:1000px; background:#FFFFFF none; margin-bottom:0px;  }
#wrapper_inner { width:1000px; background-color:#FFFFFF; margin:0 auto; margin-top:0px; overflow:auto; clear:both; }

	  #about_default { width:1000px; height:312px; padding-top:7px; margin:0 auto; background:#FFFFFF url(../images/teamholmatro/bg_about_default.gif) 1px 0 no-repeat; } /* height:441px;  */
*html #about_default { height:312px; }
	  #about_default #carrousel_dealer { width:980px; height:300px; margin:0 auto; position:relative; z-index:99; }
	  #about_default #carrousel { width:980px; height:300px; float:left; }
	  #about_default #carrousel #noflash { width:980px; height:300px; float:left; border: 0px solid black; background: url(../images/bg_no_flash.jpg) 0 0 no-repeat; text-align: center; }
	  #about_default #carrousel #noflash span { border: 0px solid black; font-size:16px; font-weight:bold; color: #5f5f5f; position:relative; top: 20%; }
	  #about_default #carrousel #noflash img { border: 0px; margin-top: 20px; }	  

#main_content #column2 {  position:relative; }

#thome_boxen_container {  margin-top:5px; clear:both; position:relative; margin-left:10px; overflow:hidden; height:500px;  }
#thome_boxen_container .thome_box { width:384px; height:482px; padding:8px 0px 8px 0px; border:1px solid #EEEEEE; float:left; 
									  background:url(../images/bg_newsbox.jpg) bottom left repeat-x; line-height:17px; overflow:hidden;} 
#thome_boxen_container .thome_box a.header { text-decoration:none !important;  }
#thome_boxen_container .thome_box a.header h1 { margin-left:11px; }
#thome_boxen_container .thome_box.left { margin-right:8px; } 
#thome_boxen_container .thome_box.left span { display:block; position:absolute; right:10px; top:33px;  }
#thome_boxen_container .thome_box p { margin-bottom:10px; }
#thome_boxen_container .thome_box .content {  }
#thome_boxen_container .thome_box .content a { font-size:12px; text-decoration:underline; color:#000000; font-weight:normal; display:block; }
#thome_boxen_container .thome_box .content.news {height:430px; overflow:hidden; }
#thome_boxen_container .thome_box .content.vacs { overflow:hidden; height:99px; width:182px; }
#thome_boxen_container .thome_box .content.proza { overflow:hidden; height:106px; line-height:15px; }
#thome_boxen_container .thome_box table.news { border-collapse:collapse;  }
#thome_boxen_container .thome_box table.news * { line-height:14px; font-size:12px; }
#thome_boxen_container .thome_box table.news tr td { vertical-align:top; padding-left:5px; }
#thome_boxen_container .thome_box table.news tr td.firsttd { padding-left:0px; }
#thome_boxen_container .thome_box table.news tr td.date { font-weight:bold; color:#333333; padding-left:11px; white-space:nowrap; }
#thome_boxen_container .thome_box table.news tr td .intro { height:28px; overflow:hidden; padding:15px 11px 0 0; }
#thome_boxen_container .thome_box table.news tr td .intro p { padding-bottom:5px; }
#thome_boxen_container .thome_box table.news tr td a.readmore { color:#FF4000; font-size:12px; font-weight:bold; text-decoration:underline; padding-bottom:15px; }
#thome_boxen_container .thome_box p.more { position:absolute; bottom:2px; left:11px; width:370px; }
#thome_boxen_container .thome_box p.more a { text-decoration:underline; }

#thome_boxen_container .thome_box table.news tr td table.firstnews { border-collapse:collapse; border-bottom:1px solid #EEEEEE; margin-bottom:10px; }
#thome_boxen_container .thome_box table.news tr td table.firstnews tr td.imgholder { width:168px; height:128px; padding:0 0 20px 11px; }
#thome_boxen_container .thome_box table.news tr td table.firstnews tr td.imgholder table { border-collapse:collapse; }
#thome_boxen_container .thome_box table.news tr td table.firstnews tr td.imgholder table tr td { width:168px; height:128px; text-align:center; vertical-align:middle; border:1px solid #EEEEEE; }
#thome_boxen_container .thome_box table.news tr td table.firstnews tr td.imgholder table tr td img { margin:0px; border:0px;  max-width:168px; max-height:128px; }
#thome_boxen_container .thome_box table.news tr td table.firstnews tr td .textholder { height:110px; overflow:hidden; }
#thome_boxen_container .thome_box table.news tr td table.firstnews tr td a.title_firstnews { color:#000000; font-size:14px; font-weight:bold; text-decoration:none;padding:0 11px 0 0; }
#thome_boxen_container .thome_box table.news tr td table.firstnews tr td .date { color:#333333; font-size:11px; font-weight:normal; padding:5px 0 5px 0; }
#thome_boxen_container .thome_box table.news tr td table.firstnews tr td .intro { height:72px; overflow:hidden; font-size:12px; line-height:14px; padding:0 11px 0 0; } 
#thome_boxen_container .thome_box table.news tr td table.firstnews tr td .intro p { padding-bottom:5px; }
#thome_boxen_container .thome_box table.news tr td table.firstnews tr td a.readmore { padding:5px 0 20px 0; }

#thome_boxen_container .thome_box.right { padding-left:9px; width:375px; }
#thome_boxen_container .thome_box .person { width:125px; height:159px; float:left; overflow:hidden; }
#thome_boxen_container .thome_box .person table { border-collapse:collapse; }
#thome_boxen_container .thome_box .person table tr td { text-align:center; vertical-align:middle; width:114px; height:88px; border:1px solid #EEEEEE; }
#thome_boxen_container .thome_box .person table tr td img { max-width:114px; max-height:88px; border:0px; }
#thome_boxen_container .thome_box .person .person_title a { text-decoration:underline; color:#FF4000; font-weight:bold; width:116px; }
#thome_boxen_container .thome_box .person .person_position { font-size:12px; line-height:14px; width:106px; overflow:hidden; padding-right:10px; }

#thome_boxen_container .thome_box.info { width:201px;  background:none; border:none; height:auto; padding:0 0 0 9px; }
#thome_boxen_container .thome_box.info .box { width:188px; border:1px solid #EEEEEE; margin-bottom:10px; padding-bottom:10px; }
#thome_boxen_container .thome_box.info .box .box_in { width:161px; padding:18px 0 0 7px; border:1px solid #EEEEEE; margin:0 auto; }
#thome_boxen_container .thome_box.info .box .box_in a { display:block; width:160px; height:18px; margin-bottom:15px; font-size:1px; text-indent:-100px; }
#thome_boxen_container .thome_box.info .box .box_in a.holmatro { background:url(../images/teamholmatro/logo_holmatro.gif) 0 0 no-repeat; margin-bottom:15px; height:34px; }
#thome_boxen_container .thome_box.info .box .box_in a.rescue { background:url(../images/teamholmatro/logo_rescue.gif) 0 0 no-repeat; }
#thome_boxen_container .thome_box.info .box .box_in a.marine { background:url(../images/teamholmatro/logo_marine.gif) 0 0 no-repeat; }
#thome_boxen_container .thome_box.info .box .box_in a.industrial { background:url(../images/teamholmatro/logo_industrial.gif) 0 0 no-repeat; }
#thome_boxen_container .thome_box.info .box .box_in a.tornado { background:url(../images/teamholmatro/logo_tornado.gif) 0 0 no-repeat; height:20px; }
#thome_boxen_container .thome_box.info .box .box_in a.outfield { background:url(../images/teamholmatro/logo_outfield.gif) 0 0 no-repeat; height:46px; }
#thome_boxen_container .thome_box.info .box .box_in a.magic { background:url(../images/teamholmatro/logo_magicmarine.gif) 0 0 no-repeat; height:40px; }
#thome_boxen_container .thome_box.info p { line-height:15px; }
#thome_boxen_container .thome_box.info h1 { font-size:14px; font-weight:bold; margin:10px 0 10px 18px; }


#footer, #footer_inner  { background-color:#FFFFFF; width:1000px; border-top:none; }

#yacht { width:777px; height:498px; border:1px solid #EEEEEE; background:url(../images/teamholmatro/yacht.jpg) 0 0 no-repeat; position:relative; }

#yacht div.button { position:absolute; width:74px; height:74px; }
#yacht div.button.but1 { top:190px; left:270px; } 
#yacht div.button.but2 { top:290px; left:340px; } 
#yacht div.button.but3 { top:294px; left:390px; } 
#yacht div.button.but4 { top:270px; left:570px; } 
#yacht div.button.but5 { top:270px; left:525px; } 
#yacht div.button.but6 { top:275px; left:610px; } 
#yacht div.button.but7 { top:395px; left:237px; } 
#yacht div.button.but8 { top:342px; left:255px; } 


#yacht div.button a { color:White; text-align:center; display:block; outline:0px; width:21px; height:21px; background:url(../images/teamholmatro/button.png) 0 0 no-repeat; margin:26px 0 0 26px; }
*html #yacht div.button a { background:url(../images/teamholmatro/button.gif) 0 0 no-repeat; }
#yacht div.button a:hover, #yacht div.button a.active { display:block; width:74px; height:74px; margin:0px; background-position:0 0; background-repeat:no-repeat; }

#yacht div.button a.but1:hover, #yacht div.button a.but1.active { background-image:url(../images/teamholmatro/1_cunningham.png) }
*html #yacht div.button a.but1:hover, *html #yacht div.button a.but1.active { background-image:url(../images/teamholmatro/1_cunningham.gif) }

#yacht div.button a.but2:hover, #yacht div.button a.but2.active { background-image:url(../images/teamholmatro/2_outhal.png) }
*html #yacht div.button a.but2:hover, *html #yacht div.button a.but2.active { background-image:url(../images/teamholmatro/2_outhal.gif) }

#yacht div.button a.but3:hover, #yacht div.button a.but3.active { background-image:url(../images/teamholmatro/3_mainsheet.png) }
*html #yacht div.button a.but3:hover, *html #yacht div.button a.but3.active { background-image:url(../images/teamholmatro/3_mainsheet.gif) }

#yacht div.button a.but4:hover, #yacht div.button a.but4.active,
#yacht div.button a.but8:hover, #yacht div.button a.but8.active { background-image:url(../images/teamholmatro/4_40ST.png) }
*html #yacht div.button a.but4:hover, *html #yacht div.button a.but4.active,
*html #yacht div.button a.but8:hover, *html #yacht div.button a.but8.active { background-image:url(../images/teamholmatro/4_40ST.gif) }

#yacht div.button a.but5:hover, #yacht div.button a.but5.active { background-image:url(../images/teamholmatro/5_54STA.png) }
*html #yacht div.button a.but5:hover, *html #yacht div.button a.but5.active { background-image:url(../images/teamholmatro/5_54STA.gif) }

#yacht div.button a.but6:hover, #yacht div.button a.but6.active { background-image:url(../images/teamholmatro/6_HCP24.png) }
*html #yacht div.button a.but6:hover, *html #yacht div.button a.but6.active { background-image:url(../images/teamholmatro/6_HCP24.gif) }

#yacht div.button a.but7:hover, #yacht div.button a.but7.active { background-image:url(../images/teamholmatro/7_winch_handle.png) }
*html #yacht div.button a.but7:hover, *html #yacht div.button a.but7.active { background-image:url(../images/teamholmatro/7_winch_handle.gif) }

#specs {  padding-top:10px; width:777px; }
#specs table { border-collapse:collapse; width:380px;  }
#specs table.left { float:left; }
#specs table.right { float:right; }
#specs table * { font-size:12px; }
#specs table tr th { text-align:left; width:105px; }
#specs table tr th, #specs table tr td { line-height:30px; border:1px solid #EEEEEE; padding-left:10px; }
#specs table tr td { width:265px; }
#specs table tr.color { background-color:#F6F6F6 }
#specs table tr.footer { background:url(../images/teamholmatro/yacht_tabel_bg.jpg) 0 0 repeat-x; }
#specs table tr.footer td { height:8px; }

.popup { width:436px; height:382px; position:absolute; top:80px; left:480px; display:none;   }
.popup.left { left:80px; }
.popup_in { width:436px; height:382px; position:absolute; top:0px; left:0px; }
.popup_in .close { display:block; cursor:pointer; width:35px; height:35px; position:absolute; right:5px; top:0px; background:url(../images/teamholmatro/spacer.gif) 0 0 repeat;  }
.popup_in .content { display:none; }
.popup_in .title { font-size:14px; position:absolute; top:27px; left:36px; }
.popup_in .pic { width:319px; height:188px; border:1px solid #EEEEEE; border-collapse:collapse; position:absolute; top:53px; left:26px; * width:320px; * height:190px;  } 
.popup_in .pic.large { width:379px; * width:380px; }
.popup_in .pic tr td { vertical-align:middle; text-align:center; }
.popup_in .thumbholder { width:50px; height:190px; position:absolute; top:53px; left:356px; display:block;  }
.popup_in .thumbholder .thumb { width:39px; height:38px; border:1px solid #EEEEEE; margin-bottom:11px; border-collapse:collapse; * width:40px; * height:40px; * margin-bottom:10px;  }
.popup_in .thumbholder .thumb tr td { cursor:pointer; vertical-align:middle; text-align:center; }
.popup_in .orange { color:#FF4000; }
.popup_in .text { position:absolute; left:28px; top:251px; padding-right:55px; line-height:14px; }
.popup_in .text a { text-decoration:underline; }
.popup_in .link { position:absolute; display:block; left:27px; bottom:36px; }
.popup_in .link a { text-decoration:none; color:#FFFFFF; font-weight:bold; font-size:13px; text-align:center; line-height:30px; display:block; width:153px; height:30px; background:url(../images/teamholmatro/linkbutton.gif) 0 0 no-repeat;}
.popup_in .asterix { position:absolute; right:38px; bottom:23px; font-size:10px; color:#333333; }
