@charset "utf-8";
/* CSS Document */
@import "reset.css";

html {
	height: 100%;
	background-color: #B9DCFF;
	background-image: url(images/back_wood.jpg);
	background-position:top center;
}
body {
	background: url(images/home_back.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin: 0;
	padding: 0;
	height: 100%;
	font-size::62.5%;
	font-family:Verdana, Geneva, sans-serif; 
}
html>body {
	min-height: 100%;
	height: auto;
}
a{
	text-decoration:none;
}


#header-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 117px;
	background-image:url(images/header_top_back.png);
	background-repeat:no-repeat;
	background-position:top center;
	z-index:100
}

#header {
	width: 978px;
	margin: 0 auto;
	height: 117px;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	z-index:41;
	position:relative;
}


#container {
	width: 978px;
	margin: 0 auto;
	padding-top: 117px;
}

#news_ticker{
	width:796px;
	height:20px;
	margin-top:0px;
	margin-left:31px;
	float:left;
	display:inline;
	font-size:13px;
}

#news_ticker a{
	color:#A55E66;
}

ul#news{
	float:left;
	width:324px;
	overflow:hidden
}

.passport{
	width:400px;
	height:100px;
	
}

.details_table{
		font-size:11px
}
.details_table td{
	padding:2px;
}
.details_table th{
	font-weight:bold;
	padding-bottom:8px;
}

.details_table td{
	padding-bottom:5px;
}
#slideshow_container{
	width:729px;
	height:349px;
	margin-top:5px;
	margin-left:10px;
	position:relative;
	float:left;
	display:inline;
}
#slider{
	float:right;
	width:708px;
	height:349px;
	z-index:3;
	overflow:hidden;
}

        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
	width:708px;
	height:349px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:64px;
		height:64px;
		position:absolute;
		left:29px;
		top:155px;
		z-index:1000;
		overflow:hidden;
		}	
	#nextBtn, #slider1next{ 
		left:657px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:64px;
		height:64px;
		background:url(/images/left_arrow.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(/images/right_arrow.png) no-repeat 0 0;	
		}	
	#nextBtn a:hover, #slider1next a:hover, #prevBtn a:hover, #slider1prev a:hover{
		background-position: 0px -64px;	
		}		
			
		
		
/*#yatch, #croatia{
	width:708px;
	height:349px;
	overflow:hidden;
	position:absolute;
	left:21px;
	top:0px;
	z-index:10;
}
#yatch{
	background-image:url(images/yatch_big.jpg);
}
#croatia{
	background-image:url(images/big_croatia.jpg);
}*/
#news_strip{
	position:absolute;
	width:382px;
	height:84px;
	background-image:url(images/news_strip.png);
	background-repeat:no-repeat;
	top:123px;
	left:0px;
	z-index:20;
	overflow:hidden;

}
#news_strip h1{
	font-family:"Arial Black",Gadget,sans-serif;
	color:#FFF;
	margin-top:25px;
	margin-left:8px;
	font-size:28px;
}
#news_strip h2{
	margin-top:27px;
	margin-left:12px;
	margin-right:10px;
	margin-bottom:5px;
	font-weight:bold;
	font-size:13px;
	color:#FFF;
}
#news_strip h2 a, #news_strip h3 a{
	color:#FFF;
	font-weight:bold
}
#news_strip h2 a:hover, #news_strip h3 a:hover{
	color:#DBE7EE;
	text-decoration:underline
}

#news_strip h3{
	color:#E2E2E2;
	font-size:19px;
	margin-left:10px;
	margin-right:56px;
	font-family:"Arial Black",Gadget,sans-serif;
	margin-top:2px;
	text-align:right;
	line-height:20px;
	
}





#menu{
	height:27px;
	margin-top:23px;
	float:right;
}
#menu ul{
	float:right;
	height:27px;
}
#menu li{
	float:left;
	font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;
	background-image:url(images/menu_li_back.jpg);
	background-repeat:no-repeat;
	height:20px;
	background-position:top right;
	padding-top:7px;
	background-color:#FFF;
}
#menu li a{
	height:27px;
	width:100%;
	color:#a55e66;
	text-decoration:none;
	font-size:95%;
	padding-left:7px;
	padding-right:17px;
}
#menu li a:hover{
	color:#000;
}

