
/* Start of CMSMS style sheet 'hrvfitnessbyshj' */
/*
	project: internet broadcast template
	author: luka cvrk (www.solucija.com) 
	
*/
   
/* default styles */
body { 
  font-family: Tahoma, Arial, sans-serif; line-height: 1.7em; 
  background: #000; /* url(../images/blue-back.jpg) repeat-x; */
  color: #000000; 
}
a { color: #2F637A; text-decoration: none; background: inherit; }
a:hover { color: #d01f3c; background: inherit; }
img { border: 0; behavior: url("uploads/resources/pngbehavior.htc");}

* {
  margin: 0;
  padding: 0;
}

body {
    font-size: small;
}
* html body {
    font-size: x-small; /* for IE5 Win */
    font-size: small; /* for other IE versions */
}
html>body {
    font-size: small; /* be nice to opera */
}

p { 
  font-size: 80%; 
  line-height: 1.8em; 
}
h1, h2, h3 { 
  padding: 1em 0 .2em 0; 
  font-family: 'Century Gothic', Tahoma, Arial; 
}
h1 { font-size: 175%; }
h2 { font-size: 160%; }
h3 { font-size: 140%; }
ul, dl { font-size: 80%; padding: .5em 1em .5em 2em; }
ul li { line-height: 1.6em; }
img { border: 0; }

/* layout */
#content { margin: 10px auto; width: 875px; }

#header-bit { height: 4px; background: url(../images/rounded-top.gif) bottom no-repeat;}
#footer-bit { height: 4px; background: url(../images/rounded-bottom.gif) top no-repeat;}
	/* search form styling */
	form, form p { margin: 0; padding: 0; line-height: 25px; }
	
#header { 
height: 145px; 
background: #ffffff; /* url(uploads/images/header/hrv_header2.jpg) center no-repeat;*/ 
}	
	#logo-container {
		height: 79px;
		width: 240px;
		float: left;
		font-size: 1.2em;
		color: #bcbcbc;
		padding: 10px 0px 0px 10px;
	}
	#header-content {
		margin-left: 240px;
	}
	#header-info {
		height: 54px;
		color: #000;
		text-align: right;
	}
	#header-right {
		width: 300px;
		float: right;
		text-align: right;
                          padding: 10px 10px 10px;
                          color: white;

	}
	
	#header-search form, #header-search div {
		display: inline;
	}


#anim-container {
border: 1px solid #fff;
background: url(../images/hrv-header.png) bottom no-repeat;
height: 66px;
margin-bottom: 20px;
}


/* MENU */
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: "Lucida Sans";
}

#nav a {
	text-decoration: none;
	display: block;
	background-color: #ededed;
	color: #224;
	border: 1px solid #fff;
	padding: 2px;
	text-align: center;
	min-width: 119px;
	font-weight: bold;
}

* html #nav a {
	width: 119px;
}

#nav a:hover {
	background-color: #1b5790;
	color: #fff;
}

#nav li {
	float: left;
	font-size: 120%;
}

* html #nav li {
	width: 119px;
}

#nav li ul {
	position: absolute;
	width: 140px;
	left: -999em;
}

#nav li ul a {
	width: 140px;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

	#main-menu {
		background-color: #dcf2b8;
	}
		#main-menu ul li { 
			list-style: none; 
			display: inline; 
			margin: 0; 
			line-height: 25px;
		}
		#main-menu ul li a { 
			text-decoration: none;
			padding: 4px 20px;
			margin-right: 2px;
			font-weight: bold;
			font-family: 'Century Gothic', Tahoma, Arial;
			height: 25px;
		}
		
		#main-menu ul li a:hover { 
			background-color: #ffba00;
			color: #111;
		}
		
		#main-menu .current-menu-item {
			background-color: #b5ff3f;
		}

#center-body { background: #fff; }
#center-body ol { margin: 1em; }
#content-wrapper { padding: 0em 1em 1em 1em; }
#right {
	float: right;
	width: 170px;
	min-height: 350px;
	padding-top: 2em;
}
* html #right { height: 350px; }

#left {
	float: left;
	width: 580px;
	min-height: 350px;
}
* html #left { height: 350px; }

.big-text {
font-size: 16pt;
line-height: 18pt;
}




#content-wrapper ul {
list-style-type: disc;
margin-left: 2em;
}

#content-wrapper {
font-size: 10pt;
}


#content-left-column {
width: 190px;
float: left;
background: #fff url("../images/left-menu.png") no-repeat;
min-height: 300px;
text-align: center;
}

#content-left-column p {
font-size: 8pt;
padding: 5px;
}

#imagegallery {
min-height: 100px;
text-align: center;
}

#imagegallery img {
border: 1px solid #F0F0F0;
padding: 5px;
}

*html #imagegallery {
height: 100px;
}

#imagegallery .thumb {
float: left;
display: inline;
}

* html #content-left-column {
height: 300px;
}

.booking-form input, .booking-form .date-picker, .booking-form textarea {
display: block;
}
.booking-form textarea {
width: 400px;
}

.lifestyle-image {
	float: left;
	text-align: center;
	width: 220px;
}

.lifestyle-image img {
	width: 220px;
	height: 220px;
}

.right-article, .right-sub-menu {
width: 160px;
margin: 1em 0;
padding: 5px 5px;
}
.right-article h4 {
text-align: center;
color: #444444;
background-color: #dedede;

}

.right-sub-menu h4 {
text-align: center;
color: #444444;
background-color: #dedede;

}

.right-article-body {
border: 1px solid #dedede;
}

/* footer */
#footer { 
	clear: both; 
	color: #808080;
	background: #FFF;
	padding: 10px 15px;
	border-top: 1px solid #ccc;
}
	#footer .right { float: right; }

th { 
  padding: 1em 0 .2em 0; font-family: 'Century Gothic', Tahoma, Arial;
  font-size: 160%; }
td { font-size: 80%; line-height: 1.8em; }
/* End of 'hrvfitnessbyshj' */

