/*-----------------------------------global stuff-----------------------------------*/

* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}

HTML{
	height:100.02%;
	}	

BODY{
	background:#cccccc url(img/bg2.gif) repeat-x;
	}

TABLE{
	border-collapse:collapse;
	}

TD{
	vertical-align:top;
	}

p	{
	color:#6F6F6F;
	font-size:11px;
	}

A:link, 
A:visited {
	text-decoration:none;
	color:#;
	}

A:hover{
	text-decoration:none;
	color:#;
	}
	
H1 {
	font-size:16px;
	color:#fff;
	padding:12px 0 0 12px;
	font-weight:bold;
	}
	
H2,
.whiteapp {
	font-size:16px;
	font-weight: bold;
	color:#990033;
	padding:12px 0 0 12px;
	}
	
/*-----------------------------------classes-----------------------------------*/

.PageHolder {
	margin:0 auto;
	width:836px;
	margin-top:25px;
	}
	
.HeaderHolder {
	width:100%;
	text-align:right;
	}

.Selector {
	color:#877BC5;
	height:27px;
	padding-right:4px;
	}	

.Selector IMG {
	vertical-align: middle;
	border:0;
	}
	
.Selector A:link,
.Selector A:visited {
	text-decoration:none;
	font-size:9px;
	color:#333;
	}
	
.Selector A:hover {
	text-decoration:none;
	}

.icon {}
	
.LogoHolder {
	width:202px;
	height:88px;
	margin-top:-18px;
	background:url(img/logo.jpg) no-repeat;
	}
	
.LeftColumn {
	height:400px;
	width:202px;
	float:left;
	margin-top:23px;
	background:url(img/menubottom.gif) bottom no-repeat;
	}

.GalleryHolder {
	float:left;
	text-align:center;
	margin-left:8px;
	height:423px;
	width:622px;
	background:url(img/banner_frame.gif);
	}
	
.Gallery_blue {
	background:url(img/banner_frame_blue.gif);
}

.Gallery_brown {
	background:url(img/banner_frame_brown.gif);
}

.Gallery_green {
	background:url(img/banner_frame_green.gif);
}

.Gallery_lila {
	background:url(img/banner_frame_lila.gif);
}

.Gallery_red {
	background:url(img/banner_frame_red.gif);
}

.Gallery_white {
	background:url(img/banner_frame_white.gif);
}

.FlashHolder {
	margin-top:11px;
}
	
.GoogleMapsHolder {
	float:left; 
	text-align:center;
	margin-left:8px;
	height:423px;
	width:622px;
	background:url(img/banner_frame.gif);
	}
	
.ContentHolder {
	width:100%;
	padding-top:20px;
	}
	
.ContentHolder IMG {
	border:0;
		}

.clear {
	clear:both;
	}
	
.Container {
	float:left;
	width:202px;
	margin:0 7px 11px 0;
	}
	
.ContainerTop {
	height:9px;
	width:202px;
	}
	
.ContainerMiddle {
	float:left;
	min-height:118px;
	height:auto!important;
	height:118px;
	padding:5px 14px 5px 14px;
	background:url(img/middle.jpg) repeat-y;
	width:174px;
	}
	
.ContainerBottom1 {
	float:left;
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/bottom1.jpg) no-repeat;
	}

.ContainerBottom2 {
	float:left;
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/bottom2.jpg) no-repeat;
	}
	
.ContainerBottom3 {
	float:left;
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/bottom3.jpg) no-repeat;
	}
	
.ContainerBottom4 {
	float:left;
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/bottom4.jpg) no-repeat;
	}
	
/*----------------------content---------------------*/

.top {
	height:127px;
	width:202px;
	}

.middle1 {
	min-height:118px;
	height:auto!important;
	height:118px;
	padding:5px 14px 5px 14px;
	background:url(img/cardinal_mid.jpg) repeat-y;
	width:174px;
	}
	
