@charset "utf-8";
/* CSS Document */

html, body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	margin: 0px;
    padding: 0px 0px 0px 0px;
	background: white;
	color: black;
	cursor: default;
}

a{
	text-decoration:none;
	outline:0px;
	font-weight:bold;
	color:black;
}

a.not_b{
	font-weight: normal;
}

a:hover{

}

img{
	border:0px;
}

form{
	padding:0px;
	margin:0px;
}

form .loader{
	width:16px; height:16px;
	display:none;
}








/* Bbkg zoom */

.bkg-zoom-container
{
    position:relative;
    width:100%;
    height:100%;
    overflow: hidden;
}

.page-container
{
    position:relative;
    width:100%;
    height:100%;
    overflow: auto;
}

/* top menu */

.top_menu_sh
{
    height:25px; width:780px;
    margin:0px auto 0px auto;
    position:relative; 
}

.top_menu
{
    height:25px; width:780px;
    position:relative; 
    background: url(../images/top-menu-bkg.png) repeat-x;
    overflow: hidden;
}

a.button-orange
{
    background: url("../images/button.png") repeat-x scroll 0 0 transparent;
    color: #925500;
    display: block;
    font-size: 13px;
    height: 41px;
    padding: 5px 8px 0 0;
    position: relative;
    text-align: center;
    width: 141px;
    margin-top: 10px;
}

a.button-orange:hover
{
    background-position: -153px 0px;
}

.inverter-panel
{
    position:absolute;
    right: 81px; top: 165px;
}

a.home-link
{
    position:absolute;
    top:5px; left:15px;
    color:white;
    font-weight: normal;
    font-size:10px;
}

.top_menu ul
{
    position:absolute;
    right:15px;
    top:5px;
    color:white;
    list-style: none;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    overflow: hidden;
}

.top_menu ul li
{
    float:left;
    border-right:1px solid white;
    padding: 0px 5px 0px 5px;
    margin: 0px -1px 0px 0px;
}

.top_menu ul li a
{
    color:white;
    font-weight: normal;
    font-size:10px;
    height:10px;
}

.top_menu ul li a:hover
{
    text-decoration: underline;
}

/* top */

.top_sh
{
    display:none;
}

.top
{
    height: 513px; width: 974px;
    position: relative;
    margin: 0px auto 0px auto;
    padding: 24px 0px 0px 0px;
}

.top-text
{
    color:white;
    padding:25px 0px 0px 57px;
    width:528px;
    font-size:16px;
    line-height: 160%;
}

.top-text h1
{
    font-size: 23px;
    font-weight: normal;
}

.menu-box
{
    width: 936px; height:80px;
    position: relative;
    margin:auto;
    z-index: 117;
}

.top a.logo
{
    position: absolute;
    bottom: -124px;
    left: -21px;
    z-index: 300;
}

.top img.logo-vatrogasna-zajednica
{
    position: absolute;
    top: 22px;
    right: 10px;
    z-index: 300;
}

.top .share
{
    position: absolute;
    top: 38px;
    right: 20px;
}

.track-slogan
{
    position: absolute;
    top: 28px;
    right: 109px;
}

form.tracker
{
    position:absolute;
    top:48px; right:57px;
    width:168px; height:30px;
}

form.tracker input
{
    background: url(../images/form-input-textbox.jpg) no-repeat;
    color:white;
    width:158px; height:22px;
    padding: 4px 5px 4px 5px;
}

a.tracker-button
{
    background: url(../images/form-input-button.jpg) no-repeat;
    width:37px; height:30px;
    position:absolute;
    top:48px; right:20px;
}

div.articles_sh
{
    width: 786px;
    margin: auto;
    height: 245px;
    border-bottom: 2px solid #F5CA00;
}

div.articles
{
    width: 786px;
    margin: auto;
    height: 245px;
}

div.articles_sh .article
{
    width:230px;
    float:left;
    padding:22px 15px 10px 15px;
    text-align: center;
    cursor: pointer;
}



div.articles_sh .article-title
{
    text-align:center;
    font-weight: bold;
    display: block;
    padding-bottom:14px;
    cursor: pointer;
}

