/*  Version: 1.0
    Description: marinafacilitysolutions.com design
    Author: Luka Vidos
    Author URI: http://www.vidosh.com  */

body { margin: 0 auto; padding: 0; background: #605d7b url('background.gif') repeat fixed; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 62.5%; color: #334158; }
html { margin-top: 20px; margin-bottom: 20px; overflow: scroll; }
img { border: 0; }

a:link, a:visited { color: #2b3f97; text-decoration: underline; }
a:hover, a:active { color: #ff6100; text-decoration: underline; }

.color-logo-1 { color: #26257d; }
.color-logo-2 { color: #7d77af; }
.color-logo-3 { color: #c2bfdc; }
.color-text { color: #334158; }

.clear { clear: both; }

.holder { margin: 0 auto; width: 740px; background-color: #ffffff; color: #334158; }

.header { width: 740px; height: 106px; background: url('header.gif') no-repeat top left; text-indent: -1000em; }
.header-hr { width: 740px; height: 106px; background: url('header_hr.gif') no-repeat top left; color: #26257d; text-indent: -1000em; }
.header h1 { margin: 0 auto; padding: 0; }
.header-hr h1 { margin: 0 auto; padding: 0; color: #26257d; }

.menus { height: 41px; margin-top: 1px; padding-left: 10px; padding-right: 10px; width: 720px; background-color: #26257d;  }

.navigation a, .navigation-lang a { display: block; overflow: hidden; text-indent: -1000em; }

.navigation { width: 530px; float: left; }
.navigation ul { margin: 0 auto; padding: 0; list-style-type: none; width: 530px; float: left; }
.navigation li { float: left; display: block; height: 13px; margin-right: 8px; margin-top: 5px; }
.navigation li.mnu01 a { background: url(menu_01_aboutus.gif); width: 58px; height: 13px; }
.navigation li.mnu01 a:hover { background: url(menu_01_aboutus.gif) -58px; }
.navigation li.mnu02 a { background: url(menu_02_companyprofile.gif); width: 103px; height: 13px; }
.navigation li.mnu02 a:hover { background: url(menu_02_companyprofile.gif) -103px; }
.navigation li.mnu03 a { background: url(menu_03_advisoryservices.gif); width: 111px; height: 13px; }
.navigation li.mnu03 a:hover { background: url(menu_03_advisoryservices.gif) -111px; }
.navigation li.mnu04 a { background: url(menu_04_marinaequipment.gif); width: 111px; height: 13px; }
.navigation li.mnu04 a:hover { background: url(menu_04_marinaequipment.gif) -111px; }
.navigation li.mnu05 a { background: url(menu_05_berthsearch.gif); width: 83px; height: 13px; }
.navigation li.mnu05 a:hover { background: url(menu_05_berthsearch.gif) -83px; }
.navigation li.mnu06 a { background: url(menu_06_campingequipment.gif); width: 120px; height: 13px; }
.navigation li.mnu06 a:hover { background: url(menu_06_campingequipment.gif) -120px; }
.navigation li.mnu07 a { background: url(menu_07_theyachtharbourassociation.gif); width: 185px; height: 13px; }
.navigation li.mnu07 a:hover { background: url(menu_07_theyachtharbourassociation.gif) -185px; }
.navigation li.mnu08 a { background: url(menu_08_links.gif); width: 37px; height: 13px; }
.navigation li.mnu08 a:hover { background: url(menu_08_links.gif) -37px; }
.navigation li.mnu09 a { background: url(menu_09_news.gif); width: 35px; height: 13px; }
.navigation li.mnu09 a:hover { background: url(menu_09_news.gif) -35px; }
.navigation li.mnu10 a { background: url(menu_10_contactus.gif); width: 68px; height: 13px; }
.navigation li.mnu10 a:hover { background: url(menu_10_contactus.gif) -68px; }

.navigation-hr a, .navigation-lang a { display: block; overflow: hidden; text-indent: -1000em; }

.navigation-hr { width: 590px; float: left; }
.navigation-hr ul { margin: 0 auto; padding: 0; list-style-type: none; width: 590px; float: left; }
.navigation-hr li { float: left; display: block; height: 13px; margin-right: 8px; margin-top: 5px; }
.navigation-hr li.mnu01 a { background: url(menu_01_aboutus_hr.gif); width: 49px; height: 13px; }
.navigation-hr li.mnu01 a:hover { background: url(menu_01_aboutus_hr.gif) -49px; }
.navigation-hr li.mnu02 a { background: url(menu_02_companyprofile_hr.gif); width: 85px; height: 13px; }
.navigation-hr li.mnu02 a:hover { background: url(menu_02_companyprofile_hr.gif) -85px; }
.navigation-hr li.mnu03 a { background: url(menu_03_advisoryservices_hr.gif); width: 129px; height: 13px; }
.navigation-hr li.mnu03 a:hover { background: url(menu_03_advisoryservices_hr.gif) -129px; }
.navigation-hr li.mnu04 a { background: url(menu_04_marinaequipment_hr.gif); width: 111px; height: 13px; }
.navigation-hr li.mnu04 a:hover { background: url(menu_04_marinaequipment_hr.gif) -111px; }
.navigation-hr li.mnu05 a { background: url(menu_05_berthsearch_hr.gif); width: 159px; height: 13px; }
.navigation-hr li.mnu05 a:hover { background: url(menu_05_berthsearch_hr.gif) -159px; }
.navigation-hr li.mnu06 a { background: url(menu_06_campingequipment_hr.gif); width: 121px; height: 13px; }
.navigation-hr li.mnu06 a:hover { background: url(menu_06_campingequipment_hr.gif) -121px; }
.navigation-hr li.mnu07 a { background: url(menu_07_theyachtharbourassociation_hr.gif); width: 185px; height: 13px; }
.navigation-hr li.mnu07 a:hover { background: url(menu_07_theyachtharbourassociation.gif) -185px; }
.navigation-hr li.mnu08 a { background: url(menu_08_links_hr.gif); width: 43px; height: 13px; }
.navigation-hr li.mnu08 a:hover { background: url(menu_08_links_hr.gif) -43px; }
.navigation-hr li.mnu09 a { background: url(menu_09_news_hr.gif); width: 49px; height: 13px; }
.navigation-hr li.mnu09 a:hover { background: url(menu_09_news_hr.gif) -49px; }
.navigation-hr li.mnu10 a { background: url(menu_10_contactus_hr.gif); width: 52px; height: 13px; }
.navigation-hr li.mnu10 a:hover { background: url(menu_10_contactus_hr.gif) -52px; }

.navigation-lang { width: 56px; float: right; }
.navigation-lang ul { margin: 0 auto; padding: 0; list-style-type: none; width: 56px; float: right; }
.navigation-lang li { float: right; display: block; height: 13px; margin-right: 8px; margin-top: 5px; }
.navigation-lang li.mnu11 a { background: url(lang_01_english.gif); width: 56px; height: 13px; }
.navigation-lang li.mnu11 a:hover { background: url(lang_01_english.gif) -56px; }
.navigation-lang li.mnu12 a { background: url(lang_02_hrvatski.gif); width: 56px; height: 13px; }
.navigation-lang li.mnu12 a:hover { background: url(lang_02_hrvatski.gif) -56px; }

.sadrzaj { margin-top: 30px; padding: 0; }

.sadrzaj_lijevo { margin: 0 auto; padding-top: 0px; padding-right: 35px; padding-left: 10px; width: 180px; float: left; }
.sadrzaj_lijevo p { margin: 0 auto; padding: 0; font-size: 1.1em; line-height: 1.4em; }

.title_aboutus { margin: 0 auto; width: 180px; height: 45px; background: url('title_01_aboutus.gif') no-repeat top right; text-indent: -1000em; }
.title_aboutus_hr { margin: 0 auto; width: 180px; height: 45px; background: url('title_01_aboutus_hr.gif') no-repeat top right; text-indent: -1000em; }
.title_companyprofile { margin: 0 auto; width: 180px; height: 65px; background: url('title_02_companyprofile.gif') no-repeat top right; text-indent: -1000em; }
.title_companyprofile_hr { margin: 0 auto; width: 180px; height: 65px; background: url('title_02_companyprofile_hr.gif') no-repeat top right; text-indent: -1000em; }
.title_advisoryservices { margin: 0 auto; width: 180px; height: 65px; background: url('title_03_advisoryservices.gif') no-repeat top right; text-indent: -1000em; }
.title_advisoryservices_hr { margin: 0 auto; width: 180px; height: 65px; background: url('title_03_advisoryservices_hr.gif') no-repeat top right; text-indent: -1000em; }
.title_marinaequipment { margin: 0 auto; width: 180px; height: 65px; background: url('title_04_marinaequipment.gif') no-repeat top right; text-indent: -1000em; }
.title_marinaequipment_hr { margin: 0 auto; width: 180px; height: 65px; background: url('title_04_marinaequipment_hr.gif') no-repeat top right; text-indent: -1000em; }
.title_berthsearch { margin: 0 auto; width: 180px; height: 45px; background: url('title_05_berthsearch.gif') no-repeat top right; text-indent: -1000em; }
.title_berthsearch_hr { margin: 0 auto; width: 180px; height: 90px; background: url('title_05_berthsearch_hr.gif') no-repeat top right; text-indent: -1000em; }
.title_campingequipment { margin: 0 auto; width: 180px; height: 65px; background: url('title_06_campingequipment.gif') no-repeat top right; text-indent: -1000em; }
.title_campingequipment_hr { margin: 0 auto; width: 180px; height: 65px; background: url('title_06_campingequipment_hr.gif') no-repeat top right; text-indent: -1000em; }
.title_theyachtharbourassociation { margin: 0 auto; width: 180px; height: 90px; background: url('title_07_theyachtharbourassociation.gif') no-repeat top right; text-indent: -1000em; }
.title_theyachtharbourassociation_hr { margin: 0 auto; width: 180px; height: 90px; background: url('title_07_theyachtharbourassociation_hr.gif') no-repeat top right; text-indent: -1000em; }
.title_links { margin: 0 auto; width: 180px; height: 45px; background: url('title_08_links.gif') no-repeat top right; text-indent: -1000em; }
.title_links_hr { margin: 0 auto; width: 180px; height: 45px; background: url('title_08_links_hr.gif') no-repeat top right; text-indent: -1000em; }
.title_news { margin: 0 auto; width: 180px; height: 45px; background: url('title_09_news.gif') no-repeat top right; text-indent: -1000em; }
.title_news_hr { margin: 0 auto; width: 180px; height: 45px; background: url('title_09_news_hr.gif') no-repeat top right; text-indent: -1000em; }
.title_contactus { margin: 0 auto; width: 180px; height: 45px; background: url('title_10_contactus.gif') no-repeat top right; text-indent: -1000em; }
.title_contactus_hr { margin: 0 auto; width: 180px; height: 45px; background: url('title_10_contactus_hr.gif') no-repeat top right; text-indent: -1000em; }

.sadrzaj_lijevo ul { margin-top: 35px; padding: 0; list-style-type: none; text-align: right; width: 140px; float: right; }
.sadrzaj_lijevo li { padding-bottom: 20px; }

.sadrzaj_desno { float: right; margin: 0 auto; padding-top: 7px; padding-right: 60px; width: 450px; }
.sadrzaj_desno h2 { margin: 0 auto; padding: 0; color: #26257d; }
.sadrzaj_desno h3 { font-size: 1.5em; margin: 0 auto; color: #26257d; }
.sadrzaj_desno h4 { font-size: 1.2em; margin: 0 auto; padding-top: 13px; color: #26257d; }
.sadrzaj_desno p { margin-top: 1px; font-size: 1.2em; color: #464646; line-height: 1.5em; text-align: justify; }
.sadrzaj_desno ul { font-size: 1.2em; line-height: 1.6em; margin-bottom: 25px; }
.sadrzaj_desno ol { font-size: 1.2em; line-height: 1.6em; margin-bottom: 25px; }

.sadrzaj_desno .image { float: right; border: 0; margin-left: 25px; margin-bottom: 5px; clear: right; }
.sadrzaj_desno .image-title { margin-top: 20px; }

.footer { margin-top: 25px; padding: 10px 10px 10px 10px; background-color: #26257d; color: #ffffff; text-align: center; font-size: 1.1em; }

.temp_intro { margin: 157px 257px 157px 257px; }