body {
    margin: 0;
    padding: 0;
	 font-family: Tahoma, "Trebuchet MS", Verdana,   Arial, sans-serif;
	 background: White url(../images/body_bg.gif) repeat-x ;
	 behavior:url("css/csshover.htc");
}

body *{
	font-size: 11px;		
}

#mainholder{
	width: 620px;
	margin:  5px auto;
	padding: 0;
}

#header{
	margin: 0;
	padding: 0 0 20px 0;
	width: 620px;
}

#logo{
	display: block;
	float: left;
	padding: 25px 0 0 0;
	margin: 0;
}

#icons{
	text-align: right;
	padding: 0;
}

#icons img{
	border: 0;
	margin: 0 2px 0 0;
}

.clear{
	clear: both;
	margin: 0;
	padding: 0;
}

.spacer{
	margin: 0;
	padding: 0;
	line-height: 11px;
}

/**************************/

#holder{
	margin: 0;
	padding: 0;
	width: 625px;
}


#permanent{
	width: 210px;
	padding: 0;
	margin: 0 5px 0 0;
	float: left;
}

#permanent a, #subnavbox a, #subnavbox2 a {
		font-weight:bold;
		text-decoration:none;
		color: #3B5F7E;
		font-family:  Tahoma, "Trebuchet MS", Verdana;
		font-size: 11px;
	 /*  display: block;
		border: 1px solid lime;*/
		
	}



/************************************/		
	
	ul#menu {
		position:absolute;
		left:25px;
		top:2em;
	}

	ul, li {
		margin:0;
		padding:0;
		display:block;
		}		

	ul {
		list-style:none;
		width:208px;
		height: 175px;
		padding: 4PX 0 3PX 0;
		background: top url(../images/nav_bg.gif) no-repeat;
		background-color: White;
		}	

li {
	position:relative;
	padding: 5px 5px 5px 15px;
	background: right url(../images/bullet_nav.gif) no-repeat;
	z-index:9;
	border-bottom:1px solid #99B1CF;
}

li.noborder{
	border: none;
}

li.no{
	background: none;
}
	
li.folder {
		border-right-color:blue;
	}

li:hover {
		/*border:1px solid #D1D1D1;*/
		z-index:15;
		/*cursor: pointer;*/
		background: right url(../images/bullet_nav.gif) no-repeat;
		background-color: #D8E7FB;

	}
	
li.no:hover{
	background: none;
	background-color: #D8E7FB;
}

		
	ul ul {
		position:absolute;
		display:none;
		right:-209px;
		top:0;
	}

li:hover ul ul {
		display:none;
	}
		
li:hover ul, li:hover li:hover ul {
		display:block;
	}		
	


/************************/	
#subnavbox{
	width: 150px;
	margin: 7px 0 15px 0;
	padding: 0;
	height: 300px;
}

#subnavbox2{
	width: 150px;
	margin: 7px 0 0 0;
	padding: 0;
}

#subnavbox ul, #subnavbox2 ul{
	width: 194px;
	border: 0;
	padding: 0;
	margin: 0;
	background: none;
}

#subnavbox li, #subnavbox2 li{
	border-color: #E7ECF1;
}

#subnavbox li:hover, #subnavbox2li:hover{
	background-color: #E7ECF1;
}


/********/

.banner{
	display: block;
	margin: 0;
	padding: 10px 0 0 0;
	border: 0;
}

.banner img{
	border: 0;
}

#foto{
	margin: 0;
	padding: 0;
}

#foto img{
	border: 0;
}

#leftsidebox{
	padding: 10px 0 0 0;
	margin: 0;	
}
	

/*************************/
#theholder{
	margin: 0px 0;
	padding: 8px 0;
	width: 630px;
}



/******************/


#left{
	float: left;
	width: 207px;
	margin: 0 0px 0 0;
	vertical-align: top;
	

}

#left .leftbox{
	margin: 10px 0;
	padding: 0;
}

#left .leftbox2{
	margin: 0 0 0 0;
	padding: 25px  0 0 0;
}

.leftbox p, .leftbox2 p{
	font-size: 11px;
	text-decoration: none;
	color: #264469;
	margin: 5px 0 10px 0;
	padding: 0 15px;
	line-height: 15px;
}

.leftbox a, .leftbox2 a{
	color:  #264469;
	text-decoration: none;
	font-weight: bold;
	margin: 0 15px;
}

.leftbox a:hover, .leftbox2 a:hover{
	color: #99B1CF;
}

.leftbox .strelica, .leftbox2 .strelica{
	border: 0;
	margin: 0 0 0 5px;
}