/* main menu */

.main_menu
{
    height:34px;
    position:absolute; 
    left:0px; top:24px;
    background: #0E3248;
    z-index: 118;
}
/*
.main_menu ul
{
    color:white;
    list-style: none;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
    height:34px;
}

.main_menu ul li
{
    float: left;
    margin: 0 3px;
    padding: 0px 0px 0px 15px;
    height: 34px;
}

.main_menu ul li a
{
    color:white;
    font-weight: bold;
    font-size:13px;
    padding: 9px 15px 9px 0px;
    display: block;
    text-transform: uppercase;
}


.main_menu ul li:hover, .main_menu ul li.sel
{
    background: url(../images/main-menu-bkg.jpg) no-repeat left top;
}

.main_menu ul li:hover a, .main_menu ul li.sel a
{
    background: url(../images/main-menu-bkg.jpg) no-repeat right bottom;
}


*/

/* Menu */

.jqueryslidemenu{
    font: bold 12px Verdana;
    width: 100%;
    z-index:119;
    position: relative;
}

.jqueryslidemenu ul{
    color:white;
    list-style-type: none;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    position: relative;
    height:34px;
    z-index: 120;
}

/*Top level list items*/
.jqueryslidemenu ul li{
    float: left;
    margin: 0 3px;
    padding: 0px 0px 0px 15px;
    height: 34px;
    position: relative;
    display: inline;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
    color:white;
    font-weight: bold;
    font-size:13px;
    padding: 9px 15px 9px 0px;
    display: block;
    text-transform: uppercase;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
}


.jqueryslidemenu ul li:hover, .jqueryslidemenu ul li.active
{
    background: url(../images/main-menu-bkg.jpg) no-repeat left top;
}

.jqueryslidemenu ul li:hover a, .jqueryslidemenu ul li.active a
{
    background: url(../images/main-menu-bkg.jpg) no-repeat right bottom;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
    position: absolute;
    left: 0;
    display: block;
    visibility: hidden;
    background: #F3D607;
    opacity:0.9;
    height:auto;
    
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
    display: list-item;
    float: none;
    height: auto;
    border:0px;
    margin:0px;
    padding:0px;
    background: #DBD42E;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
    font: normal 13px Verdana;
    width: 160px; /*width of sub menus*/
    padding: 5px;
    margin: 0;
    border:0px;
    color: white;
    background: #0E3248;
}

/* Sub level menu links style */
.jqueryslidemenu ul li.active ul li a, .jqueryslidemenu ul li:hover ul li a{
    font: normal 13px Verdana;
    width: 160px; /*width of sub menus*/
    padding: 5px;
    margin: 0;
    border:0px;
    color: white;
    background: #0E3248;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
    background: #eff9ff;
    border:0px;
    padding: 5px;
    margin: 0;
    color:black;
    background: #DAD52F;
}

.jqueryslidemenu ul li ul li a:hover, .jqueryslidemenu ul li ul li a.active
{
    color:black;
    background: #DAD52F;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
    position: absolute;
    top: 12px;
    right: 7px;
}

.rightarrowclass{
    position: absolute;
    top: 6px;
    right: 5px;
}













/* Middle */

.middle_sh
{
    width: 100%;
    margin: auto;
    padding: 0px;
}

.middle
{
    width: 100%;
    position: relative;
    padding: 0px 0px 0px 0px;
}

.middle2
{
    width: 100%;
    position: relative;
    padding: 0px 0px 0px 0px;
}

.middle2 .content-text p{
    padding: 5px 0px 5px 0px;
}

.content-text
{
    padding:3px 13px 3px 13px;
    line-height: 145%;
}

.content-text a
{
    color: #146CAC;
}

.content-text a:hover
{
    text-decoration: underline;
}

.content-text p
{
    margin:0px;
    padding:0px;
}

.middle_bottom_sh
{
    width: 973px;
    margin: auto;
    height: 81px;
    position: relative;
    border-top:1px solid #AAAAAA;
    display:none;
}

