html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: middle;
	background: transparent;
	text-decoration:none;
	color:grey;
	font:10pt Georgia, "Times New Roman", Times, serif;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#004589;
}
body {
	line-height: 1;
    background:white;
}
ol, ul, li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.main 
{
    margin:auto;
    width:980px;
}

.content 
{
    margin:auto;
    width:900px;
}

.header 
{
    clear:both;
    float:left;
    width:900px;
    margin:5px 0 20px 0;
}

    .TopMenu 
    {
        clear:left;
        float:left;
        width:900px;
		background-color:#0060BF;
    }
    
        .TopMenuUp 
        {
            clear:left;
            float:left;
            margin:10px;
            width:100px;
            height:95px;
            z-index:1;
        }
        
        .TopMenuDown 
        {
            width:900px;
            height:24px;
            color:Black;
        }
        
            .TopMenuDown ul 
            {
                clear:both;
                float:left;
                height:20px;
                margin-top:5px;
            }

                .TopMenuDown ul li 
                {
                    float:left;
                    height:20px;
                    width:90px;
                    color:#004589;
                    border-right:solid 1px #cccccc;
                }
            
                    .TopMenuDown ul li a
                    {
                        float:left;
                        width:90px;
                        height:18px;
                        padding:2px 0 0 0;
                        margin:0;
                        border:none;
                        font-weight:bold;
                        text-align:center;
                        font-family:Tahoma;
                        font-size:small;
                    }

                    .TopMenuDown ul li a:hover
                    {
                        background:#004589;
                        color:White;
                    }
                
                .TopMenuDownCurrent 
                {
                    color:Silver;
                }

    .top 
    {
        clear:left;
        float:left;
        width:900px;
        height:257px;
        background:white url(images/baner-proba2.jpg) no-repeat left;
        margin:0 0 20px 0;
    }

    .ToContent 
    {
        clear:left;
        float:left;
        width:900px;
        height:257px;
        margin:0 0 30px 0;
    }

    .ToContent img 
    {
        border-top:solid 1px #e1e1e1;
        border-bottom:solid 1px #e1e1e1;
    }

    .TopHardware 
    {
        float:left;
    margin:0 0 30px 0;
    }
    
        .TopHardwareUp 
        {
            float:left;
            margin:0 0 30px 0;
        }

        .TopHardwareDown 
        {
            float:left;
            width:900px;
        }
    
            .TopHardwareDown h2
            {
                color:#a1a1a1;
            }

        .TopHardwareDown p 
        {
            line-height:160%;
        }

        .TopUp 
        {
            clear:both;
            float:left;
            width:900px;
            height:10px;
        }
        
        .TopMiddle 
        {
            clear:left;
            float:left;
            height:237px;
            width:900px;
        }
        
                .TopDownMiddle 
                {
                    clear:both;
                    float:right;
                    height:30px;
                    text-align:right;
                    color:#d7d7d7;
                    font-family:Tahoma;
                    font-size:16pt;
                    padding:10px 10px 10px 0;
                }

.middle 
{
    clear:both;
    float:left;
    width:900px;
    margin:0 0 30px 0;
}

.middleHardware
{
    clear:both;
    float:left;
    width:900px;
    margin:0 0 20px 0;
    border-top:solid 1px #e1e1e1;
    padding-top:20px;
}

    a.middleBoxOne
    {
        clear:left;
        float:left;
        width:172px;
        height:150px;
        background:url(images/o-nama.jpg) no-repeat;
    }

    a.middleBoxOne:hover
    {
        background:url(images/o-namaOver.jpg) no-repeat;
    }
    
    a.middleBoxTwo
    {
        float:left;
        width:172px;
        height:150px;
        margin-left:10px;
        background:url(images/Hardware.jpg) no-repeat;
    }

    a.middleBoxTwo:hover
    {
        background:url(images/HardwareOver.jpg) no-repeat;
    }

    a.middleBoxThree
    {
        float:left;
        width:172px;
        height:150px;
        margin-left:10px;
        background:url(images/software.jpg) no-repeat;
    }

    a.middleBoxThree:hover
    {
        background:url(images/softwareOver.jpg) no-repeat;
    }

    a.middleBoxFour
    {
        float:left;
        width:172px;
        height:150px;
        margin-left:10px;
        background:url(images/telekomunikacije.jpg) no-repeat;
    }

    a.middleBoxFour:hover
    {
        background:url(images/telekomunikacijeOver.jpg) no-repeat;
    }
    
    a.middleBoxFive
    {
        float:left;
        width:172px;
        height:150px;
        margin-left:10px;
        background:url(images/Dizajn.jpg) no-repeat;
    }

    a.middleBoxFive:hover
    {
        background:url(images/dizajnOver.jpg) no-repeat;
    }

    .middleOnamaLeft 
    {
        clear:left;
        float:left;
        width:300px;
    }

    .middleOnamaLeftUp
    {
        padding:5px 0 5px 0;
        text-align:center;
        color:#a1a1a1;
    }

    .middleOnamaLeftUp h2 
    {
        margin:0;
        padding:0;
    }

    .middleOnamaLeftDownOnama
    {
        margin-top:100px;
    }

    .middleOnamaLeftDownHarware 
    {
    }

    .middleOnamaRight
    {
        width:580px;
        float:left;
        padding:0 0 5px 10px;
        border-left:solid 1px #e1e1e1;
    }

    .middleOnamaRight h2
    {
        margin:5px 0 20px 0;
    }

    .middleOnamaRight p
    {
        line-height:160%;
        vertical-align:text-bottom;
    }

    .middleOnamaRight a
    {
		margin:o;
		padding:0;
        font-weight:bold;
        color:Blue;
    }

    .middleOnamaRightHardware 
    {
        width:580px;
        float:left;
        padding:0 0 5px 10px;
    }

    .middleOnamaRightHardware h2
    {
        margin:5px 0 20px 0;
        color:#a1a1a1;
    }

    .middleOnamaRightHardware p 
    {
        line-height:160%;
    }

.bottom 
{
    clear:left;
    float:left;
    width:900px;
    border-top:solid 1px #e1e1e1;
    padding:5px 0 10px 0;
}

    .bottom p
    {
        font-family:Arial Narrow;
        font-size:10pt;
        color:#959595;
        text-align:center;
    }
	
.hidden
{
display:none;
}

/* Crossfader */

	#wrapper {
		width: 700px;
		margin:10px 0 10px 80px;
		text-align: left;
		float:left;
	}

	#content {
		font-size: 1.2em;
		line-height: 1.8em;
	}


	div.cf_wrapper
	{
		position: relative;
		float:left;
	}
	
	div.cf_element
	{
		width: 700px;
		clear:left;
		float:left;
	}
	
	div.cf_element div.contente
	{
		float:left;
	}