/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	}
	
html, body {
	text-align: center;
	background-color: #fbf4c4;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: normal;
	}
	
h1 {
	font-size: 26px;
	padding-bottom: 15px;
	padding-top: 15px;
	font-style:italic;
	font-weight: bold;
	color: #FF0000;
	}
	
h2 {
	font-size: 26px;
	padding-bottom: 15px;
	padding-top: 15px;
	font-style:normal;
	font-weight: bold;
	color: #FF0000;
	}

#container {
	margin: 0 auto;
	width: 978px;
	clear: both;
	background-image:url(img/background.jpg);
	}

	#top {
		width: 978px;
		height: 137px;
		clear: both;
		}
	
	#menu {
		width: 750px;
		height: 32px;
		background-image:url(img/menu_background.jpg);
		padding-left: 229px;
		}
		
	#menu ul {
		list-style: none;
		}
		
	#menu ul li {
		float: left;
		}
		
/* ************** */		
		
	#menu ul li.onama a {
		width: 95px;
		height: 32px;
		display: block;

		
		background-image:url(img/onama.jpg);
		}
		
	#menu ul li.onama a:hover {
		background-position: 0px -32px;
		}
		
	#menu ul li.svadbene a {
		width: 164px;
		height: 32px;
		display: block;
		
		background-image:url(img/svadbene.jpg);
		}
		
	#menu ul li.svadbene a:hover {
		background-position: 0px -32px;
		}
		
	#menu ul li.rodjendanske a {
		width: 198px;
		height: 32px;
		display: block;
		
		background-image:url(img/rodjendanske.jpg);
		}
		
	#menu ul li.rodjendanske a:hover {
		background-position: 0px -32px;
		}		
		
	#menu ul li.svecane a {
		width: 148px;
		height: 32px;
		display: block;
		
		background-image:url(img/svecane.jpg);
		}
		
	#menu ul li.svecane a:hover {
		background-position: 0px -32px;
		}
		
			
	#menu ul li.kontakt a {
		width: 102px;
		height: 32px;
		display: block;
		
		background-image:url(img/kontakt.jpg);
		}
		
	#menu ul li.kontakt a:hover {
		background-position: 0px -32px;
		}		
		
/* ************** */

	#main {	
		width: 978px;
		clear: both;
		background-image:url(img/content_background.jpg);
		background-repeat: no-repeat;
		}

		#left {
			width: 274px;
			height: 100px;
			display: block;
			float: left;
			}
		
		#content {
			width: 583px;
			float: left;
			padding-top: 50px;
			text-align: left;
			}
			
		#content a {
			font-weight: bold;
			text-decoration: none;
			color: #F00;
			}
			
		#content a:hover {
			color: #000;
			}
			
		#content ul {
			padding-left: 30px;
			}
			
		#content ol {
			padding-left: 30px;
			}
	
	#footer {
		width: 978px;
		height: 50px;
		padding-top: 20px;
		margin: 0 auto;
		clear: both;
		font-size: 14px;
		font-weight: normal;
		background-image:url(img/footer_background.jpg);
		background-repeat:no-repeat;
		}
		
	#footer a {
		color: #000;
		font-weight: bold;
		text-decoration: none;
		}
		
	#footer a:hover {
		color: #f00;
		}
		
	
		
		
			
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

.lefted {margin:0 auto 0 0;}
.centered {margin:0 auto;}
.righted {margin:0 0 0 auto;}



.thumbscontainer ul li {

	width: 160px;

	height: 145px;

	overflow: hidden;

	display: block;

	border:solid 0px #ccc;

	padding: 0px;

	text-align: center;
	background-color: transparent;

	}







 .thumbscontainer ul li a img {

	border: none 0px;

	}