/********************************************
   AUTHOR:  		Tickity-boo
   WEBSITE:  		http://www.tickity-boo.co.uk
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* TOP ELEMENTS */
* { padding: 0; margin: 0; }

body{
  color: #414042;
  font-size: 76%;
  line-height: 1.5em;
  font-family: "Courier New", Courier, mono;
  background: #f9f9fb url(../images/main_bg.jpg) top left repeat-x;
}

/* headers */
/* p {margin: 0px 5px 10px 10px;} */
p {margin: 10px 10px 10px 20px;}
h2 {margin: 10px 0 0 20px; font-size:120%;}
ol,ul {list-style:none;}
dl li {list-style: none;}
fieldset,img {border:0;}
input,textarea,select,optgroup,option,button {font-family:inherit;font-size:100%;}

a:link { color: #194559; text-decoration: underline; }
a:visited { color: #194559; text-decoration: underline;}
a:hover { color: #194559; text-decoration: none;}
a:active { color: #194559; text-decoration: underline;}

div#pagewrap{
}

div#page{
  width: 940px;
  margin: 0 auto 0 auto;
}

div#header{
  height: 240px;
}

div#header h1 a{
  width: 470px;
  height: 240px;
  background: url(../images/logo-roof-left.png) bottom right no-repeat;
  margin: 0;
  text-indent: -9999em;
  float: left;
  display: block;
  border: none;
}

div#roof-right{
  background: url(../images/roof-right.png) bottom right no-repeat;
  width: 470px;
  height: 240px;
  margin: 0;
  float: right;
}


/* Navigation Macedonian -------------------------------------------------------------- */
div#nav{
  width: 940px;
  height: 55px;
  background: url(../images/navbar.png) top center no-repeat;
  top: -22px;
  position: relative;
  z-index: 1;
/*   overflow: hidden; */
}

div#nav ul li{
  float: left;
  cursor: pointer;
  margin-top: 13px;
  list-style-type: none;
}

div#nav ul li#nav_home a{
  width: 70px;
  height: 38px;
  background: url(../images/nav-doma.png)  no-repeat 0 0; 
  display: block;
  text-indent: -9999em;
  margin-left: 185px;
/*   margin-left: 270px; */
}

div#nav ul li#nav_home a:hover{
  width: 70px;
  height: 38px;
  background: url(../images/nav-doma.png) no-repeat 0 -38px;
  display: block;
  text-indent: -9999em;
}

 div#nav ul li#nav_home.active a{
  width: 70px;
  height: 38px;
  background: url(../images/nav-doma.png) no-repeat 0 -36px;
  display: block;
  text-indent: -9999em;
}

div#nav ul li#nav_music a{
	width: 80px;
	height: 38px;
	background: url(../images/nav-muzika.png) no-repeat 0 0;
	display: block;
	text-indent: -9999em;
}

div#nav ul li#nav_music a:hover{
	width: 80px;
	height: 38px;
	background: url(../images/nav-muzika.png) no-repeat 0 -38px;
	display: block;
	text-indent: -9999em;
}

div#nav ul li#nav_music.active a{
	width: 80px;
	height: 38px;
	background: url(../images/nav-muzika.png) no-repeat 0 -36px;
	display: block;
	text-indent: -9999em;
}

div#nav ul li#nav_photos a{
	width: 80px;
	height: 38px;
	background: url(../images/nav-galerija.png) no-repeat 0 0;
	display: block;
	text-indent: -9999em;
}

div#nav ul li#nav_photos a:hover{
  width: 80px;
  height: 38px;
  background: url(../images/nav-galerija.png) no-repeat 0 -38px;
  display: block;
  text-indent: -9999em;
}

div#nav ul li#nav_photos.active a{
  width: 80px;
  height: 38px;
  background: url(../images/nav-galerija.png) no-repeat 0 -36px;
  display: block;
  text-indent: -9999em;
}

div#nav ul li#nav_videos a{
	width: 70px;
	height: 38px;
	background: url(../images/nav-video.png) no-repeat 0 0;
	display: block;
	text-indent: -9999em;
}

div#nav ul li#nav_videos a:hover{
	width: 70px;
	height: 38px;
	background: url(../images/nav-video.png) no-repeat 0 -38px;
	display: block;
 	text-indent: -9999em;
}