.middle2 {
	min-height:118px;
	height:auto!important;
	height:118px;
	padding:5px 14px 5px 14px;
	width:174px;
	background:url(img/lila_mid.jpg) repeat-y;
	}
	
.lila {
	font-size:12px;
	font-weight:bold;
	color:#663399;
	}
	
.blue {
	font-size:12px;
	font-weight:bold;
	color:#006599;
	}
	
.green {
	font-size:12px;
	font-weight:bold;
	color:#679A35;
	}
	
.red {
	font-size:12px;
	font-weight:bold;
	color:#CC0033;
	}

.brown {
	font-size:12px;
	font-weight:bold;
	color:#993400;
	}
	
.white {
	font-size:12px;
	font-weight:bold;
	color:#990033;
	}
	
.middle3 {
	min-height:118px;
	height:auto!important;
	height:118px;
	padding:5px 14px 5px 14px;
	width:174px;
	background:url(img/blue_mid.jpg) repeat-y;
	}
	
.middle4 {
	min-height:118px;
	height:auto!important;
	height:118px;
	padding:5px 14px 5px 14px;
	width:174px;
	background:url(img/green_mid.jpg) repeat-y;
	}	
	
.middle5 {
	min-height:118px;
	height:auto!important;
	height:118px;
	padding:5px 14px 5px 14px;
	width:174px;
	background:url(img/red_mid.jpg) repeat-y;
	}

.middle6 {
	min-height:118px;
	height:auto!important;
	height:118px;
	padding:5px 14px 5px 14px;
	width:174px;
	background:url(img/brown_mid.jpg) repeat-y;
	}

.middle7 {
	min-height:118px;
	height:auto!important;
	height:118px;
	padding:5px 14px 5px 14px;
	width:174px;
	background:url(img/white_mid.jpg) repeat-y;
	}
	
.bottoms a:link,
.bottoms a:visited {
	display:block;
	font-size:16px;
	color:#fff;
	padding:12px 0 0 12px;
	font-weight:bold;
	}

.bottom1 {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/cardinal_bot.jpg) no-repeat;
	}
	
.bottom2 {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/lila_bot.jpg) no-repeat;
	}

.bottom3 {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/blue_bot.jpg) no-repeat;
	}

.bottom4 {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/green_bot.jpg) no-repeat;
	}
	
.bottom5 {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/red_bot.jpg) no-repeat;
	}
	
.bottom6 {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/brown_bot.jpg) no-repeat;
	}
	
.bottom7 {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/white_bot.jpg) no-repeat;
	}
	
.bottom8 {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/kaki_bot.jpg) no-repeat;
	}
	
.bottom9 {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/dkgreen_bot.jpg) no-repeat;
	}
	
.bottom10 {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/dkred_bot.jpg) no-repeat;
	}
	
.bottom11 {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/dkblue_bot.jpg) no-repeat;
	}
	
.FooterHolder {
	height:10px;
	margin:32px 0 0 0;
	padding-bottom:24px;
	}

.Copyright {
	float:right;
	text-align:right;
	font-size:11px;
	color:#5D5D54;
	}
	
.Copyright A:link,
.Copyright A:visited {
	font-size:11px;
	color:#5D5D54;
	}
	
.Copyright A:hover {
	color:#5D5D54;
	text-decoration:none;
	}
	
.IndexTop {
	background:url(img/top.jpg) no-repeat;
	height:9px;
	line-height:0;
	font-size:0;
	width:202px;
}


.IndexMid {
	background:url(img/middle.jpg) repeat-y;
	width:202px;
	min-height:118px;
	height:auto!important;
	height:118px;
	padding:5px 14px 5px 14px;
	width:174px;
}
	
.IndexImg {
	background:url(img/middle.jpg) repeat-y;
	width:202px;
	text-align:center;
	height:130px;
	
}

.Last {
	background:url(img/indeximg4.jpg) no-repeat;
	width:192px;
	margin:0 auto;
	height:130px;
	
}

.smallprint {
font-size:10px;
color:#FFFFFF;
}