.middle_bottom_sh .community-box
{
    width: 530px;
    height: 60px;
    float:left;
    padding: 9px 0px 0px 10px;
}

.middle_bottom_sh .advertiser-box
{
    width: 420px;
    height: 81px;
    float:left;
    padding: 7px 0px 7px 0px;
}

a.slucaj112
{
    display:block;
    padding: 8px 0px 0px 57px;
}

.middle_bottom_sh .advertiser-box img
{
    float:right;
}

.middle .content-box, .middle2 .content-box
{
    width:200px; min-height:300px;
    float:left;
    padding:0px;
}

.print-other-icons
{
    display:none;
}

.middle .l300, .middle2 .l300
{
    width: 252px;
    border-right: 1px solid #AAAAAA;
    padding-top: 100px;
    overflow: hidden;
    display:none;
}

.middle .l500, .middle2 .l500
{
    width: 100%;
    padding-top: 6px;
    overflow: hidden;
}

.middle .l700, .middle2 .l700
{
    width: 100%;
    padding-top: 6px;
    overflow: hidden;
}

.middle .l200, .middle2 .l200
{
    width: 193px;
    border-left: 1px solid #AAAAAA;
    padding-top: 6px;
    overflow: hidden;
    display:none;
}

.middle .content-box form
{
}

.middle .content-box input
{
    background: url(../images/form-input-textbox-2.jpg) repeat-x;
    margin-top:3px;
    margin-bottom:3px;
}

p.italic
{
    font-style: italic;
    text-align: center;
    padding:5px 0px;
    margin:0px;
}

.content-box table
{
    margin:10px 0px 0px 0px;
    text-align: center;
    border-top:1px solid #E8E8E8;
    border-left:1px solid #E8E8E8;
    border-collapse:collapse;
}

.content-box table td
{
    padding: 5px 10px 5px 10px;
    border-bottom:1px solid #E8E8E8;
    border-right:1px solid #E8E8E8;
}

.content-box table thead td
{
    background: url(../images/form-input-textbox-2.jpg) repeat-x;
    font-weight: bold;
}

.middle .content-box h3, .middle2 .content-box h3
{
    font-size: 16px;
    font-weight: bold;
    padding:3px 13px; margin:0px;
    text-align: left;
    color: black;
    border-bottom:1px solid #AAAAAA;
    display: none;
}

.middle .content-box ul, .middle2 .content-box ul
{
    margin:0px; padding:0px 0px 0px 0px;
    list-style: none;
}

.middle .content-box ul li, .middle2 .content-box ul li
{
    color: #666666;
    background: url(../images/ul-style.png) no-repeat 0px;
    padding: 5px 0px 5px 20px;
}

.middle .content-box .more-container, .middle2 .content-box .more-container
{
    padding:15px 0 15px 15px;
}

.middle .content-box a.more-link, .middle2 .content-box a.more-link
{
    display: block;
    background: url(../images/button-bkg.jpg) no-repeat;
    width:80px; height: 19px;
    padding:6px 14px;
    color:white;
    font-weight: normal;
    cursor: pointer;
    margin: 10px 0px 0px 0px;
    clear: both;
    
}

strong.content-subtitle
{
    padding: 5px 0px 7px 0px;
    display: block;
}

.content-main-image
{
    width: 168px;
    height: 128px;
    padding:0px 5px 0px 0px;
    float:left;
    background: url(../images/image-bkg-1.png) no-repeat;
}

.content-main-image a
{
    display:block;
    width: 160px;
    height: 120px;
    margin:auto;
    padding: 4px;
    text-align: center;
}

.content-main-image a img
{
    height: 120px;
}

.content-main-image-2
{
    width: 202px;
    height: 154px;
    padding:0px 5px 0px 0px;
    float:left;
    background: url(../images/image-bkg-2.png) no-repeat;
    margin: 5px 0px 5px 0px;
}

.content-main-image-2 a
{
    display:block;
    width: 194px;
    height: 146px;
    margin:auto;
    padding: 0px 8px 8px 0px;
    text-align: center;
}

.content-main-image-2 a img
{

}

.middle .content-box a.more-link:hover
{
    text-decoration: underline;
}

