/* CSS FOR GALLERY */
#inline-list {
	border: 
	margin: 3em;
	width: 90%;
	padding: 20px;
	font-family: Verdana, sans-serif;
	}

#inline-list p {
	display: inline;
	}

#inline-list ul, #inline-list li {
	display: inline;
	margin: 0;
	padding: 0;
	color: #339;
	font-weight: bold;
	}

ul#gallery, #gallery ul{
/*Remove all spacings and bullets*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#gallery>li{
	float: left;
	padding: 10px;
	margin: 10px;
	width: auto;
	height: auto;
	border: 1px solid transparent;
}

ul#gallery>li ul{
	padding: .8em;
	margin-top: 30px; /*may be adjusted according to the dimension size of the thumbnail images*/ [*]
	border: 1px solid #000;
	background-color: #CEEAFA;
	color: #000;
	font-size: 90%;
	max-width: 30%; /*prevent the popups from being too wide*/
	display: none;
	position: absolute;
}

ul#gallery>li ul li{
	margin-top: 2px; /*some spacing between the image data*/
}

ul#gallery>li:hover{
/*of course, the colors are customizable*/
	color: #369;
	background-color: transparent;
	border-color: #369;
}

ul#gallery>li:hover ul{
	display: block;
	list-style-type: none;
}

ul#gallery ul:before{
/*display the 'Image Information' at the top of the popups*/
	content: ;
	font-size: 130%;
	font-weight: bold;
	border-bottom: 1px solid #999;
	display: block;
}

ul#gallery ul:after{
/*display the '(click to view the larger version of this image)' at the bottom of the popups*/
	content: "";
	font-size: 90%;
	text-align: right;
	border-top: 1px solid #999;
	display: block;
	margin-top: 1em;
}

ul#gallery img{
/*width and height may be adjusted according to the dimension size of the thumbnail images*/
	
	
	display: block;
}

img,a img{
/*Remove borders from images*/
	border: 0;
}

/*END CSS FOR GALLERY*/
* {
   padding:0;
   margin:0;


	}
div#body{float:left;
	background-image: url(images/body.gif);
	background-repeat: no-repeat;
	width: 575px;
	height: 1300px;
	
	}
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 5px;
text-align:center;
}
ol {
    padding-left:2em;
    padding-right:1em;
    text-align:justify;
    font-size:14px;
    margin-left:5px;
    font-weight:bold;
}
ul {
    padding-left:2em;
    padding-right:1em;
    text-align:justify;
    margin-left:5px;
    font-size:14px;
    font-weight:bold;
    
    
}

ul a{
     font-family:calibri;
     text-decoration:none;
}
h2{
	 font-family: calibri;
	 font-size: 16px;
	 font-weight: bold;
	
	 }
div#body1{float:left;
	background-image: url(images/body2.jpg) ;
	background-repeat: no-repeat;
        padding-left:1em;
        background-color:transparent;
	width: 861px;
	height: 180px;
	}
div#clarity{float:left;
	background-image: url(images/clarity.jpg) ;
	background-repeat: no-repeat;
        padding-left;37px;
        background-color:transparent;
	width: 570px;
	height: 120px;
	}
div#savvy{float:left;
	background-image: url(images/savvyclub.jpg) ;
	background-repeat: no-repeat;
        padding-left;37px;
        background-color:transparent;
	width: 570px;
	height: 120px;
	}
body {background-image: url(images/back.gif);
background-repeat: repeat-x;
background-color:#CEEAFA;
	text-align: center;
	margin: 0 0 0 0;
	font-family: calibri;
	font-size: 18px;
	color: black;
	
	}
div#wrapper {
background-color: transparent;
vertical-align: middle;
    width: 861px;
   
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
	 font-family: Calibri;
	font-size: 18px;
	color: black;
	text-align: justify; 
	voice-family: "\"}\"";
  voice-family: inherit;
		 }

