@charset "utf-8";
/* CSS Document */

body {
	background-image: url(img/bg.jpg);
	background-color: #000;
	margin: 0px;
	background-repeat: no-repeat;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999;
}

#logo {
	position: absolute;
	left: 30px;
	top: 30px;
	height: 52px;
	width: 270px;
	background-image: url(img/logo.gif);
}

a#logo:hover {
	background-position: 0 -52px;
}


#portfolio {
	position: relative;
	float:left;
	width: 98%;
	margin-left: 1%;
	margin-top: 150px;
}

.item {
	width: 235px;
	height: 320px;
	background-image: url(img/imgbg.gif);
	background-repeat: no-repeat;
	margin: 10px;
	position: relative;
	float: left;
}

.desc {
	position: absolute;
	height: 20px;
	top: 275px;
	left: 4px;
	width: 100%;
	text-shadow: 1px 1px 0px #000;
}

.item img {
	position: absolute;
	top: 250px;
	left: 0px;
}

.item a{
	display: block;
	width: 224px;
	position: absolute;
	left: 4px;
	top: 3px;
	height: 224px;
}

.item a:hover{
	background-position: 0 -224px;
}

#item1{background-image: url(img/items/item1.jpg);}
#item2{background-image: url(img/items/item2.jpg);}
#item3{background-image: url(img/items/item3.jpg);}
#item4{background-image: url(img/items/item4.jpg);}
#item5{background-image: url(img/items/item5.jpg);}
#item6{background-image: url(img/items/item6.jpg);}
#item7{background-image: url(img/items/item7.jpg);}
#item8{background-image: url(img/items/item8.jpg);}
#item9{background-image: url(img/items/item9.jpg);}
#item10{background-image: url(img/items/item10.jpg);}
#item11{background-image: url(img/items/item11.jpg);}
#item12{background-image: url(img/items/item12.jpg);}
#item13{background-image: url(img/items/item13.jpg);}
#item14{background-image: url(img/items/item14.jpg);}
#item15{background-image: url(img/items/item15.jpg);}
#item16{background-image: url(img/items/item16.jpg);}
#item17{background-image: url(img/items/item17.jpg);}
#item18{background-image: url(img/items/item18.jpg);}
#item19{background-image: url(img/items/item19.jpg);}
#item20{background-image: url(img/items/item20.jpg);}
#item21{background-image: url(img/items/item21.jpg);}
#item22{background-image: url(img/items/item22.jpg);}
#item23{background-image: url(img/items/item23.jpg);}
#item24{background-image: url(img/items/item24.jpg);}
#item25{background-image: url(img/items/item25.jpg);}
#item26{background-image: url(img/items/item26.jpg);}
#item27{background-image: url(img/items/item27.jpg);}
#item28{background-image: url(img/items/item28.jpg);}
#item29{background-image: url(img/items/item29.jpg);}
#item30{background-image: url(img/items/item30.jpg);}
#item31{background-image: url(img/items/item31.jpg);}
#item32{background-image: url(img/items/item32.jpg)}
#item33{background-image: url(img/items/item33.jpg)}
#item34{background-image: url(img/items/item34.jpg)}
#item35{background-image: url(img/items/item35.jpg)}
#item36{background-image: url(img/items/item36.jpg)}
#item37{background-image: url(img/items/item37.jpg)}
#item38{background-image: url(img/items/item38.jpg)}
#item39{background-image: url(img/items/item39.jpg)}
#item40{background-image: url(img/items/item40.jpg)}
#item41{background-image: url(img/items/item41.jpg)}
#item42{background-image: url(img/items/item42.jpg)}
#item43{background-image: url(img/items/item43.jpg)}
#item44{background-image: url(img/items/item44.jpg)}
#item45{background-image: url(img/items/item45.jpg)}
#item46{background-image: url(img/items/item46.jpg)}
#item47{background-image: url(img/items/item47.jpg)}
#item48{background-image: url(img/items/item48.jpg)}


* {
	outline: none;
}

a {
	color: #FFF;
}

a:hover {
	color: #CCC;
	text-decoration: none;
}

.item-desc {
	position: absolute;
	width: 235px;
	height: 170px;
	top: 330px;
	left: -240px;
	display: none;
	color: #888;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 0px #000;
	background-image: url(http://www.kendo.bg/wp-content/themes/kendobg/img/horizontal_separator.jpg);
	background-repeat:repeat-x;
	padding-top: 15px;
	line-height: 16px;
}

.item-desc strong{
	color: #FFF;
}

.item-desc a {
	padding: 5px;
	-moz-border-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	background-color: #111;
}


.scrollable {
	position: absolute;
	left: 19px;
	top: 19px;
	width: 633px;
	height: 488px;
	overflow: hidden;
}

.scrollable .items{
	position: absolute;
	width: 50000px;
	clear: both;

}


.prevPage, .nextPage {
	display: block;
	position: absolute;
	top: 0px;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	z-index: 55;
	cursor: pointer;
}

.nextPage {
	left: 575px;
}

.navigation {
	position: absolute;
	top: 530px;
	left: 20px;
	background-color: red;
	width: 630px;
	background-image: url(img/bg2.jpg);
	height: 30px;
	-moz-box-shadow: 0px 0px 15px #111;
}

.full {
	position: absolute;
	left: 250px;
	top: -10px;
	display: none;
	background-image: url(img/slider_bg.jpg);
	width: 678px;
	height: 534px;
}

.navi { 
    width:200px; 
    height:20px; 

	position: absolute;
	left: 220px;
	top: 538px;
} 
 
 
/* items inside navigator */ 
.navi a { 
    width:6px; 
    height:6px; 
    float:left; 
	position: relative;
	float: left;
    margin:3px; 
	border: 1px solid #999;
    display:block; 
    font-size:1px; 
	-moz-border-radius: 4px;
	cursor: pointer;
} 
 
/* mouseover state */ 
.navi a:hover { 
	background-color: #666;
} 
 
/* active state (current page state) */ 
.navi a.active {
	background-color: #999;
}

div.back {
	position: absolute;
	top: 160px;
	left: 0px;
	width: 234px;
	background-image: url(img/btn.gif);
	height: 48px;
}

div.back:hover {
	background-position: 0 -48px;
	cursor: pointer;
}

.expl{
	width: 100%; position:relative; float:none; margin:0px;padding: 0px; font-size: 12px; text-indent: 15px; margin-bottom: 30px; text-shadow: 1px 1px 0px #000; color: #CCC;
}