#portfolio-left
{
    border-right-color:Gray;
    border-right-style:dashed;
    border-right-width:thin;
    border-bottom-color:Gray;
    border-bottom-style:inset;
    position:relative;
    float:left;
    width:145px;
    height:600px;
    background-color:#CDCDCE;
}
#portfolio-right 
{
background-image:url(Images/portfolio_page_back.jpg);
background-repeat:no-repeat;
border-bottom-color:Gray;
border-bottom-style:solid;
border-left:thin solid Gray;
height:600px;
margin-left:145px;
position:relative;
}
#naziv-portfolio
{
    margin-left: 5%;
	color: White;
	font-size: large;
	float: left;
	width:25%;
}
#bullet
{
    margin-top:0px;
}

#topcontent ul
{
   
    list-style-type: none;
}
#topcontent ul li 
{
    padding-right:5px;
    display:block;
    float:left;
    list-style-type:none;
}


#background-photography
{
    width: 800px;
    height: 400px;
    text-align:center;
    top:40px;
    background-position:center;
    background-attachment: scroll;
    background-image: url(Images/photography-slide.jpg);
    background-repeat: no-repeat;
}
#background-photorealistic
{
    width: 800px;
    height: 400px;
    text-align:center;
    top:40px;
    background-position:center;
    background-attachment: scroll;
    background-image: url(Images/photorealistic-slide.jpg);
    background-repeat: no-repeat;
}
#background-illustrations
{
    width: 800px;
    height: 400px;
    text-align:center;
    top:40px;
    background-position:center;
    background-attachment: scroll;
    background-image: url(Images/illustrations-slide.jpg);
    background-repeat: no-repeat;
}
#slika
{
    left:50px;
}
#poz
{
    left:200px;
    padding:5px;
    top:0px;
    width:70%;
    height:100%;
    position:relative;
}
#poz span
{
    width:100%;
    float:left;
    display:block;
}
#poz span a:hover img
{
    border:solid 1px #fff;
    filter:alpha(opacity=75);
    -moz-opacity:.5;
    opacity:.5;
}
#poz span a img
{
    padding:1px;
    margin:0pt none;
    border:none;
}
#portfolio1 ul a
{
   font-family:Clarendon Condensed, Arial;
   font-size:30px;
   color:Gray;
}
#portfolio1 ul a:hover
{
   font-family:Clarendon Condensed, Arial;
   font-size:30px;
   color:Red;
}
#glavnaGalerija
{
	position:absolute;
	right:0px;
	text-align:right;
	top:120px;
}
#meni1
{
	position:absolute;
	right:1px;
	top:200px;
	text-align:right;

}
#meni1 ul
{

    list-style-type: none;
}
#glavnaGalerija ul
{
    list-style-type: none;
}
#meni1 li,#glavnaGalerija li
{
    padding: 1px 5px 1px 0px;
    margin: 1px;
}

#meni1 ul li a
{
    font-size: 15px;
    font-weight: bolder;
    color: #838281;
    text-decoration: none;
}
#glavnaGalerija ul li a
{
    font-size: 15px;
    font-weight: bolder;
    color: #838281;
    text-decoration: none;
}
#meni1 ul li a:hover
{
    color: #ff0000;
}
#glavnaGalerija ul li a:hover
{
    color: #ff0000;
}

#meni2
{
    margin-top:30px;
    clear:both;
     float:right;
}
#meni2 ul
{
    top:0px;
    float: right;
    text-align: right;
    list-style-type: none;
}

#meni2 ul li a
{
    font-size: 15px;
    font-weight: bolder;
    margin: 1px;
    color: #838281;
    text-decoration: none;
}

#meni2 ul li a:hover
{
    color: #ff0000;
}
#meni2 li
{
    padding: 1px;
    margin: 1px;
}
#topShortCutPortfolio
{
   position:relative;
   margin-top:0px;
   float:right;
   width:600px;
   height:30px;
}
#topShortCutPortfolio ul
{
    
    font-family: Clarendon Condensed,Arial;
    list-style-type: none;
    
    z-index: 1005;
    
}
#topShortCutPortfolio ul li
{
    float: left;
    padding-right: 5px;
}
#topShortCutPortfolio ul li a:hover
{
    color: red;
}
#topShortCutPortfolio ul li a
{
    color: gray;
}

#topShortCutPortfolio ul li h1
{
    padding-right: 20px;
    font-size: 250%;
}