div#header{float:left;
	background-image: url(images/head.gif) ;
	background-repeat: no-repeat;
        background-color:#48342A;
	width: 861px;
	height: 146px;
	}
div#nav{float:left;
	background-image: url(images/nav.gif);
	background-repeat: no-repeat;
	width: 861px;
	height: 43px;
	}
ul#saturday{
	margin:0;
	padding:0;
	list-style-type:none;
	width:860px;
	position:relative;
	display:block;
	height:36px;
	text-transform:none;
	font-size:12px;
	font-weight:bolder;
	background:transparent url("bgOFF.gif") repeat-x top left;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	border-bottom:4px solid #336666;
	border-top:1px solid #C0E2D4;
	}

ul#saturday li{
	display:block;
	float:left;
	margin:0;
	pading:0;
	}

ul#saturday li a{
	display:block;
	float:left;
	color:#CEEAFA;
	text-decoration:none;
	padding:12px 10px 0 10px;
	height:24px;
	background:transparent url("bgDIVIDER.gif") no-repeat top right;
	}

ul#saturday li a:hover{
	background:transparent url("bgHOVER.gif") no-repeat top right;
	color:#48352B;
	}

ul#saturday li a.current,ul#saturday li a.current:hover{
	color:#000000;
	background:transparent url("bgON.gif") no-repeat top right;
	}

div#feat {float:right;
		background-image: url(images/featured.gif);
		background-repeat:  no-repeat;
		width:286px;
		height: 65px;
		
		
	}
	
div#blog {float:right;
		
		background-image: url(images/blogtop.gif);
		background-repeat:  no-repeat;
		width:286px;
		height: 65px;
		margin-top: 35px;
	}
div#networks {float:right;
                
		background-image: url(images/networks.gif);
		background-repeat:  no-repeat;
		width:286px;
		height: 65px;
		margin-top:10px;
	}

div#links {float:right; 

                
                margin-top:10px;
		background-image: url(images/links.gif);
		background-repeat:  no-repeat;
		width:286px;
		height: 67px;
		margin-top:55px;
	}



div#clients {
	}

div#box1{ float: right;
	background-image: url(images/box-1.gif);
	background-repeat: no-repeat;
	width: 286px;
	height: 115px;
	
}

div#box2{ float:left;
	background-image: url(images/box2.gif);
	background-repeat: no-repeat;
	width: 324px;
	height: 96px;
	
}
div#box3{ float:left;
	background-image: url(images/box3.gif);
	background-repeat: no-repeat;
	width: 286px;
	height: 98px;
	
}
div#box4{ float:left;
	background-image: url(images/box4.gif);
	background-repeat: no-repeat;
	
	width: 286px;
	height: 76px;
	

	
}

div#box5{ float:left;
	background-image: url(images/box5.gif);
	background-repeat: no-repeat;
	
	width: 286px;
	height: 300px;
	

	
}
div#box6{ float:left;
	background-image: url(images/box6.gif);
	background-repeat: no-repeat;
	
	width: 286px;
	height:500px;
	

	
}


#footer { clear: both; border-top: none;  margin-top:20px; font-size: .9em; color: #9b9b9b; background: #CEEAFA; }
	#footer a { color: #808080; background: #CEEAFA; font-weight: bold; }
	.right{ float: right; padding: 7px 0 0 15px; }
	
.body p {
	padding: 0 10px 10px 10px;
	font-size:80%;
	color: black;
	margin-top:15px;
 
       font-family: calibri;
}



.body h2 {
	padding:10px 0 0 20px;
	font-size:22px;
	color: black;
        font-weight: bolder;
font-style:none; 
font-family: calibri;


}
.body h3 {
	padding:5px 20px; 10px; 20px;
	font-size:20px;
	color: black;
font-family: calibri;
        font-weight: bolder;
font-style:none; 
}
.body h4 {
	padding:10px 0 0 20px;
	font-size:20px;
	color: black;
font-family: Bradley Hand ITC;
        font-weight: bolder;
font-style:italic; 
}