#menu .active{
	background-image:url(images/menu_li_back_active.jpg);
	background-color:#a55e66;
}
#menu .active a{
	color:#FFF;
}
#menu .active_before{
	background-image:url(images/menu_li_back_active_before.jpg);
}
#menu .end{
	background-image:url(images/menu_li_back_end.jpg);
}
#menu .active_end{
	background-image:url(images/menu_li_back_end_active.jpg);
	background-color:#a55e66;
}
#menu .active_end a{
	color:#FFF;
}
#menu #start{
	background-image:url(images/menu_li_back_start.jpg);
	background-position:left;
	background-repeat:no-repeat;
	width:8px;
	height:27px;
	float:right;
}
#menu #active_start{
	background-image:url(images/menu_li_back_start_active.jpg);
	background-position:left;
	background-repeat:no-repeat;
	width:8px;
	height:27px;
	float:right;
}



#sub_menu{
	height:44px;
	float:left;
	padding-left:212px;

}
#sub_menu ul{
	margin-top:18px;
	padding-left:5px;
	font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;
}
#sub_menu li{
	display:inline;
	padding-left:7px;
	padding-right:5px;
	text-align:center;
	height:35px;
}

#sub_menu .first_item{
	border:none;
}
#sub_menu li a{
	color:#FFFFFF;
	font-size:95%;
	letter-spacing:0.05em;
	text-decoration:none;
	
}
#sub_menu li a:hover{
	color:black;
}
#sub_menu .active{
	color:#FFF497;
}



#cart_summary{
	width:152px;
	height:98px;
	background-image:url(images/cart_back_smaller.png);
	background-repeat:no-repeat;
	display:inline;
font-weight: 900;
font-family: "Arial Black", Arial, sans-serif;	
	text-align:center;
	position:absolute;
	z-index:100;
	top:94px;
	right:-2px;	
}

#cart_summary p{
	margin-top:14px;
	font-size:15px;
	color:#666666;
	line-height:16px;
}
#cart_summary .checkout{
	letter-spacing:0.1px;
	position:absolute;
	bottom:17px;
	left:27px;
}
#cart_summary a{
	text-decoration:none;
	color:#FFF
}
#cart_summary a:hover{
	color:#000
}
#cart_summary .pink{
	color:#e20074;
}

#cart_summary_old{
	width:152px;
	height:162px;
	background-image:url(images/cart_back.jpg);
	background-repeat:no-repeat;
	display:inline;
	font-family: "Arial Black", Gadget, sans-serif;
	text-align:center;
	position:relative;
	z-index:100;
	float:left;
	margin-top:100px;
	margin-left:800px;	
}

#right_content_home{
	width:239px;
	float:right;
}
#icons{
	width:60px;
	height:58px;
	float:right;
	margin-right:156px;
	display:inline;
}
/*#icons a{
	width:60px;
	height:58px;
	text-indent:-9999px;
	display:block;
}*/

#left_content_home{
	width:708px;
	margin-top:7px;
	margin-left:31px;
	float:left;
	display:inline;
}

#left_content_home .lower_links{
	width:231px;
	height:122px;
	float:left;
	margin-right:7px;
}

#left_content_home .lower_links a, #right_content_home .right_links a, #right_content_home .right_links_larger a{
	padding-top:4px;
	padding-left:8px;	
	color:#FFF;
font-weight: 900;
font-family: "Arial Black", Arial, sans-serif;
	display:block;
	width:224px;
	height:118px;
}
#right_content_home .right_links_larger a{
	height:211px;
}
#left_content_home .lower_links a:hover, #right_content_home .right_links a:hover, #right_content_home .right_links_larger a:hover{
	color:#87AFC7
}
#left_content_home .lower_links.home_accommodation{
	background-image:url(images/edit_hostel1.jpg);
	background-repeat:no-repeat;
}
#left_content_home .lower_links.yatch{
	background-image:url(images/yatch.jpg);
	background-repeat:no-repeat;
}
#left_content_home .lower_links.croatia{
	background-image:url(images/sunset.jpg);
	background-repeat:no-repeat;
}
#left_content_home .lower_links.transport{
	background-image:url(images/transport.jpg);
	background-repeat:no-repeat;
}