.middle .content-box form
{
}

.middle .content-box input
{
    background: url(../images/form-input-textbox-2.jpg) repeat-x;
    width:120px;
    margin-top:3px;
    margin-bottom:3px;
}

.middle .content-box input.more-link
{
    background: url(../images/button-bkg.jpg) repeat-x;
    padding:9px 14px;
    color:white;
    width:80px; height: 31px;
    font-weight: normal;
    cursor: pointer;
}

.middle .content-box span
{
    width:100px;
    display: block;
    float:left;
    padding: 9px 0px 0px 11px;
    color: #666666;
}

.new-acc-links
{
    font-size:10px;
    color: #666666;
    text-align: center;
    padding:4px 0px 0px 0px;
}

.new-acc-links a
{
    font-weight: normal;
    color: #666666;
}

.new-acc-links a:hover
{
    text-decoration: underline;
}

/* menu */

.menu_line_sh
{
    height:58px;
    position:relative;
}

.menu_line
{
    width: 915px;
	position: relative;
	margin: 0px auto;
    padding: 1px;
    height: 58px;
}

/* body */

.content_sh
{
    padding-bottom: 10px;
    margin: auto;
    display: block;
    border-top:8px solid black;
}

.content_sh .content
{
    width:900px;
    margin: auto;
    display: block;
}

.content_sh .content-box
{
	position: relative;
    padding:5px 10px;
    line-height: 150%;
}

.content_sh .content-box-products
{
    border-top: 1px solid #999999;
	position: relative;
    padding:10px;
    font-size: 14px;
}

.content_sh h1
{
    font-size: 21px;
    color: #929292;
    font-weight: normal;
    border:0px;
    padding:10px;
    margin:0px;
}

.content_sh .products-list
{
    background: url(../images/products-bkg.jpg) no-repeat bottom;
    height:251px;
    border-top:1px solid #EAEAEA;
}

div.products-list-item
{
    width: 235px; height: 240px;
    padding: 1px;
    float: left;
}

div.products-list-item-image
{
    padding: 17px 5px 10px 12px;
}

div.products-list-item-content
{
    padding: 0px 5px 0px 12px;
    color: #666666;
}

div.products-list-item a.more
{
    margin: 10px 0px 0px 10px;
    display: block;
    background: url(../images/more-button.png) no-repeat top left;
    padding:10px 42px 10px 42px;
    width: 120px;
    
}

div.products-list-item a.more:hover
{
    color:black;
    margin: 11px 0px 0px 11px;
}

.left-content{
    float:left;
    width:450px;
}

.right-content{
    float:left;
    width:440px;
}

/* head */

/* News */

.right-content .news-title{
    background: #608ED3;
    color: white;
    width:120px;
    text-align: left;
    padding:10px 10px 10px 10px;
}

.right-content .news-container{
    border-top: 3px solid #29B5EA;
}

.right-content .news-item
{
    padding: 10px 5px 10px 5px;
    color: #7E7E7E;
    border-bottom: 1px solid #29B5EA;
}

.right-content .news-item a{
    color: #7E7E7E;
    font-weight: normal;
}

.right-content .news-item a:hover{
    text-decoration: underline;
}

.right-content .news-item .date
{
    color: #5F8CD2;
}

/* Gallery */

.gallery_sh
{
    margin:auto;
    width:917px;
    background: #4E73BE url(../images/gallery-bkg.jpg) repeat-x;
}

.gallery-right{
    min-height:140px;
    background: url(../images/gallery-bkg-right.png) repeat-y right;
}

.gallery-left{
    background: url(../images/gallery-bkg-left.png) repeat-y;
}

.gallery-position{
    padding: 10px 0 0 25px;
}

.gallery-position a
{
    float:left;
    width:160px;
    height:120px;
    padding:0px 16px 10px 0px;
}

/* language */
div.lang{
    background: #65A7D3 url(../images/lang_bg.jpg) no-repeat;
    position:absolute;
    right:90px; top:60px;
    width:121px;
    text-align: center;
}

div.lang a{
    padding: 5px 0px;
    font-weight: normal;
    display: block;
    color:white;
    width:121px;
}