div#nav ul li#nav_videos.active a{
	width: 70px;
	height: 38px;
	background: url(../images/nav-video.png) no-repeat 0 -36px;
	display: block;
 	text-indent: -9999em;
}

div#nav ul li#nav_press a{
	width: 110px;
	height: 38px;
	background: url(../images/nav-prestabla.png) no-repeat 0 0;
	display: block;
	text-indent: -9999em;
}

div#nav ul li#nav_press a:hover{
	width: 110px;
	height: 38px;
	background: url(../images/nav-prestabla.png) no-repeat 0 -38px;
	display: block;
 	text-indent: -9999em;
}

div#nav ul li#nav_press.active a{
	width: 110px;
	height: 38px;
	background: url(../images/nav-prestabla.png) no-repeat 0 -36px;
	display: block;
 	text-indent: -9999em;
}

div#nav ul li#nav_links a{
	width: 90px;
	height: 38px;
	background: url(../images/nav-linkovi.png) no-repeat 0 0;
	display: block;
	text-indent: -9999em;
}

div#nav ul li#nav_links a:hover{
	width: 90px;
	height: 38px;
	background: url(../images/nav-linkovi.png) no-repeat 0 -38px;
	display: block;
 	text-indent: -9999em;
}

div#nav ul li#nav_links.active a{
	width: 90px;
	height: 38px;
	background: url(../images/nav-linkovi.png) no-repeat 0 -36px;
	display: block;
 	text-indent: -9999em;
}

div#nav ul li#nav_contact a{
	width: 80px;
	height: 38px;
	background: url(../images/nav-kontakt.png) no-repeat 0 0;
	display: block;
	text-indent: -9999em;
}

div#nav ul li#nav_contact a:hover{
	width: 80px;
	height: 38px;
	background: url(../images/nav-kontakt.png) no-repeat 0 -38px;
	display: block;
 	text-indent: -9999em;
}

div#nav ul li#nav_contact.active a{
	width: 80px;
	height: 38px;
	background: url(../images/nav-kontakt.png) no-repeat 0 -36px;
	display: block;
 	text-indent: -9999em;
}

div#nav ul li#nav_enflag a{
	width: 60px;
	height: 38px;
	background: url(../images/nav-enflag.png) no-repeat 0 0;
	display: block;
	text-indent: -9999em;
	margin-left: 45px;

}

div#nav ul li#nav_enflag a:hover, div#nav ul li#nav_enflag.active a{
	width: 60px;
	height: 38px;
	background: url(../images/nav-enflag.png) no-repeat 0 -36px;
	display: block;
 	text-indent: -9999em;
}


div#container {
/*   margin: -30px auto 0 auto; */ 
	background: #bbae84 url(../images/wallpaper.jpg) top left repeat;
  	border: 4px solid #a19b78;
  	width: 840px;
  	min-height: 600px;
  	margin: 0 auto;
  	position: relative;
  	top: -30px;
/*
	z-index: -1;

*/}


div#sidebar {
	float: left;
	width: 320px;
	padding: 20px 0px 0px 0px;
	height: auto;
}

div.frame{
	background: url(../images/jova2.png) top left no-repeat;
	height: 320px;
	margin: 0;
	padding: 0;
}

div.links{
	background: url(../images/links-bg.png) top left no-repeat;
/*
  	padding: 25px 20px 40px 20px;
  	margin: 13px 0 0 0;
*/  
	height: 230px;
	margin: 0;
	padding: 0;
}

div#box ul{
	display: block;
	margin: 0;
	padding: 39px 0 0 0;
}

div#box li{
	margin: -3px;
	padding: 0 0 0 98px;
}

#widecontent {
	float: left; 
	width: 820px;
	height: 550px;
	margin: 20px 0px 0px 5px; 
	background: url(../images/widecontent.png) no-repeat;
}

#widecontent p {
	margin: 20px 0px 0px 55px; 
}

#gallery {
	position: relative;
	padding: 0 0 0 15px; 
}

#videos {
/*
	position: relative;
	float: left;
*/	width:320px;
	height: 220px;
	margin: 5px 20px 20px 55px; 
	background: url(../images/video-bg.png) no-repeat;
}

#videos .youtube {
	padding:20px 0 0 30px;
}

