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

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

HTML{
	/* height:100.02%; */
	}	

BODY{
	/* background:url(img/bg2011.png); */
	/* background-color: white; */
	}

img.bg {
        /* Set rules to fill background */
        min-height: 140%;
        min-width: 1024px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: absolute;
        top: 0;
        left: 0;
z-index: -1;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
        img.bg {
                left: 50%;
                margin-left: -512px;   /* 50% */
        }
}

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;
	z-index: 2;
	}
	
.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.png) no-repeat;
	}
	
.LeftColumn {
	height:400px;
	width:202px;
	float:left;
	margin-top:23px;
	background:url(img/menubottom.png) bottom no-repeat;
	}

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

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

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

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

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

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

.FlashHolder {
	margin-top:11px;
}
	
.GoogleMapsHolder {
	float:left; 
	text-align:center;
	margin-left:8px;
	height:423px;
	width:622px;
	background:url(img/banner_frame.png);
	}
	
.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.png) no-repeat;
	}

.ContainerBottom2 {
	float:left;
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/bottom2.png) no-repeat;
	}
	
.ContainerBottom3 {
	float:left;
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/bottom3.png) no-repeat;
	}
	
.ContainerBottom4 {
	float:left;
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/bottom4.png) 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.png) no-repeat;
	}
	
.bottom2 {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/lila_bot.png) no-repeat;
	}

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

.bottom4 {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/green_bot.png) no-repeat;
	}
	
.bottom5 {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/red_bot.png) no-repeat;
	}
	
.bottom6 {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/brown_bot.png) no-repeat;
	}
	
.bottom7 {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/white_bot.png) no-repeat;
	}
	
.bottom8 {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/kaki_bot.png) no-repeat;
	}
	
.bottom9 {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/dkgreen_bot.png) no-repeat;
	}
	
.bottom10 {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/dkred_bot.png) no-repeat;
	}
	
.bottom11 {
	padding:0 0 0 0;
	height:40px;
	width:202px;
	background:url(img/dkblue_bot.png) 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.png) 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.png) 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.png) 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.png) 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.png) 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.png) 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.png) no-repeat;
	}
	
/*---------------------------------------------Trogir--------------------------------------------*/
	
.TrogirTop {
	background:url(img/trogirlefttop.png) 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.png) no-repeat;
	}
	
/*---------------------------------------------wideprices--------------------------------------------*/

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

.WideTop {
	background:url(img/pricestop.png) 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.png) 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.png) 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.png) 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.png) 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.png) 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;
	}