#left_content_home .lower_links.papaya{
	background-image:url(images/edit_hostel2.jpg);
	background-repeat:no-repeat;
}



#left_content_home .lower_links.no_margin{
	margin:0px;
}


#right_content_home .right_links{
	width:231px;
	height:200px;
	float:right;
	margin-bottom:7px;
	margin-top:7px;
}
#right_content_home .right_links_larger{
	width:231px;
	height:211px;
	float:right;
	margin-bottom:7px;
}
#right_content_home .right_links.yatch{
	background-image:url(images/yatch.jpg);
	background-repeat:no-repeat;
}
#right_content_home .right_links.milka{
	background-image:url(images/home_milka.jpg);
	background-repeat:no-repeat;
}
#right_content_home .right_links.milka a{
	width:222px;
	height:200px;	
}
#right_content_home .right_links_larger.dom_b{
	background-image:url(images/dom_b.jpg);
	background-repeat:no-repeat;
}
#right_content_home .right_links_larger.dom_b a{
	width:222px;
	height:211px;
	text-align:left;	
}



#accommodation_hostels, #accommodation_apartments, #accommodation_camping, #accommodation_hotels{
	width:276px;
	height:184px;	
	float:left;
	margin-bottom:8px;
}

#accommodation_hostels{
	background-image:url(images/accommodation_hostels.jpg);
	margin-right:8px;
	margin-top:8px;
}
#accommodation_apartments{
	background-image:url(images/accommodation_apartments.jpg);
	margin-top:8px;
	
}
#accommodation_camping{
	background-image:url(images/accommodation_camping.jpg);
	margin-right:8px;
}
#accommodation_hotels{
	background-image:url(images/accommodation_hotels.jpg);
}

#out_of_exit_croatia, #out_of_exit_yacht, #out_of_exit_papaya{
	width:276px;
	height:184px;	
	float:left;
	margin-bottom:8px;
}
#out_of_exit_croatia{
	background-image:url(images/out_of_exit_croatia.jpg);
	margin-right:8px;
	margin-top:8px;
}
#out_of_exit_yacht{
	background-image:url(images/out_of_exit_yacht.jpg);
	margin-top:8px;
	
}
#out_of_exit_papaya{
	background-image:url(images/out_of_exit_papaya.jpg);
	margin-right:8px;
}



#lower_container {
	clear:both;
	width: 1000px;
	margin: 0 auto;
	padding-top:300px;
}
#lower_innards {
	width: 973px;
	float:right;
	background-color:#FFF;
	margin-bottom:30px;
}
#lower_header{
	width:973px;
	height:15px;
	background-image:url(images/lower_header_back.jpg);
	background-repeat:repeat-x;
}
#left_nail{
	width:30px;
	height:82px;
	background-image:url(images/left_nail.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:23px;
	display:inline;
}
#right_nail{
	width:30px;
	height:82px;
	background-image:url(images/right_nail.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-right:23px;
	display:inline;
}
#higher_left_side{
	width:118px;
	float:left;
	margin-left:40px;
	display:inline;
	margin-top:40px;
}
#higher_right_side{
	width:118px;
	float:right;
	margin-right:40px;
	display:inline;
	margin-top:40px;
}
#higher_left_side .inner, #higher_right_side .inner{
	margin-top:30px;
}


#text_area {
	float:left;
	width:560px;
	margin-left:50px;
	margin-top:40px;
}
#text_area h1 {
	background-image:url(images/h1.jpg);
	background-repeat:no-repeat;
	clear:both;
	color:#FFFFFF;
font-weight: 900 !important;
font-family: "Arial Black", Arial, sans-serif;
	font-size:1.5em;
	font-weight:normal;
	height:45px;
	margin-bottom:12px;
	padding-left:15px;
	padding-top:6px;
	width:560px;
}
#text_area p {
	color:#333333;
	font-family:Verdana,Geneva,sans-serif;
	font-size:13px;
	line-height:16px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
}
#text_area h3 {
	background-image:url(images/h3.jpg);
	background-repeat:no-repeat;
	clear:both;
	color:#434443;