/*---------------------------------------------prices--------------------------------------------*/
	
.PricesTop {
	background:url(img/priceslefttop.jpg) no-repeat;
	height:9px;
	line-height:0;
	font-size:0;
	width:202px;
}


.PricesMid {
	background:url(img/pricesleftmid.jpg) repeat-y;
	width:202px;
	min-height:118px;
	height:auto!important;
	height:118px;
	padding:5px 14px 5px 14px;
	width:174px;
}
	
.PricesImg {
	background:url(img/pricesleftmid.jpg) repeat-y;
	width:202px;
	text-align:center;
	height:130px;
	
}	

.bottomprices {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/pricesleftbot.jpg) no-repeat;
	}
	
.PriceTable {
	float:left;
	margin-right:10px;
	border-spacing: 2px; 
	padding: 2px;
}

.PriceTable td {
	text-align:center;
	vertical-align:middle;
	padding: 2px;
}

.PriceTable tr {
}

.PriceDescription {
	display:block;
	height:570px;
	color:#6F6F6F;
	line-height:160%;
}
	
/*---------------------------------------------location--------------------------------------------*/
	
.GoogleMap {
	position:relative;
	margin-top:12px;
	z-index:1;
}

.GoogleMapLeft {
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;
}

.GoogleMapRight {
	position:absolute;
	left:602px;
	top:0px;
	z-index:2;
}

.google_link {
	display:block;
	margin-top: -1px;
/*	margin-left:270px; */
	text-align:CENTER;
}

.google_link:link,
.google_link:visited,
.google_link:active {
	font-size:10px;
	color:#5D5D54;
	}
	
.google_link:hover {
	color:#5D5D54;
	text-decoration:none;
	}

.LocationTop {
	background:url(img/locationlefttop.jpg) no-repeat;
	height:9px;
	line-height:0;
	font-size:0;
	width:202px;
}


.LocationMid {
	background:url(img/locationleftmid.jpg) repeat-y;
	width:202px;
	min-height:118px;
	height:auto!important;
	height:118px;
	padding:5px 14px 5px 14px;
	width:174px;
}
	
.LocationImg {
	background:url(img/locationleftmid.jpg) repeat-y;
	width:202px;
	text-align:center;
	height:130px;
	
}	

.bottomlocation {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/locationleftbot.jpg) no-repeat;
	}

.LocationText {
	display:block;
	margin-top:40px;
	margin-left:100px !important;
}
	
.LocationCompanies {
	margin-left:-40px;
}

.MapCroatia {
	float:left;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:10px;
}
	
/*---------------------------------------------contact--------------------------------------------*/
	
.ContactTop {
	background:url(img/contactlefttop.jpg) no-repeat;
	height:9px;
	line-height:0;
	font-size:0;
	width:202px;
}


.ContactMid {
	background:url(img/contactleftmid.jpg) repeat-y;
	width:202px;
	min-height:118px;
	height:auto!important;
	height:118px;
	padding:5px 14px 5px 14px;
	width:174px;
}
	
.ContactImg {
	background:url(img/contactleftmid.jpg) repeat-y;
	width:202px;
	text-align:center;
	height:130px;
	
}	

.bottomcontact {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/contactleftbot.jpg) no-repeat;
	}
	
/*---------------------------------------------Trogir--------------------------------------------*/
	
.TrogirTop {
	background:url(img/trogirlefttop.jpg) no-repeat;
	height:9px;
	line-height:0;
	font-size:0;
	width:202px;
}


.TrogirMid {
	background:url(img/trogirleftmid.jpg) repeat-y;
	width:202px;
	min-height:118px;
	height:auto!important;
	height:118px;
	padding:5px 14px 5px 14px;
	width:174px;
}
	
.TrogirImg {
	background:url(img/trogirleftmid.jpg) repeat-y;
	width:202px;
	text-align:center;
	height:130px;
	
}	

