body{
font-size:13px;
font-family:arial;
color:#5b5b5b;
line-height:20px;
margin:0;
background:url(http://www.teknodium.com/web-tasarim/images/inbg.gif) top center repeat;
}
::-moz-selection { color: #fff;  background: #E44271;}
::selection{ color: #fff;  background: #E44271;}
::-webkit-selection { color: #fff;  background: #E44271;}
a{
outline:0;
color:#237A92;
text-decoration:none;
}
a:hover{
color:#000;
}
h1{
margin:0 0 20px;
font-family:tahoma;
color:#fff;
font-size:24px;
font-weight:normal;
}
h2{
margin:0 0 10px;
padding:0 0 15px;
font-family:tahoma;
font-size:22px;
font-weight:normal;
border-bottom:1px solid #e1e1e1;
}
h3{
font-family: arial;
font-size: 16px;
font-weight: bold;
margin: 5px 0 5px;
}
h4{
font-family: arial;
font-size: 13px;
font-weight: normal;
margin: 5px 0 5px;
font-weight: bold;
}
p{
margin:0;
}
img{
border:0px;
}
.left ul{
margin:0;
list-style:none;
padding:0 10px 0 0;
}
.left ul li{
background:url(http://www.teknodium.com/web-tasarim/images/ul_li.png) no-repeat right 3px;
padding:0 20px 0 0;
}
.fbsites ul.pagination{
width:145px;
}
.topcontainer{
direction:ltr;
width:100%;
text-align:left;
float:right;
border:0;
padding:0;
margin:0px auto;
height:117px;
position:relative;
background:url(http://www.teknodium.com/web-tasarim/images/topcontainer.gif) top center repeat-x;
}
.container{
direction:ltr;
width:990px;
text-align:left;
border:0;
padding:0;
margin:0px auto;
height:auto;
position:relative;
}

.header{
height:77px;
width:990px;
margin:0 auto;
padding:10px 0 0 0;
background:url(http://www.teknodium.com/web-tasarim/images/inheader.gif) no-repeat top center;
}
.header2{
height:125px;
width:990px;
float:right;
margin:8px 0 0;
}
.menu{
float:right;
width:545px;
height:30px;
margin:19px 0 0 0;
}
.menu ul{
margin:0;
padding:0;
list-style:none;
width:545px;
}
.menu ul li{
width:100px;
float:left;
height:30px;
line-height:30px;
text-align:center;
margin:0 0 0 9px;
background:#2ca0bd;
color:#fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.menu ul li a{
display:block;
font-size:14px;
text-decoration:none;
color:#fff;
}
.menu ul li a:hover{
background:#35badb;
color:#fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.menu ul li a.active{
background:#35badb;
color:#fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.logo{
float:left;
height:40px;
width:150px;
margin:10px 0 0 0;
}
.breadcrumbs{
width:990px;
height:30px;
margin:0 auto;
line-height:30px;
}
.breadcrumbs a{
color:#555;
padding:0 10px 0 5px;
}
.breadcrumbs a:hover{
color:#00ccff;
}
.content{
width:990px;
height:auto;
float:right;
min-height:200px;
margin:20px 0 15px;
position:relative;
}
.right{
width:275px;
float:left;
height:auto;
margin:0 20px 0 0;
position:relative;
}
.inmenu{
width:270px;
float:left;
height:auto;
margin:0 0 10px;
}
.inmenu h1{
border-bottom:1px dotted #CCCCCC;
color:#555555;
float:right;
font-size:18px;
margin:0 20px 0 0;
padding:5px 0 10px;
width:229px;
line-height: 25px;
}
.inmenutop{
width:269px;
height:11px;
font-size:1px;
float:right;
background:url(http://www.teknodium.com/web-tasarim/images/inmenutop.gif) no-repeat bottom center;
}
.inmenumiddle{
width:269px;
height:auto;
float:right;
background:url(http://www.teknodium.com/web-tasarim/images/inmenumiddle.gif) repeat-y top center;
}
.inmenubottom{
width:269px;
height:20px;
float:right;
background:url(http://www.teknodium.com/web-tasarim/images/inmenubottom.gif) no-repeat top center;
}
.inmenu ul{
margin:0;
list-style:none;
width:229px;
padding:0 20px;
float:right;
}
.inmenu ul li{
width:100%;
height:30px;
line-height:30px;
}
.inmenu ul li a{
display:block;
padding:0;
height:30px;
line-height:30px;
border-bottom:1px dotted #ccc;
color:#555;
}
.inmenu ul li a:hover{
color:#00ccff;
}
.inbanner{
width:275px;
float:right;
height:auto;
margin:-6px 0 10px;
}
.incontact {
float: right;
height: 299px;
padding: 5px 20px;
position: relative;
width: 229px;
}

.contactform img{
margin:30px auto 0 auto;
}
.incontact p{
margin:3px 0;
width:100%;
float:right;
}
.incontact img{
margin:0 10px 0 0;
width:40px;
float:left;
}
.inputfield2{
width:200px;
height:27px;
line-height:27px;
padding:0 10px;
border:1px solid #d7d7d7;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:url(../images/inputbg.gif) repeat-x top center;
color:#5b5b5b;
font-family:arial;
font-size:13px;
}
.incontact textarea{
width:200px;
height:auto;
line-height:27px;
padding:0 10px;
border:1px solid #d7d7d7;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background:url(../images/textareabg.gif) repeat-x top center #f1f1f1;
color:#5b5b5b;
font-family:arial;
font-size:13px;
resize: vertical;
}
.left{
width:670px;
height:auto;
float:left;
}

.lefttop{
width:670px;
height:14px;
float:right;
background:url(http://www.teknodium.com/web-tasarim/images/lefttop.gif) no-repeat bottom center;
}
.leftmiddle{
width:637px;
padding:3px 17px 5px 16px;
height:auto;
float:right;
min-height:300px;
background:url(http://www.teknodium.com/web-tasarim/images/leftmiddle.gif) repeat-y top center;
}
.leftmiddle h1{
width:617px;
padding:0;
line-height:67px;
margin:0 0 20px 0;
padding:0 0 0 20px;
height:67px;
float:left;
background:url(http://www.teknodium.com/web-tasarim/images/h2bg.gif) no-repeat top center;
color:#fff;
}
.inleft{
width:537px;
height:auto;
float:left;
padding:0 0 0 20px;
}
.inleft p{
width:100%;
float:right;
margin:0 0 15px;
}
.cmscontent{
float: right;
height: auto;
margin: 0 79px 0 0;
width: 436px;
}
.leftbottom{
width:670px;
height:27px;
float:right;
background:url(http://www.teknodium.com/web-tasarim/images/leftbottom.gif) no-repeat top center;
}
.left2{
width:990px;
height:auto;
float:right;
}
.lefttop2{
width:990px;
height:14px;
float:right;
background:url(http://www.teknodium.com/web-tasarim/images/lefttop2.gif) no-repeat bottom center;
}
.leftmiddle2{
width:957px;
padding:3px 17px 5px 16px;
height:auto;
float:right;
min-height:300px;
background:url(http://www.teknodium.com/web-tasarim/images/leftmiddle2.gif) repeat-y top center;
}
.leftmiddle2 h1{
width:937px;
padding:0;
line-height:67px;
margin:0 0 20px 0;
padding:0 0 0 20px;
height:67px;
float:right;
background:url(http://www.teknodium.com/web-tasarim/images/h2bg2.gif) no-repeat top center;
color:#fff;
}
.inleft2{
width:957px;
height:auto;
float:right;
padding:0;
}
.leftbottom2{
width:990px;
height:27px;
float:right;
background:url(http://www.teknodium.com/web-tasarim/images/leftbottom2.gif) no-repeat top center;
}
.inleft2 ul{
padding:0;
margin:0;
list-style:none;
}
.inleft2 ul li{
float: left;
height: 178px;
margin: 0 10px 20px 11px;
width: 298px;
padding:0 0 21px;
background:url(http://www.teknodium.com/web-tasarim/images/custshadow.gif) bottom center no-repeat;
}
.inleft2 ul li a{
color:#fff;
}
.inleft2 ul li a:hover{
color:#fff;
}
.inleft2 ul li h4{
padding:10px 10px 10px 0;
width:190px;
float:right;
}
.inleft2 ul li span{
float:left;
height:40px;
line-height:40px;
margin:0 0 0 10px;
font-size:16px;
}
.custborder{
width: 290px;
height: 170px;
border:1px solid #ccc;
padding:3px;
display:block;
}
.inleft2 ul li img{
width: 290px;
height: 170px;
}
.facebook_tab{
height:70px;
right:0;
padding:35px 2px 25px 13px;
position:absolute;
top:100px;
width:55px;
background:url(../images/facebook_tab.png) no-repeat top center;
}
.twitter_tab{
height:70px;
right:0;
padding:35px 8px 25px 7px;
position:absolute;
top:200px;
width:55px;
background:url(../images/twitter_tab.png) no-repeat top center;
}
.send{
font-family:arial;
padding:0 10px;
float:left;
width:75px;
height:32px;
line-height:32px;
background:url(../images/send.png) no-repeat 0 0;
border:0;
color:#fff;
cursor:pointer;
font-size:16px;
}
.send:hover{
background:url(../images/send.png) no-repeat 0 100%;
}
.send2{
font-family:arial;
padding:0 10px;
float:right;
width:75px;
height:32px;
line-height:32px;
background:url(../images/send.png) no-repeat 0 0;
border:0;
color:#fff;
cursor:pointer;
font-size:16px;
}
.send2:hover{
background:url(../images/send.png) no-repeat 0 100%;
}
.contacttitle{
border-bottom:1px solid #E1E1E1;
float:right;
font-family:tahoma;
font-size:14px;
font-weight:normal;
margin:0 0 10px;
padding:0 0 15px;
width:175px;
}
.contacttitle span{
display:none;
}
img.loading3{
margin: 0;
position: absolute;
right: 113px;
top: 150px;
width: 43px;
}
.left img.loading3{
padding: 0;
right: 0;
top: 10px;
}
.loadingmsg3{
height: 150px;
line-height: 30px;
position: absolute;
right: 20px;
top: 55px;
width: 200px;
}
.left .loadingmsg3{
right: 0;
top: 0;
width: 400px;
}
.contacttitle2{
border-bottom: 1px solid #E1E1E1;
font-family: tahoma;
font-size: 18px;
font-weight: normal;
margin: 0 0 10px;
padding: 0 0 15px;
float:right;
width:228px;
}
.article{
padding:0;
margin:0;
list-style:none;
}
.titles{
width:990px;
float:right;
height:auto;
color:#5b5b5b;
font-family:arial;
font-size:24px;
margin:0 0 15px;
}
.cust{
width:980px;
height:130px;
float:right;
background:#fff;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:0 0 15px;
}
.bordercust{
width:978px;
height:102px;
padding:26px 0 0;
border:1px solid #e1e1e1;
background:url(../images/custbg.gif) repeat-x top center;
}
.services{
width:990px;
height:auto;
float:right;
margin:0 0 30px;
}
.inservice{
float:right;
height:auto;
margin:0 30px 20px 0;
width:660px;
}
.inserbox{
width:185px;
height:145px;
margin:0 0 0 15px;
float:right;
background:url(../images/bottom_frame.gif) no-repeat scroll center bottom #FFFFFF;
padding:10px 10px 22px;
}
.inserbox h4{
width:165px;
float:right;
padding:10px 0;
}
.inserbox p{
float:left;
width:165px;
}
.serbox{
width:300px;
height:235px;
margin:0 0 0 15px;
float:right;
background:url(../images/bottom_frame.gif) no-repeat scroll center bottom #FFFFFF;
padding:10px 10px 22px;
}

.serbox h4{
width:235px;
float:right;
padding:10px 0;
}
.serbox p{
float:left;
}
.serbox ul{
padding:0;
margin:0;
list-style:none;
float:right;
}
.serbox ul li p{
float:right;
}
.serboximg{
float:right;
margin:0 0 10px 10px;
width:50px;
}
.serbox3{
width:300px;
height:235px;
margin:0 0 0 0px;
float:left;
background:url(../images/bottom_frame.gif) no-repeat scroll center bottom #FFFFFF;
padding:10px 10px 22px;
}
.footer{
width:100%;
height:306px;
background:url(../images/footer.gif) repeat top center;
float:right;
}
.footer a:hover{
color:#fff;
}
.infooter{
width:990px;
margin:0 auto;
height:226px;
padding:10px 0;
background:url(../images/footer_border.gif) repeat-x bottom center;
}
.infooter ul{
float:left;
list-style:none outside none;
margin:15px 0 0;
padding:0;
width:620px;
}
.infooter ul li{
width:100px;
height:25px;
line-height:25px;
float:left;
}
.infooter ul li a{
color:#777;
display:block;
text-decoration:none;
}
.infooter ul li a:hover{
color:#aaa;
}
.infooter ul li b{
color:#999;
}
.news{
float:left;
width:370px;
height:auto;
}
.web2{
direction:ltr;
width:300px;
height:125px;
float:left;
margin:15px 0 0;
background:#333;
padding:5px 10px;
color:#777;
text-align:left;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.web2 b{
color:#999;
}
.web2bottom{
width:300px;
height:16px;
float:left;
background:url(../images/web2bottom.png) no-repeat 55px 0;
position:relative;
}
.twitt{
width:75px;
height:75px;
float:left;
background:url(../images/twitt.png) no-repeat 0 0;
cursor:pointer;
}
.twitt:hover{
background:url(../images/twitt.png) no-repeat 0 100%;
}
.web2bottom img{
position:absolute;
top:19px;
left:0;
}
.footerbottom{
width:990px;
height:32px;
margin:10px auto 0;
direction:rtl;
}
.share1{
margin:0 0 0 10px;
float:right;
width:32px;
height:32px;
background:url(../images/share.png) no-repeat 0 100% ;
}
.share1:hover{
background:url(../images/share.png) no-repeat 0 0 ;
}
.share2{
margin:0 0 0 10px;
float:right;
width:32px;
height:32px;
background:url(../images/share.png) no-repeat 33% 100% ;
}
.share2:hover{
background:url(../images/share.png) no-repeat 33% 0 ;
}
.share3{
margin:0 0 0 10px;
float:right;
width:32px;
height:32px;
background:url(../images/share.png) no-repeat 66% 100% ;
}
.share3:hover{
background:url(../images/share.png) no-repeat 66% 0 ;
}
.share4{
margin:0 0 0 10px;
float:right;
width:32px;
height:32px;
background:url(../images/share.png) no-repeat 100% 100% ;
}
.share4:hover{
background:url(../images/share.png) no-repeat 100% 0 ;
}
.back{
float:right;
width:32px;
height:32px;
background:url(../images/btt.png) no-repeat 0 0 ;
}
.back:hover{
background:url(../images/btt.png) no-repeat 0 100%;
}

.easy-accordion h2{margin:0;padding:0;}
		dd p{margin:0;}
		  		  
		 
		/* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */
		
		.easy-accordion{direction:rtl;display:block;position:relative;overflow:hidden;padding:0;margin:0}
		.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
		.easy-accordion dt,.easy-accordion dd{position:absolute}
		.easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;}
		.easy-accordion dd{z-index:1;opacity:0;overflow:hidden}
		.easy-accordion dd.active{opacity:1;}
		.easy-accordion dd.no-more-active{z-index:2;opacity:1}
		.easy-accordion dd.active{z-index:3}
		.easy-accordion dd.plus{z-index:4}
		.easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg);  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
		.dt1{background:url(../images/slide-title2.png) no-repeat scroll 0 0 #FFFFFF;}
        .dt1.active{background:url(../images/slide-title2.png) no-repeat scroll 100% 0 #FFFFFF;}
        .dt2{background:url(../images/slide-title2.png) no-repeat scroll 0px -47px #FFFFFF;}
        .dt2.active{background:url(../images/slide-title2.png) no-repeat scroll 100% -47px #FFFFFF;}
        .dt3{background:url(../images/slide-title2.png) no-repeat scroll 0px -94px #FFFFFF;}
        .dt3.active{background:url(../images/slide-title2.png) no-repeat scroll 100% -94px #FFFFFF;}
        .dt4{background:url(../images/slide-title2.png) no-repeat scroll 0px -141px #FFFFFF;}
        .dt4.active{background:url(../images/slide-title2.png) no-repeat scroll 100% -141px #FFFFFF;}
		 
		/* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */
					
		#accordion-2{width:615px;height:288px;padding:0px;background:#fff;}
		#accordion-2 h2{border:0 none;font-size:22px;margin:0 0 10px;}
        #accordion-2 h3{border:0 none;font-size:22px;margin:0 0 10px;}
        #accordion-2 .accordtitle{border:0 none;font-size:22px;margin:0 0 10px;font-family:tahoma;}
		#accordion-2 dl{width:615px;height:288px}	
		#accordion-2 dt{height:37px;line-height:25px;text-align:right;padding:10px 15px 0 0;font-size:16px;font-weight:bold;font-family: arial;text-transform:uppercase;letter-spacing:1px;color:#26526c}
		#accordion-2 dt.active{cursor:pointer;color:#fff;}
		#accordion-2 dt.hover{color:#68889b;}
		#accordion-2 dt.active.hover{color:#fff}
		#accordion-2 dd{padding:25px;background:url(../images/slide.jpg) bottom left repeat-x;border:1px solid #dbe9ea;border-left:0;margin-right:3px}
		#accordion-2 .slide-number{color:#68889b;left:10px;font-weight:bold}
		#accordion-2 .active .slide-number{color:#fff}
		#accordion-2 a{color:#68889b}
		#accordion-2 dd img{float:left;margin:0 10px 0 0;}
/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
	.reveal-modal-top{
    direction:ltr;
    width:100%;
    height:auto;
    }	
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
        filter: alpha(opacity=80);
        -khtml-opacity: 0.8;
        -moz-opacity: 0.8;
        opacity: 0.8;
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #eee url(../images/modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		color:#000;
        direction:rtl;
		}
	.reveal-modal p span{
    font-family: tahoma;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 20px;
	float:right;
    color:#555;
	}	
	.reveal-modal p{
	float:right;
	width:100%;
	line-height:35px;
	}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
    color: #555;
    cursor: pointer;
    font-size: 22px;
    font-weight: bold;
    line-height: 0.5;
    position: absolute;
    right: 11px;
    top: 8px;
	} 
	.mail_box {
    height: 200px;
    position: absolute;
    right: 390px;
    top: 80px;
    width: 200px;
	}
	
	.in_img {
		border:1px solid #000;
	}
	
.demo_list {
	width: 520px;
	margin: 0;
	padding: 0;
	list-style:none;
}

.claerlist a	{
	color: #5B5B5B;
}

.demo_list li {
	
	float: right;
	width: 170px;
	margin-left: 20px;
}

.list_noStyle {
	margin: 0;
	padding: 0;
	list-style:none;
}
#wrap{
direction:ltr;
}
.jcarousel-control{
position:absolute;
bottom:-45px;
left:0px;
}
.jcarousel-control a{
float:left;
width:9px;
height:9px;
margin:0 5px 0 0;
background:url(../images/bi.png) no-repeat 100% 0;
text-indent:-9999px;
outline:0 none;
}
.jcarousel-control a span{
display:none;
}
.jcarousel-control a:hover,.jcarousel-control a.active{
background:url(../images/bi.png) no-repeat 0 0;
}
.jcarousel-scroll{
position:absolute;
bottom:-62px;
right:0px;
}
.jcarousel-scroll a{
color:#000000;
float:left;
margin:0 0 0 5px;
outline:0 none;
text-decoration:none;
}
.jcarousel-skin-tango .jcarousel-container {
border:0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 443px;
    padding:0;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 443px;
    height: 249px;
    padding:0;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  443px;
    height: 249px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  443px;
    height: 249px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 443px;
    height: 249px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 0;
}
.hiddendiv{
height:249px;
overflow:hidden;
width:443px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 0;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 275px;
    right: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/arrow.png) no-repeat 100% 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(http://www.teknodium.com/web-tasarim/style/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: 100% 100%;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: 100% 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 275px;
    right: 40px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/arrow.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(http://www.teknodium.com/web-tasarim/style/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: 0 100%;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}

/*********************************************************************************************************/

#wrap2{
direction:ltr;
}
.jcarousel-control2{
position:absolute;
bottom:-45px;
left:0px;
}
.jcarousel-control2 a{
float:left;
width:9px;
height:9px;
margin:0 5px 0 0;
background:url(../images/bi.png) no-repeat 100% 0;
overflow:hidden;
text-indent:9999px;
outline:0 none;
}
.jcarousel-control2 a:hover{
background:url(../images/bi.png) no-repeat 0 0;
}
.jcarousel-scroll2{
position:absolute;
bottom:-62px;
right:0px;
}
.jcarousel-scroll2 a{
color:#000000;
float:left;
margin:0 0 0 5px;
outline:0 none;
text-decoration:none;
}
.jcarousel-skin-tango2 .jcarousel-container {
border:0;
}
.jcarousel-skin-tango2 .jcarousel-direction-rtl {
direction: rtl;
}

.jcarousel-skin-tango2 .jcarousel-container-horizontal {
    width: 938px;
    padding:0 20px;
}

.jcarousel-skin-tango2 .jcarousel-clip-horizontal {
    width:  938px;
    height: 75px;
}

.jcarousel-skin-tango2 .jcarousel-clip-vertical {
    width:  443px;
    height: 75px;
}

.jcarousel-skin-tango2 .jcarousel-item {
    width: 135px;
    height: 75px;
	border-right:1px solid #dadada;
}

.jcarousel-skin-tango2 .jcarousel-item-horizontal {
    margin:0 10px 0 0;
	padding:0 10px 0 0;
}

.jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 0;
}

.jcarousel-skin-tango2 .jcarousel-item-vertical {
    margin-bottom: 0;
}

.jcarousel-skin-tango2 .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango2 .jcarousel-next-horizontal {
    position: absolute;
    top: -26px;
    right: 0px;
    width: 59px;
    height: 128px;
    cursor: pointer;
    background: transparent url(../images/cust_right.png) no-repeat 100% 0;
}

.jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-next-horizontal {
    right: 0;
    background-image: url(../images/cust_right.png);
}

.jcarousel-skin-tango2 .jcarousel-next-horizontal:hover {
    background-position: 0px 0;
}

.jcarousel-skin-tango2 .jcarousel-next-horizontal:active {
    background-position: 0 0;
}

.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}

.jcarousel-skin-tango2 .jcarousel-prev-horizontal {
    position: absolute;
    top: -26px;
    left: 0px;
    width: 59px;
    height: 128px;
    cursor: pointer;
    background: transparent url(../images/cust_left.png) no-repeat 100% 0;
}

.jcarousel-skin-tango2 .jcarousel-prev-horizontal:hover {
    background-position: 0 0;
}

.jcarousel-skin-tango2 .jcarousel-prev-horizontal:active {
    background-position: 0 0;
}

.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}
/*********************************************************************************************************/

#wrap3{
direction:ltr;
}
.jcarousel-control3{
width:300px;
position:absolute;
top:0;
right:0;
z-index:9999;
}
.jcarousel-skin-tango3 ul{
width: 300px;
}
.jcarousel-skin-tango3 .jcarousel-container {
border:0;
width: 300px;
}
.jcarousel-skin-tango3 .jcarousel-direction-rtl {
direction: rtl;
}

.jcarousel-skin-tango3 .jcarousel-container-horizontal {
    width: 300px;
    padding:0;
}

.jcarousel-skin-tango3 .jcarousel-clip-vertical {
    width:300px;
    height:125px;
    padding:0px;
}

.jcarousel-skin-tango3 .jcarousel-item {
    height:125px;
    width:300px;
}

.jcarousel-skin-tango3 .jcarousel-item-horizontal {
    margin:0;
	padding:0;
}

.jcarousel-skin-tango3 .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 0;
}

.jcarousel-skin-tango3 .jcarousel-item-vertical {
    margin-bottom: 0;
    line-height:20px;
    direction:rtl;
}

.jcarousel-skin-tango3 .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango3 .jcarousel-next-horizontal {
    position: absolute;
    top: -26px;
    right: 0px;
    width: 59px;
    height: 128px;
    cursor: pointer;
    background: transparent url(../images/cust_right.png) no-repeat 100% 0;
}

.jcarousel-skin-tango3 .jcarousel-direction-rtl .jcarousel-next-horizontal {
    right: 0;
    background-image: url(../images/cust_right.png);
}

.jcarousel-skin-tango3 .jcarousel-next-horizontal:hover {
    background-position: 0px 0;
}

.jcarousel-skin-tango3 .jcarousel-next-horizontal:active {
    background-position: 0 0;
}

.jcarousel-skin-tango3 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango3 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango3 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}

.jcarousel-skin-tango3 .jcarousel-prev-horizontal {
    position: absolute;
    top: -26px;
    left: 0px;
    width: 59px;
    height: 128px;
    cursor: pointer;
    background: transparent url(../images/cust_left.png) no-repeat 100% 0;
}

.jcarousel-skin-tango3 .jcarousel-prev-horizontal:hover {
    background-position: 0 0;
}

.jcarousel-skin-tango3 .jcarousel-prev-horizontal:active {
    background-position: 0 0;
}

.jcarousel-skin-tango3 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango3 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango3 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}


#example {
	width:537px;
	height:313px;
	position:relative;
    direction:ltr;
    margin:18px 30px 30px 0;
}

#ribbon {
    left: 48px;
    position: absolute;
    top: -3px;
    z-index: 500;
}

#frame {
  position: absolute;
  right: 0;
  top: -3px;
  z-index: 0;
}

/*
	Slideshow
*/

#slides {
position: absolute;
right: 61px;
top: 10px;
z-index: 100;
width:415px;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:415px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:415px;
	height:276px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:429px;
}

/*
	Pagination
*/

ul.pagination {
margin: 30px auto 0;
padding: 0;
width: 90px;
}

ul.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
    background:none;
    padding:0;
}

ul.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(http://www.teknodium.com/web-tasarim/images/slide_images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

ul.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.caption p{
direction:rtl;
}
.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:375px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	text-shadow:none;
    font-weight: bold;
}

/*
	Footer
*/

#footer {
	text-align:center;
	width:580px;
	margin-top:9px;
	padding:4.5px 0 18px;
	border-top:1px solid #dfdfdf;
}

#footer p {
	margin:4.5px 0;
	font-size:1.0em;
}

/*
	Anchors
*/