/************************/
#right{
	vertical-align: top;
	padding: 0 0 0 214px;
	margin: 0;
}

#contenthome{
	padding: 0;
	margin: 0;
}

#contenthome a{
	font-size: 11px;
	text-decoration: none;
	width: 120px;
	color: #264469;
	margin: 0 0 0 0;
	padding: 0;
	overflow: hidden;
	line-height: 14px;
	font-family:  Tahoma, Arial, Georgia;
}

#contenthome a:hover{
	color: #00AEEF;
}

.box1{
	float: left;
	margin: 0;
	padding: 45px 60px 0 19px;
	width: 120px;
	height: 129px;
	background: url(../images/yogabanner.jpg) no-repeat;	
}

.box2{
	margin: 0 0 0 206px;
	padding: 45px 80px 0 17px;
	width: 104px;
	height: 129px;
	background: url(../images/welnessbanner.jpg) no-repeat;		
}

.box4{
	margin: 0 0 0 206px;
	padding: 45px 84px 0 17px;
	width: 100px;
	height: 129px;
	background: url(../images/bannertim.jpg) no-repeat;		
}

.box3{
	float: left;
	margin: 0;
	padding: 45px 80px 0 20px;
	width: 100px;
	height: 129px;
	background: url(../images/bannerrehrana2.jpg) no-repeat;		
}

.contentcontainer{
	width: 380px;
	border-top: 1px solid #E7ECF1;
	padding: 15px 0 8px 0;
	margin: 0 0 10px 15px;
}


.box1 p, .box2 p, .box3 p, .box4 p{
	font-size: 11px;
	text-decoration: none;
	width: 120px;
	color: #264469;
	margin: 0 0 0 0;
	padding: 0;
	overflow: hidden;
	line-height: 14px;
	font-family:  Tahoma, Arial, Georgia;
}



.box1 h1, .box2 h1{
	color: #999999;
	font-size: 14px;
	font-family: Georgia, Tahoma, Verdana, Arial, sans-serif;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #EBEBEB;	
}

.box1 h2, .box2 h2{
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	color: #898989;
	text-transform: uppercase;
	margin: 0 0 15px 0;
	padding: 0;
}

.homerowfirst{
	margin: 0 0 7px 0;
	padding: 0;
	height: 175px;
}

.homerowsecond{
	margin: 0;
	//margin: 0 0 0 3px;//
}

/**********  BASE   *************************************************/


#content{
	padding: 2px 8px;
	margin: 0;
}

#content h1{
	color: #264469;
	font-weight: bold;
	font-size: 14px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	margin: 8px 0 15px 0;
	padding: 0 0 4px 8px;
	border-bottom: 1px solid #E7ECF1;	
}

#content h2{
	font-size: 12px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #264469;
	margin: 0 0 2px 8px;
	padding: 0;
	text-decoration: none;
}

#content h3{
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	color: #D7D7D7;
	text-transform: lowercase;
	margin: 0 0 5px 8px;
	padding: 0;
}

#content p{
	font-size: 11px;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
	color: #264469;
	margin: 0 4px 10px 8px;
	padding: 0;
	line-height: 15px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}

#content a{
	font-size: 11px;
	text-decoration: none;
	color: #00AEEF;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}

#content a.name{
	text-decoration: none;
}

#content a:hover{
	text-decoration: none;	
}

.programgall{
	margin: 0;
	padding: 15px 0 0 8px; 
}

.programgall2{
	margin: 0;
	padding: 5px 0 20px 8px; 
}

.programgall img, .programgall2 img{
	border: 1px solid #E7ECF1;
}

.teamfoto{
	float: left;
	margin: 0 10px 15px 0;
	border: 1px solid #E7ECF1;
}

.gall1{
	margin: 0 10px 0 0;
}

#content ul{
	background: none;
	border: 0;
	width: 380px;
	height: 120px;	
	font-size: 11px;
	margin: 0 0 0 8PX;
	padding: 0;	

}

#content li{
	border: 0;
	color: #264469;
	margin: 0 0 0 15px;
	list-style: disc;
	padding: 2px 0;
	background: transparent;
	
}

/*  BASE off ************************************/

#footer{
	margin: 5px 0 0 0;
	padding: 6px 15px;
	font-size: 10px;
	width: 595px;	
	text-align: right;
	color: White;
	background: url(../images/footer.gif) no-repeat;
}

#footer a{
	color: White;
	text-decoration: underline;
	font-size: 10px;	
}

#footer img{
	position: relative;
	top:2px;
	left: 4px;
}

#footer a:hover{
	text-decoration: none;
}