div.lang a:hover{
    display: block;
}

div.lang div{
    display:none;
}

div.lang:hover div{
    display:block;
}

div.lang a.hr{
    background: url(../images/flags/hr.png) no-repeat 8px 7px;
}

div.lang a.en{
    background: url(../images/flags/en.png) no-repeat 8px 7px;
}

div.lang a.de{
    background: url(../images/flags/de.png) no-repeat 8px 7px;
}

div.lang a.ru{
    background: url(../images/flags/ru.png) no-repeat 8px 7px;
}

div.lang a.it{
    background: url(../images/flags/it.png) no-repeat 8px 7px;
}

div.lang div a.it, div.lang div a.hr, div.lang div a.de, div.lang div a.en, div.lang div a.ru{
    background-color:#E6F3F9;
    color: #000066;
    /* for IE */
    filter:alpha(opacity=90);
    /* CSS3 standard */
    opacity:0.9;
}

div.lang div a.it:hover, div.lang div a.hr:hover, div.lang div a.de:hover, div.lang div a.en:hover, div.lang div a.ru:hover{
    background-color:#E6F3F9;
    text-decoration: underline;
}



/* Footer */

.footer_signature
{
    margin:auto;
    width:780px;
    position: relative;
    text-align: right;
    border-top:1px solid #E5E5E5;
    color: #E5E5E5;
    padding:5px;
    margin:auto;
}

.footer_signature a
{
    color: #666666;
    font-weight: normal;
    font-size:10px;
}

.footer_signature a:hover
{
    text-decoration: underline;
}

.footer_sh
{
    color: white;
    margin:auto;
    width:100%;
    background: #EBEBEB;
    margin: 0px 0px 10px 0px;
    display:none;
}

.footer{
    width:947px;
	position:relative;
    padding:13px 10px;
    margin:auto;
    color: black;
    font-size:12px;
}

.footer a
{
    font-weight: normal;
}

.footer a.made-by
{
    font-weight: normal;
    float:right;
}

.footer a:hover
{
    text-decoration: underline;
}

.footer .short-about
{
    position: relative;
    width: 444px;
    padding: 16px 0px 10px 40px;
}

.footer .short-about h3
{
    font-size: 17px;
    font-style: italic;
    margin:0px;padding:0px 0px 5px 0px;
    position: relative;
}

.footer .short-about p
{
    color:#929292;
    margin:0px;padding:0px;
    position: relative;
    font-size: 11px;
}

.footer a.quick-reservation
{
    position:absolute;
    top:25px; right:10px;
    font-weight: lighter;
    font-size: 42px;
    font-style: italic;
    color: white;
}

.footer a.quick-reservation:hover
{
    text-decoration: underline;
}

.footer_copy{
    border-top:1px solid #8B8B8B;
    position:relative;
    padding: 5px 10px 5px 10px;
}

.footer_bottom
{
    height:200px;
    width:917px;
	position:relative;
	margin:0px auto;
}

.footer_copy a
{
    color:#8B8B8B;
    font-weight: normal;
	position: absolute;
	top:5px; right:10px;
}

.footer_copy a:hover
{
    text-decoration: underline;
}

.footer .developedby{
	position: absolute;
	top:5px; right:10px;
}

.footer_bottom .title
{
    background: url(../images/footer-left-title.png) no-repeat top left;
    padding:8px 0px 0px 15px;
    height:32px;
}

.footer_bottom .title-right
{
    background: url(../images/footer-right-title.png) no-repeat top right;
    color:white;
    font-size: 13px;
    font-weight: bold;
    padding:0px 30px 0px 0px;
}

.contact-box
{
    float:left;
    display: block;
    width: 380px;
    padding: 0px;
}

.contact-box-right
{
    float:left;
    width: 240px;
}

.contact-box-right a
{
    font-weight: normal;
}

.contact-box-left
{
    float:left;
    width: 110px;
    padding: 17px 0px 0px 17px;
}

a.map-link
{
    display: block;
    padding: 8px 0px 0px 0px;
}

