@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;

}
