/*-----------------------------------------------------------------------------
version:   1.0
date:      02/12/2007
author:    Andrej Denisa & Uros Ursej
website:   http://www.moments.si
-----------------------------------------------------------------------------*/  

/************************
* Body
************************/

body{
margin:0;
padding:0;
line-height: 1.5em;
font: 13px "Trebuchet MS", Geneva, Helvetica, sans-serif;
background-color:#F1ECE0;
/*background: #b50c51 url(/images/background.jpg) repeat-x;*/
}

b{font-size: 110%;}
em{color: red;}

a {
	color: #002165;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

a:active, a:focus {
outline: 0
 }

form {
	margin: 0;
	padding: 0;
}


/************************
* Container
************************/

#maincontainer{
width: 780px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
margin-top: 30px;
background-color:#fbeeec;
order:1px solid #b50c51;
}




/* Header
-----------------------------------------------------------------------------*/
#topsection{

height: 192px; /*Height of top section*/
background:#f4efef url(http://www.moments.si/images/header.jpg) repeat-x;
}


#topsection-left{
height: 192px; /*Height of top section*/
background:#f4efef url(http://www.moments.si/images/header-bg.jpg) repeat-x;
}

#topsection-right{
height: 192px; /*Height of top section*/
background:#f4efef url(http://www.moments.si/images/header-bg.jpg) repeat-x;
}

#topsection-left-2{
margin: 0;
padding-left: 30px;
}

#topsection-left-3{
width: 265px;
height: 75px;
}
.replace
	{
	outline: none;
	display: block; 
	position:relative; 
	/*\*/ 
	overflow:hidden;
	 /**/
	} 

.replace span
	{ 
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; 
	}
#site_title
	{
	position: relative;

	width: 290px;
	height: 85px;
	}

#site_title .replace, #site_title .replace span
	{ 
	width: 290px;
	height: 85px;
	}

#topsection-right-2{
margin: 0;
text-align:right;
}

#topmenu{
position:absolute;
top: 40px;
right:100px;
text-align:right;
padding-right: 20px;
color: #b50c51;
font-size:12px;

}

#topmenu a{
color: #b50c51;
font-size:12px;
text-decoration:none;
}

#topmenu a:hover{
color: #b50c51;
font-size:12px;
text-decoration:underline;
}


/* Navigation
-----------------------------------------------------------------------------*/
#topnavigation{
height: 45px; /*Height of top section*/
background:#d16792 url(http://www.moments.si/images/header-bg1.jpg) no-repeat;
text-align:center;
color: #ffffff;
}

#topnavigation-sub-left{
height: 4px; /*Height of top section*/
background:#f1ece0 url(http://www.moments.si/images/content-left-bg.jpg) no-repeat;
text-align:center;
color: #f2ece0;
}


div.lineup
  {
  position:absolute;
  width: 100%;
  height: 45px;
  top: 0px;
  margin: 0px;
  left: 0;
  margin: 0px;
  background-color: #d16792;
  border: 0px solid black;
  /* for IE */
  filter:alpha(opacity=20);
  /* CSS3 standard */
  opacity:0.2;
  /* for Mozilla */
  -moz-opacity:0.2;
  z-index:25;

}

div.lineright
  {
  position:absolute;
  width: 45px;
  height: 100%;
  top: 0px;
  margin: 0px;
  right: 0;
  margin: 0px;
  background-color: #d16792;
  border: 0px solid black;
  /* for IE */
  filter:alpha(opacity=20);
  /* CSS3 standard */
  opacity:0.2;
  /* for Mozilla */
  -moz-opacity:0.2;
  z-index:25;
}


#topnavigation-sub-right{
height: 45px; /*Height of top section*/
text-align:center;
background-color: #f2ece0;
color: #b91b5b;
font-weight:bold;
text-transform:lowercase;
font-size:15px;
}

.top-menu {
font-size:15px;
}

.top-menu a{
font-size:15px;
color: #ffffff;
text-decoration:none;
}

.top-menu a:hover{
font-size:15px;
color: #ffffcc;
text-decoration:none;
}

#quick-menu {
padding-top:2px;
padding-left:10px;
color:#FF91C8;
text-decoration:none;
}

#quick-menu a{
color:#FFBFDF;
text-decoration:none;
}

#quick-menu a:hover{
color:#b50c51;
text-decoration:underline;
}

#quick-menu2 {
padding-top:10px;
padding-right:20px;
color:#FF91C8;
text-decoration:none;
}

#quick-menu2 a{
color:#FFBFDF;

text-decoration:blink;
}

#quick-menu2 a:hover{
color:#b50c51;
text-decoration:underline;
}

#content-left{
background:#f1ece0 url(http://www.moments.si/images/content-left-bg.jpg) no-repeat;
text-align:center;
color: #f2ece0;
}

#content-right{
background-color: #f4fbe9;
color:#cb0068;
padding-top: 30px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 10px;
text-align:justify;
}

#content-right2{
background-color: #f4fbe9;
color:#cb0068;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 0px;
text-align:justify;
}


#footer-left{

background-color: #b40d52;
}

#footer-right{
background-color: #b40d52;
}



/* Footer
-----------------------------------------------------------------------------*/

#footer{
width: 100%;
color: #ffffff;
text-align: left;
padding-left: 32px;
font-size:10px;
}

#footer a{
color: #ffffff;
}

/* Navigation menu
------------------------------------------------------------------------------*/
/* for this demo only */


/* the styling */
#nav {width:100%; position:relative; padding-left: 10px}

#nav .select, #nav .current {margin:0; padding:0; list-style:none;}

#nav li {display:inline; text-transform:uppercase; margin:0; padding:0; height:auto; }

#nav .select a,
#nav .current a {display:block; float:left; padding:2px 10px 3px 10px; text-decoration:none; font-size:15px; line-height:40px; white-space:nowrap; border-right:0px solid #fff; color:#fff;}
* html #nav .select a, * html #nav .current a {width:1px; height:21px;}

#nav .select a:hover,
#nav .current a:hover { color:#ffffcc;}

#nav .select a:hover, 
#nav .select li:hover a {background:#d26a94; cursor:pointer; color:#ffffcc;} /*d26a94*/

#nav .sub {display:none}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}

#nav .current a {}


#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {background:#f1ece0; color:#b91b5b; text-decoration:underline}

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {background:#e5b8d6; color:#b91b5b; text-decoration:underline}

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:600px; top:45px; left:0; background:#f1ece0; margin-top:0; padding:0; z-index:100; color:#fff; font-size:11px; padding-left:50px} /*visina */

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}

#nav .sub_active {display:block; position:absolute; width:100%; top:20px; left:50; background:#e5b8d6; margin-top:0; padding:0; z-index:10;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

#nav .sub_active a {height:21px; text-decoration:none; line-height:20px; white-space:nowrap; display:block; float:left; background:#e5b8d6; padding:5px 10px 10px 10px; margin:0; font-size:15px; white-space:nowrap; border:0; color:#fff;}

#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:block; background:#f1ece0; text-transform:none; font-weight:bold; padding:0px 10px 0px 10px; margin:0; white-space:nowrap; border:0; color:#b91b5b; font-size:15px;} /*f1ece0 */