a.map-link img
{
    width:242px;
    height:130px;
    display: block;
    position: relative;
    border:0px; margin:0px; padding:0px;
}

.facebook-box
{
    float:left;
    display: block;
    width: 385px;
    padding: 10px 20px;
    color:white;
}

.footer_bottom .content
{
    padding:10px 10px 10px 15px;
    color: #8B8B8B;
}

.contact-box a.map
{
    position:absolute;
    left:233px;
    top:80px;
}


/* Menu */

#cssdropdown{
	position: relative;
    width: 172px;
    z-index:25;
}

/* General */
#cssdropdown, #cssdropdown ul { list-style: none; }
#cssdropdown, #cssdropdown * {
    padding: 0px 0px 0px 0px;
    margin: 0; 
}

div.like_p{
	width:350px;
	margin-left:23px;
	margin-bottom: 20px;
}


/* Head links */
#cssdropdown li.headlink { width: 172px; float: right; text-align: center;}
#cssdropdown li.headlink a {
	display: block;
	padding: 24px 20px 0px 0px;
	color: white;
    height:49px;
    font-weight: lighter;
    font-style: italic;
    text-align: right;
    font-size: 18px;
    position: relative;
    border-right:2px solid black;
}
#cssdropdown li.headlink a:hover, #cssdropdown li.headlink a.sel{
    width: 150px; background: transparent;
    padding: 24px 48px 0px 0px;
    border-right:0px;
}

#cssdropdown li.headlink a.c1
{
    background: transparent url(../images/itembg-c1.png) no-repeat;
}

#cssdropdown li.headlink a.c2
{
    background: transparent url(../images/itembg-c2.png) no-repeat;
}

#cssdropdown li.headlink a.c3
{
    background: transparent url(../images/itembg-c3.png) no-repeat;
}

#cssdropdown li.headlink a.c4
{
    background: transparent url(../images/itembg-c4.png) no-repeat;
}

#cssdropdown li.headlink a.c5
{
    padding: 17px 20px 0px 0px;
    height:56px;
    background: transparent url(../images/itembg-c5.png) no-repeat;
}

#cssdropdown li.headlink a.c5:hover
{
    width: 150px;
    padding: 17px 48px 0px 0px;
    border-right:0px;
}

/* Child lists and links */
#cssdropdown li.headlink ul { display: none; text-align: left; width: 140px; position: absolute; left:0px;}
#cssdropdown li.headlink:hover ul { display: block;}
#cssdropdown li.headlink ul li a { padding: 5px; height: 17px; background: #D5DE13; border:0px; color:black;}
#cssdropdown li.headlink ul li a:hover { background: #BAC901; }

/* Pretty styling */
#cssdropdown a { color: #595443; /*text-transform: uppercase;*/ font-weight: bold; }
#cssdropdown ul li a:hover { text-decoration: none; }
#cssdropdown li.headlink {position: relative;}
#cssdropdown li.headlink ul { padding-bottom: 2px; }


#cssdropdown li.headlink div{
	background: #D5DE13;
	top:0px; left:0px;
	position: absolute;
	width:105px;
	height:52px;
}

#cssdropdown li.right_b{
	height:62px; width:17px;
	float: right;
}

#cssdropdown li.left_b{
	height:62px; width:15px;
	float: right;
}

//* slideshow */

#slideshowmask
{
    background: url(../images/slideshow-mask.png) no-repeat;
    width: 751px; height: 245px;
    position: absolute;
    top:0px;
    left:0px;
    z-index:  2;
}

#slideshow2{
	z-index:1;
    width:973px; height: 433px;
    overflow: hidden;
    position:absolute;
    left:0px; top:0px;  
}

div.slideshow{
	position: relative;
	width:972px; height: 433px;
	margin: auto;
	z-index:1;
    background: #0E3248;
}

div.slideshow .bottcon{
	width:975px;
	position:absolute;
	top:296px;right:0px;
	text-align:right;
	padding: 0px 5px 0px 0px;
    z-index: 3;
}