font-weight: 900 !important;
font-family: "Arial Black", Arial, sans-serif;
	font-size:1.2em;
	font-weight:normal;
	height:39px;
	margin-bottom:10px;
	margin-top:21px;
	padding-left:30px;
	padding-top:30px;
	width:558px;
}

#text_area h3 a {
color:#434443;
display:block;
}
#text_area h3 a:hover{
	color:#ed1e79;
}

#text_area h2 {
	background-image:url(images/h2.jpg);
	background-repeat:no-repeat;
	clear:both;
	color:#FFFFFF;
font-weight: 900 !important;
font-family: "Arial Black", Arial, sans-serif;
	height:33px;
	padding-left:10px;
	padding-top:7px;
	width:560px;
	font-size:1.2em;
	font-weight:normal;
	margin-bottom:8px;
	margin-top:17px;
}
#text_area h2 a {
color:#FFCC66;
display:block;
text-decoration:none;
}
#text_area h2 a:hover{
	color:#FFC;
	text-decoration:none;
}
#text_area a, #moreinfo a, #news_right a{
	color:#a55e66;
	text-decoration:none;
}
#text_area a:hover, #moreinfo a:hover,  #news_right a:hover{
	color:#6D3D43;
}
#text_area ul, #moreinfo ul {
	color:#333333;
	font-size:80%;
}
#text_area ul, #moreinfo ul{
	list-style-position: outside;
	list-style-type: disc;
	margin-left:23px;
	margin-bottom:15px;
}
#text_area li, #moreinfo li{
	margin-bottom:4px;
	letter-spacing:0.01em;
	line-height:1.2em;
}


#moreinfo{
	text-align:left;
	padding:10px;
	font-size:90%;
}
#moreinfo_map{
	text-align:left;
	padding:10px;
	font-size:90%;
	width:400px;
	height:300px;
}
#map{
	width:400px;
	height:200px;
}
#moreinfo p, #moreinfo_map p{
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom:10px;
	color:#333;
	line-height:16px;
}
#moreinfo h3, #moreinfo_map h3 {
font-weight:normal;
font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;
font-size:1.4em;
}
#moreinfo h3, #moreinfo_map h3 {
font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;
font-size:1.6em;
margin-bottom:8px;

}



/************** TABLE STYLE ****************/

#text_area td{
vertical-align:top;
}

#text_area td.helpHed
{
	border-bottom: 1px solid #af7e8b;
	border-left: 1px solid #af7e8b;
	background-color: #FCE9DC;
	text-align: left;
	color: #404040;
	padding:5px;
}
#text_area td.helpHed img{
	text-align:center;
}
#text_area td.helpHed2
{
	border-bottom: 1px solid #af7e8b;
	border-left: 1px solid #af7e8b;
	background-color: #a8646b;
	text-align: left;
	color: #FFF;
	padding:5px;
}

#text_area td.date
{
	border-bottom: 2px solid #af7e8b;
	background-color: #a8646b;
	text-align: left;
	text-indent: 5px;
	color: #FFF;
	padding:5px;
}


#text_area .box{
width:90px;
}
#text_area table.sofT
{ text-align: center;
width: 570px;
border: 1px #000 solid;
border-collapse: collapse;
border-spacing: 0px; 
	font-size:13px;
	}
#text_area  p{
	font-size:13px;
}
#text_area p.smaller{
	font-size:11px;
	color:#7F7F7F;
	margin-top:4px;
}

#text_area td{
	padding-top:1px;
}
#text_area table.styled{ 
	text-align: center;
	width: 560px;
	font-size:13px;
}
#text_area td.table_header{
	background-image:url(images/table_header.jpg);
	height:35px;
	background-repeat:no-repeat;
	font-weight:bold;
}
#text_area td.table_header_sub{
	background-image:url(images/table_header_sub.jpg);
	background-repeat:no-repeat;
}
#text_area td.table_header_sub_middle{
	background-image:url(images/table_header_sub_middle.jpg);
	background-repeat:repeat-x
}
#text_area tr.top{
	height:34px;
}
#text_area td.table_header_sub_end{
	background-image:url(images/table_header_sub.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}
#text_area td.dotted_boarder{
	border-right:dotted;
	border-right-width:1px;
	border-color:#e5d5d7;
}
#text_area td.dotted_bottom_boarder{
	border-bottom:dotted;
	border-bottom-width:1px;
	border-color:#e5d5d7;
}