#maincontent {
	float: left; 
	width: 520px;
	height: 550px;
/*  padding: 0px 10px 0px 10px; */
	margin: 20px 0px 0px 0px; 
	background: url(../images/content.png) no-repeat;
}

#maincontent_video {
	float: left; 
	width: 520px;
	height: 550px;
/*  padding: 0px 10px 0px 10px; */
	margin: 20px 0px 0px 0px; 
	background: url(../images/content-video.png) no-repeat;
}

#content {
	float: left; 
	width: 470px;
	height: 430px;
/* 	padding: 15px 0px 10px 35px; */ 	
	margin: 12px 0px 10px 38px;	
	overflow: auto;
}

#content ul, ol {
	margin: 10px 0 10px 20px;
}

#content li {
	padding-bottom: 5px;
}

h1.about { 
	background: url(../images/heading-biografija.png) top left no-repeat;
	width: 130px; 
	height: 35px; 
	text-indent: -9999px;
	margin: 38px 0px 0px 50px; 
}

h1.music { 
	background: url(../images/heading-muzika.png) top left no-repeat;
	width: 130px; 
	height: 35px; 
	text-indent: -9999px;
	margin: 38px 0px 0px 50px; 
}

h1.photos { 
	background: url(../images/heading-galerija.png) top left no-repeat;
	width: 200px; 
	height: 35px; 
	text-indent: -9999px;
	margin: 38px 0px 0px 50px; 
}

h1.videos { 
	background: url(../images/heading-video.png) top left no-repeat;
	width: 200px; 
	height: 35px; 
	text-indent: -9999px;
	margin: 38px 0px 0px 50px; 
}

h1.press { 
	background: url(../images/heading-prestabla.png) top left no-repeat;
	width: 130px; 
	height: 35px; 
	text-indent: -9999px;
	margin: 38px 0px 0px 50px; 
}

h1.links { 
	background: url(../images/heading-linkovi.png) top left no-repeat;
	width: 130px; 
	height: 35px; 
	text-indent: -9999px;
	margin: 38px 0px 0px 50px; 
}

h1.contact { 
	background: url(../images/heading-kontakt.png) top left no-repeat;
	width: 130px; 
	height: 35px; 
	text-indent: -9999px;
	margin: 38px 0px 0px 50px; 
}


div#pageFooter{
/* 	width: 100%;*/  	
	background: url(../images/footer2.png) bottom center no-repeat;
/* 	height: 590px; */ 	
/* 	margin: -490px auto 0 auto; */	
	height: 570px;
	margin: -490px auto 0 auto;
	position: relative;
	z-index: -1;
}

/*
div#wrapperFooter{
  width: 840px;
  height: 590px;
  margin: 10px auto 0 auto;
  	position: relative;
}

div#wrapperFooter p.copyright { 
	color: #fff; 
	padding: 20px 0px 5px 0px; 
}

.clear{
  clear: both;
}
*/

/*Contact form  style*************************************************************/

/*.contact-us input{
	width: 15em;
	height:20px;
	padding:2px 5px;
	border: 1px dashed #948881;
}

.contact-us {
	text-align:left;	
	padding:10px 0;
	width:auto;
}

.contact-us textarea {
	width: 20em;
	padding:2px 5px;
	border:1px dashed #948881;
	background-color:#eee;
}

.contact-us .submit {
	position:relative;
	left:125px;
	border:none;	
	width:80px;
	height:33px;	
	background-image:none;
}

.red {
	color:#b83124;
	font-weight:700;
}

.contact-us .form-col1 {
	width:120px;
	height:30px;
	float:left;
	display:block;
	text-align:left;
	padding-right:10px;
	font-weight:700;
}

.message {background: url(../images/message-bg.png) top left no-repeat;color:#f1f1f1;display:none;width:390px;padding:10px 10px 10px 20px;margin-left:20px;}
	.contact {text-align:right;}
	.contact ul {list-style-type:none;width:390px;}
	.contact li {list-style-type:none;}
	.contact input {width:260px;}
	.contact textarea {width:260px;}
*/	
	
/*Music page style*************************************************************/

.details {
	width:400px;
	float:left;
	margin:0;
}

.pesni {
	width:20px;
	float:left;
	margin:10px 0 0 20px;