.bottcon a{
    display: inline-block;
	font-size:11px;
	color: #666666;
    background: url(../images/slideshow-buttons.jpg) no-repeat -24px 0px;
    cursor: default;
    width: 24px; height: 24px;
    margin: 0px 2px;
}

div.slideshow .bottcon a.selected{
	background: url(../images/slideshow-buttons.jpg) no-repeat -0px 0px;
}

div.slideshow img{
	display: block;
    width: 975px;
}

div.slideshow img.first{
	display: block;
}

div.slideshow div.round_tl{
	position: absolute;
	top:-2px; left:-2px;
	background: url(../images/slideshow_tl.png);
	width:22px; height: 22px;
	
	display:block !important;
	display:none;
	z-index:2;
}

div.slideshow div.round_tr{
	position: absolute;
	top:-2px; right:-2px;
	background: url(../images/slideshow_tr.png);
	width:22px; height: 22px;
	
	display:block !important;
	display:none;
	z-index:2;
}

div.slideshow div.round_bl{
	position: absolute;
	bottom:-2px; left:-2px;
	background: url(../images/slideshow_bl.png);
	width:22px; height: 22px;
	
	display:block !important;
	display:none;
	z-index:2;
}

div.slideshow div.round_br{
	position: absolute;
	bottom:-2px; right:-2px;
	background: url(../images/slideshow_br.png);
	width:22px; height: 22px;
	
	display:block !important;
	display:none;
	z-index:2;
}

div.slideshow a.more-link
{
    position:absolute;
    top:175px; right:20px;
    background: url(../images/button-bkg.jpg) repeat-x;
    z-index:35;
    padding:8px 16px;
    color:white;
}

#title_slideshow1{
	position: absolute;
	top:327px; left:0px;
	text-align: right;
	width:946px;
	color:white;
	font-size:14px;
	padding: 22px 8px 23px 20px;
	z-index:2;
    background:  url(../images/slideshow-title-bkg.png) repeat-x !important;
    background:  url(../images/slideshow-title-bkg-ie6.png) repeat-x;
}


a.arrow_l{
	display: block;
	position: absolute;
	top:123px; left:-20px;
	width:78px; height:81px;
	background: url(../images/slideshow_arrow.png) no-repeat left;
	cursor: pointer;
	z-index:25;
}

a.arrow_r{
	display: block;
	position: absolute;
	top:123px; right:-20px;
	width:78px; height:81px;
	background: url(../images/slideshow_arrow.png) no-repeat right;
	cursor: pointer;
	z-index:25;
}

a.arrow_l:hover, a.arrow_r:hover{

}

/* text elements */

h1{

}

p{
	margin:0px 23px 0px 23px;
}

div.selector{
	position:relative;
	padding:5px 23px 5px 23px;
	

}

div.selector h2{
	position:relative;
	margin:0px;
	padding:0px 0px 5px 0px;
}

div.selector h2 a{
	color:#C44C00;
	font-size:12px;
}

div.selector span.description{
	position:relative;
}

div.selector div.hover{
	position:absolute;
	top:0px;left:0px;
	width:100%; height:46px;
	cursor: pointer;
	z-index:10;
	
	background: url(../images/selector_bg.jpg) -100px no-repeat;
}

a:hover img{
	/* for IE */
	filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.8;
}

/* Form */

div.left_p{
	float:left;
	width:350px;
	margin-left:23px;
	margin-bottom: 20px;
}

div.right_p{
	float:left;
	width:330px;
	margin-bottom: 20px;
	color:black;
	line-height: 125%;
}

form label{
	color:black;
	font-weight: normal;
	padding:5px 0px 3px 0px;
	display:block;
}

form input{
	background: white url(../images/form-input-textbox-2.jpg) repeat-x;
    border: 2px solid #E3E3E3;
	width:350px; height:19px;
	padding:4px;
	color:black;
}

form textarea{
	background: white url(../images/form-input-textbox-2.jpg) repeat-x;
    border: 2px solid #E3E3E3;
	width:350px; height:99px;
	padding:4px;
	color:black;
}

form fieldset
{
    border:0px;
    margin:0px;
    padding:0px;
}