#text_area table.styled p{
	margin-bottom:5px;
	margin-top:8px;
	margin-left:7px;
}
#text_area table.styled input{
	margin-bottom:2px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
}

#text_area table.styled p.left_side{
	margin-left:1px;
}
#text_area tr.top p{
	color:#FFF;
	font-weight:bold;
	margin-top:3px;
	margin-bottom:1px;
}
#text_area td.table_header p{
	margin-left:25px;
	margin-top:10px;
	margin-bottom:1px;
}
#text_area table.styled a, #text_area table.styled img.sold_out{
	margin-left:7px;
	margin-bottom:5px;
	margin-top:2px;
}
#text_area table.styled p a{
	margin-left:0px;
}
#text_area a.add_to_cart{
	background-image:url(images/add_to_cart.jpg);
	background-repeat:no-repeat;
	width:57px;
	height:27px;
	display:block;
	text-align:center;
	color:#FFF;
	text-indent:-9999px;
}

#text_area a.remove{
	background-image:url(images/remove.jpg);
	background-repeat:no-repeat;
	width:57px;
	height:27px;
	display:block;
	text-align:center;
	color:#FFF;
	text-indent:-9999px;
}
#text_area a.update_cart{
	background-image:url(images/update_cart.jpg);
	background-repeat:no-repeat;
	width:57px;
	height:27px;
	display:block;
	text-align:center;
	color:#FFF;
	text-indent:-9999px;
}
.pay{
	display:none;
}
#text_area a:hover.add_to_cart, #text_area a:hover.remove, #text_area a:hover.update_cart{
	background-position:0px -27px;
}

#myGallery
{
width: 410px !important;
height: 308px !important;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#forum_wrap{
	padding-top:4px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:6px;
}







#accommodation_hostels a, #accommodation_apartments a, #accommodation_camping a, #accommodation_hotels a, #out_of_exit_croatia a, #out_of_exit_yacht a, #out_of_exit_papaya a{
	padding-top:4px;
	padding-left:8px;	
	color:#FFF;
font-weight: 900 !important;
font-family: "Arial Black", Arial, sans-serif;
	display:block;
	width:268px;
	height:179px;
}
#accommodation_hostels a:hover, #accommodation_apartments a:hover, #accommodation_camping a:hover, #accommodation_hotels a:hover, #out_of_exit_croatia a:hover, #out_of_exit_yacht a:hover, #out_of_exit_papaya a:hover {
	color:#87AFC7
}





#lower_footer{
	clear:both;
	width:973px;
	height:58px;
	background-color:#FFF;
	background-repeat:repeat-x;
}
#left_nail_bottom{
	width:46px;
	height:58px;
	background-image:url(images/left_nail_bottom.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-left:23px;
	display:inline;
}
#right_nail_bottom{
	width:46px;
	height:58px;
	background-image:url(images/right_nail_bottom.jpg);
	background-repeat:no-repeat;
	float:right;
	margin-right:23px;
	display:inline;
}

#footer {
	clear:both;
	width: 100%;
	height:43px;
	background-image:url(images/footer_back.jpg);
	background-repeat:repeat-x;
}
#footer_container {
	clear:both;
	margin: 0 auto;
}
#footer_innards {

}
#footer_innards p {
	color:#BD8A8F;
	font-size:12px;
	line-height:13px;
	padding-top:15px;
	text-align:center;
	color:#EEE
}
#footer_innards a {
	color:#FFF;
	text-decoration:none;
}
#footer_innards a:hover {
	color:#000000;
}
#forum_wrap{
	padding-top:4px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:6px;
}
#text_area p.details_table{
		font-size:11px;
		margin-bottom:0px;
}

#text_area p.red{
	color:#F30;
}

#news_ticker p.call_us{
	float:right; 
	font-weight:bold; 
	display:inline;
	color:#A55E66;
}
	
.news_page img{
	float:right;
	margin-left:6px;
	margin-top:8px;
	margin-bottom:6px;
	clear:right;
}
.loading{
	margin-top:10px;
}
#fb_like{ float:left; width:450px; height:40px; text-align:right; margin-top:8px; margin-left:30px; display:inline}