.bottomtrogir {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/trogirleftbot.jpg) no-repeat;
	}
	
/*---------------------------------------------wideprices--------------------------------------------*/

.Wide {
	float:left;
	width:500px;
	margin:0 7px 11px 0;
}

.WideTop {
	background:url(img/pricestop.jpg) no-repeat;
	height:9px;
	line-height:0;
	font-size:0;
	width:620px;
}

.WideContent {
	background:url(img/pricesmid.jpg) repeat-y;
	width:592px;
	padding:5px 14px 5px 14px;
	min-height:500px;
	}

.WideBottom {
	height:9px;
	line-height:0;
	font-size:0;
	width:620px;
	background:url(img/pricesbot.jpg) no-repeat;

}

.LinkButton {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color:#C40F29; /* #006766; */
	color:white;
	font-size:16px;
	text-align:center;
	vertical-align:middle;
	border:0;
}



/*---------------------------------------------widecontact--------------------------------------------*/

.Wide2 {
	float:left;
	width:500px;
	margin:0 7px 11px 0;
}

.WideTop2 {
	background:url(img/contacttop.jpg) no-repeat;
	height:9px;
	line-height:0;
	font-size:0;
	width:620px;
}

.WideContent2 {
	background:url(img/contactmid.jpg) repeat-y;
	width:592px;
	padding:5px 14px 5px 14px;
	}

.WideBottom2 {
	height:9px;
	line-height:0;
	font-size:0;
	width:620px;
	background:url(img/contactbot.jpg) no-repeat;

}

/*---------------------------------------------widelocation--------------------------------------------*/

.Wide3 {
	float:left;
	width:500px;
	margin:0 7px 11px 0;
}

.WideTop3 {
	background:url(img/locationtop.jpg) no-repeat;
	height:9px;
	line-height:0;
	font-size:0;
	width:620px;
}

.WideContent3 {
	background:url(img/locationmid.jpg) repeat-y;
	width:592px;
	padding:5px 14px 5px 14px;
	}

.WideBottom3 {
	height:9px;
	line-height:0;
	font-size:0;
	width:620px;
	background:url(img/locationbot.jpg) no-repeat;

}

/*---------------------------------------------wide Trogir--------------------------------------------*/

.Wide4 {
	float:left;
	width:500px;
	margin:0 7px 11px 0;
}

.WideTop4 {
	background:url(img/trogirtop.jpg) no-repeat;
	height:9px;
	line-height:0;
	font-size:0;
	width:620px;
}

.WideContent4 {
	background:url(img/trogirmid.jpg) repeat-y;
	width:592px;
	padding:5px 14px 5px 14px;
	}

.WideBottom4 {
	height:9px;
	line-height:0;
	font-size:0;
	width:620px;
	background:url(img/trogirbot.jpg) no-repeat;

}

/*---------------------------------------------mainNav--------------------------------------------*/
	
#MainNav {
	background:url(img/menubg.gif) no-repeat;
	height:256px;
	padding:45px 0px 0 0px;
	padding:expression('45px 0px 0 0px');
	font-weight:bold;
	}

#MainNav LI {
	display:block;
	list-style-type:none;
	text-align:center;
	}
		
#MainNav LI A:link,
#MainNav LI A:visited {
	display:block;
	width:100%;
	padding:5px 0 5px 0;
	font-size:13px;
	text-align:center;
	color:#fff;
	}
	
#MainNav LI A:hover {
	color:#000;
	text-decoration:none;
	background-color:white;
	}
	
div.Weather a {
	display:block;
	width:202px;
	height:90px;
	margin-top:-50px;
}
	
#FootNav {}

#FootNav LI {
	display:inline;
	list-style-type:none;
	color:#5D5D54;
	padding:0 3px 0 0;
	}
		
#FootNav LI A:link,
#FootNav LI A:visited {
	font-size:11px;
	color:#5D5D54;
	}
	
#FootNav LI A:hover {
	color:#5D5D54;
	text-decoration:none;
	}