form input.button{
	background: white;
	width:69px; height:27px;
	font-weight: bold;
	cursor: pointer
}

form input.button:hover{
	color:#959595;
}

a.button_1{
	background: #F1EEE0 url(../images/form_input_button.gif) no-repeat;
	display:block;
	width:69px; height:17px;
	padding:5px 0px;
	margin-top:5px;
	text-align: center;
	font-weight: bold;
}

.middle .content-box div.error h3,
.middle2 .content-box div.error h3
{
    color:red;
    border:0px;
    padding:10px 0px 10px 0px;
}

.middle2 .content-box div.error p
{
    color:red;
    padding:0px;
}

/* Form error */

	.formError {
			position:absolute;
			top:300px; left:300px;
			width:150px;
			padding-bottom:15px;
			display:block;
			z-index:10;
		}
			.formError .formErrorContent {
				width:100%; 
				background:#000;
				color:#fff;
				font-family:tahoma;
				font-size:10px;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;
				
			}
				.formError .formErrorArrow div{
					box-shadow: 0px 0px 6px #000;
					-moz-box-shadow: 0px 0px 6px #000;
					-webkit-box-shadow: 0px 0px 6px #000;
					font-size:0px; 
				}
				.formError .formErrorArrow .line10{width:15px;height:1px; background:#000;margin:0 auto; font-size:0px; display:block;} 
				.formError .formErrorArrow .line9{width:13px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line8{width:11px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line7{width:9px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line6{width:7px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line5{width:5px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line4{width:3px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line3{width:1px;height:1px; background:#000;margin:0 auto;display:block;} 

/* Dialog */

#dialog_background{
	position:absolute;
	top:0px;left:0px;
	z-index:19;
	width:100%; height:100%;
	background:black;
	display:none;
		/* for IE */
	filter:alpha(opacity=0);
	/* CSS3 standard */
	opacity:0;
}

/* Gallery */

div.gallery{
	padding: 0px 23px 5px 23px;
	position: relative;
    width:720px;
    margin:auto;
    border-top: 1px solid #999999;
}

div.gallery a{
	display:block;
	float:left;
	position:relative;
	padding:10px 6px;
}

div.gallery img{
	width:160px; height:120px;
	border:2px solid #BDCA08;
	padding:2px;
	background: #F8F7F2;
}

div.gallery div.more, div.gallery div.lower{
	position:absolute;
	bottom:0px; left:186px;
	background:#D2C79E;
	display: none;
	width:398px; height:12px;
	padding: 5px 0px;
	background: #ECE8D7 url(../images/gallery_updown.gif) no-repeat 0px -24px;
	border:1px solid #BDCA08;
	text-align:center;
	vertical-align: middle;
	color: #B19F59;
	font-weight: bold;
	/* for IE */
	filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.8;
	cursor: pointer;
}

div.gallery div.lower{
	background: #ECE8D7 url(../images/gallery_updown.gif) no-repeat 0px 0px;
}

/* Homepage gallery */

.homepage-gallery
{
    background: black;
    width: 808px;
    height: 702px;
    z-index:1;
}

.homepage-big-image
{
    position: relative;
    background: black;
    width: 807px;
    height: 501px;
    overflow: hidden;
}

.homepage-big-image img
{
    width: 806px;
    height: 500px;
}

.homepage-big-image .img-title
{
    position:absolute;
    top:200px; right: 0px;
    background: black;
    padding:10px 30px 10px 50px;
    color: #A8A49D;
    font-size:40px;
    font-style: italic;
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
}

.homepage-small-images
{
    height:201px;
    overflow: hidden;
}

.homepage-small-images .small-image
{
    width:268px;
    height: 201px;
    float:left;
    overflow: hidden;
    padding-right: 1px;
    position: relative;
    cursor: pointer;
}

.homepage-small-images .small-image img
{
    width: 268px;
    height: 201px;
}

.homepage-small-images .small-image .img-title
{
    position:absolute;
    top:20px; left: 0px;
    background: black;
    padding:10px 30px 10px 20px;
    color: white;
    font-size:14px;
    font-style: italic;
    font-weight: bold;
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
}