.kwicks {  
     list-style: none;  
     position: relative;  
     margin: 68px auto 0px auto;  
     padding: 0px 0px 0px 5px; 
	 background-image:url(no_flicker.jpg); /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/

 }  
 .kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 145px;
	height: 40px;
	margin-right: 0px;
	background-image:url(kwicks_sprite.jpg);
	background-repeat:no-repeat;
}
.kwicks a{
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}

#kwick1 {
	background-position:0px 0px;
}
#kwick2 {
	background-position:-200px 0px;
}
#kwick3 {
	background-position:-400px 0px;
}
#kwick4 { 
	background-position:-600px 0px;
}
#kwick5 { 
	background-position:-800px 0px;
}
#kwick6 { 
	background-position:-1000px 0px;
}
#kwick7 { 
	background-position:-1200px 0px;
}

#kwick1.active, #kwick1:hover { 
	background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
	background-position: -200px bottom;
}
#kwick3.active, #kwick3:hover {
	background-position: -400px bottom;
}
#kwick4.active, #kwick4:hover {
	background-position: -600px bottom; 
}
#kwick5.active, #kwick5:hover {
	background-position: -800px bottom; 
}
#kwick6.active, #kwick6:hover {
	background-position: -1000px bottom; 
}
#kwick7.active, #kwick7:hover {
	background-position: -1200px bottom; 
}

#kwick1 a{
	background-image:url(end.jpg);
	background-repeat:no-repeat;
	background-position: left 0px;
}

#kwick1 a:hover{
	background-position: left -80px;
}

#kwick7 a{
	background-image:url(end.jpg);
	background-repeat:no-repeat;
	background-position: right -40px;
}
#kwick7 a:hover{
	background-position: right -120px;
}

ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 150px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul#navigation li {
    width: 300px;

}
ul#navigation li a {
	display: block;
	margin-left: -2px;
	width: 300px;
	height: 70px;
	font-family: "Trebuchet MS", Verdana, Sans-serif;
	font-size : 10pt;
	color:black;
	background-color: #55a1ff;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #000;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	-khtml-border-top-right-radius: 10px; /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    */;
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
ul#navigation .home a{
    background-image: url(help.png);
    background-position:right center;
    color:#000;
    text-decoration:none
}
ul#navigation .home b a{
    color:#000;
    text-decoration:none
}
.sra {
	padding: 5px 10px 5px 10px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}
.sra:link {
	padding: 5px 10px 5px 10px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.sra:hover{
	padding: 5px 10px 5px 10px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

ul#navigation li a:hover {
	display: block;
	margin-left: -2px;
	width: 300px;
	height: 70px;
	font-family: "Trebuchet MS", Verdana, Sans-serif;
	font-size : 10pt;
	color:black;
	background-color: #55a1ff;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #000;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	-khtml-border-top-right-radius: 10px; /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    */;
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
ul#navigation .home a:hover{
    background-image: url(help.png);
    background-position:right center;
   color:#000;
    text-decoration:none

}
ul#navigation .home b a:hover{
   color:#000;
    text-decoration:none

}

.homeopis a:hover{
	margin: 10px 10px 0px 10px;
	color:black;
}
.homeopis1 a:hover{
font-size:6px;
color:black;
}
.homeopis a{
	margin: 10px 10px 0px 10px;
	color:black;
}
.homeopis1 a{
font-size:6px;
color:black;
}

.homeopis{
	margin: 10px 10px 0px 10px;
	color:black;
}
.homeopis1{
font-size:6px;
color:black;
}

ul#navigation .about a      {
    background-image: url(../images/id_card.png);
}
ul#navigation .search a      {
    background-image: url(../images/search.png);
}
ul#navigation .podcasts a      {
    background-image: url(../images/ipod.png);
}
ul#navigation .rssfeed a   {
    background-image: url(../images/rss.png);
}
ul#navigation .photos a     {
    background-image: url(../images/camera.png);
}
ul#navigation .contact a    {
    background-image: url(../images/mail.png);
}
        .header
        {
            width:600px;
            height:56px;
            position:absolute;
            top:0px;
            left:25%;
            background:#fff url(title.png) no-repeat top left;
        }
        a.back{
            width:256px;
            height:73px;
            position:fixed;
            bottom:15px;
            right:15px;
            background:#fff url(codrops_back.png) no-repeat top left;
        }
        .scroll{
            width:133px;
            height:61px;
            position:fixed;
            bottom:15px;
            left:150px;
            background:#fff url(scroll.png) no-repeat top left;
        }
        .info{
            text-align:right;

        }





ul#navigations {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 150px;
    left: 0px;
    list-style: none;
    z-index:9999;
}
ul#navigations li {
    width: 300px;

}
ul#navigations li a {
	display: block;
	margin-left: -2px;
	width: 300px;
	height: 70px;
	font-family: "Trebuchet MS", Verdana, Sans-serif;
	font-size : 10pt;
	color:black;
	background-color: #55a1ff;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #000;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	-khtml-border-top-right-radius: 10px; /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    */;
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
ul#navigations .home a{
    background-image: url(help.png);
    background-position:right center;
    color:#000;
    text-decoration:none

}
ul#navigations .home b a{
    color:#000;
    text-decoration:none

}

ul#navigations li a:hover {
	display: block;
	margin-left: -2px;
	width: 300px;
	height: 70px;
	font-family: "Trebuchet MS", Verdana, Sans-serif;
	font-size : 10pt;
	color:black;
	background-color: #55a1ff;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #000;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	-khtml-border-top-right-radius: 10px; /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    */;
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
ul#navigations .home a:hover{
    background-image: url(help.png);
    background-position:right center;
    color:#000;
    text-decoration:none;
}
ul#navigations .home b a:hover{
    color:#000;
    text-decoration:none;
}

ul#navigations .about a      {
    background-image: url(../images/id_card.png);
}
ul#navigations .search a      {
    background-image: url(../images/search.png);
}
ul#navigations .podcasts a      {
    background-image: url(../images/ipod.png);
}
ul#navigations .rssfeed a   {
    background-image: url(../images/rss.png);
}
ul#navigations .photos a     {
    background-image: url(../images/camera.png);
}
ul#navigations .contact a    {
    background-image: url(../images/mail.png);
}