.box1 p{
	padding-left:110px;
	padding-top: 4px;
	padding-right:20px;
	padding-bottom:0;
	font-size:80%;
	color: gray;
	text-align: left;
	
}
.box1_p1 {
	padding-left: 250px;
	padding-right:15px;
	font-size:90%;
	color: black;
	margin-top: 0;
	}
	.box1_p1 a:link{
	font-size:90%;
	color: black;
	margin-top: -10px;
}	
.box1_p1 a:hover{
	font-size:90%;
	color: fuchsia;
	margin-top: -10px;
}

.box2 p{
	padding-left:110px;
	padding-top: 110px;
	padding-right:20px;
	padding-bottom:0;
	font-size:80%;
	color: gray;
	text-align: left;
}
.box2_p1 {
	padding-left: 250px;
	padding-right:15px;
	font-size:90%;
	color: black;
	margin-top: 0}
	
.box2_p1 a:link{
	font-size:90%;
	color: black;
	margin-top: -10px;
}	
.box2_p1 a:hover{
	font-size:90%;
	color: fuchsia;
	margin-top: -10px;
}
.box3 p{
	padding-left:110px;
	padding-top: 7px;
	padding-right:20px;
	padding-bottom:0;
	font-size:80%;
	color: gray;
	text-align: left;
}
.box3_p1 {
	padding-left: 250px;
	padding-right:15px;
	font-size:90%;
	color: black;
	margin-top: 0;
	}
.box3_p1 a:link{
	font-size:90%;
	color: black;
	margin-top: -10px;
}	
.box3_p1 a:hover{
	font-size:90%;
	color: fuchsia;
	margin-top: -10px;
}
.box4 p{
	padding-left:5px;
	padding-top: 0px;
	padding-right:20px;
	padding-bottom:0;
	font-size:80%;
	color: black;
	text-align: left;
}
.box4_p1 {
	padding-left: 250px;
	padding-bottom: 12px;
	padding-right:15px;
	font-size:80%;
	color: black;
	margin-top: 0;
	}
.box4_p1 a:link{
	font-size:90%;
	color: black;
	margin-top: -10px;
}	
.box4_p1 a:hover{
	font-size:90%;
	color: fuchsia;
	margin-top: -10px;
}
/*navigacija*/

#navPyra {
        margin-top: 15px;
		  padding: 0 0 20px 10px;
     	  text-decoration: none;
		  width: 861px;
}

#navPyra li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
		  text-decoration: none;
}

#navPyra a:link, #navPyra a:visited {
        float: left;
        font-size: 14px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: white;
}

#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
        color: #000;
        }
		  
		  /*form search*/
		  
#topBar form {
    float:left;
    width:23.5em;
    text-align:right;
	 margin-left: 25px;
	 margin-top:-2px;
	 display: inline;
}   

#advBar {
    background:#FFF3AC;
    clear:right; 
}

#topBar form {  float:right;
    width:22.5em;
    text-align:right;
    margin-right:25px;
    line-height:.7em; 
	
}
#topBar input {
    font-size:.8em;
}

/* login form*/
#loginform {float: right;
width:250px;
margin:auto;
margin-top: 20px;
margin-right: 15px;
color: blue;
}
#loginform fieldset{
padding:1px;
}
#loginform legend{
font-weight:bold;
font-size:9pt;
}
#loginform label{
display:block;
height:20px;
background-color:transparent;
padding:2px 9px 0;
color: black;
}
#loginform input {
margin-right:6px;
border:1px solid #999999;
float:right;
clear:right;
background:#CCCCCC;
}
#loginform input:focus,#loginform input:hover {
border:1px solid #333333;
}
.error{
color:red;
font-weight:bold;
}

a:link {color: black;
	font-weight: bold; 
	text-decoration:none;}
a:visited { }
a:hover { color:#0000FF;
text-decoration:underline;}
a:active { }