/* 

Maslak Tasarım ve İnternet Hizmetleri
http://www.maslaktasarim.com
bilgi@maslaktasarim.com



*/

html {
	background:url(/tasarim/bg.jpg) repeat-x #fdfdfd;
}

body{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	color: #000;
}

#img a {border:0px;}
a img {border:0px;}

#genel 
{
    width: 964px;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -482px;
    background:url(/tasarim/ust.jpg) no-repeat; 
    }
    
#ust 
{
    width:964px;
    height:131px;
    }

#map {width: 900px; height: 340px; margin-top:10px;}
#aloalo 
{
    position:relative;
    top: -35px;
    width: 900px;
    height: 35px;
    background: #fff;
        }

#dil 
{
    width:924px;
    text-align:right;
    padding-top:5px;
    display:block;
    margin-right:40px;
    }

#dil a { color:#871266;}
       
#umenu
{
    width:705px;
    height:32px;
    position:relative;
  left:247px;
    top:77px;
    }
 
#umenu a {margin:0px; float:left;}
    
#orta 
{
    width:964px;  
    background:url(/tasarim/orta.jpg) no-repeat #fff; 
    position:relative; 
    }

#ic 
{
    width:917px;    
    margin:0px 23px 0px 24px;
    background:#fff;
    min-height:312px;
    font-weight:normal;
    }

#alt 
{
    width:964px;
    height:17px;
    background:url(/tasarim/alt.jpg) no-repeat;
    background-position:center top;
     }

#mt 
{
    width:964px;
    line-height:20px;
    text-align:right;
    color:#fff;
    height:20px;
    font-size:12px;
    }
    
#mt a {color:#871266; text-decoration:underline; padding: 8px 12px;}
#mt a:hover {text-decoration:none; background:#871266; color:#fff;}

#anaalt {width:980px; height:110px; margin-bottom:10px; margin-top:25px;}
.mor {border-bottom:solid 2px #ddd;}
.mor:hover {border-bottom:solid 2px #881266;}
#email {width:288px; background:url(/tasarim/email.jpg) no-repeat;  height:110px; float:left;}
#email2 {width:288px; background:url(/tasarim/email2.jpg) no-repeat;  height:110px; float:left;}
#katalog {width:154px; background:url(/tasarim/katalog.jpg) no-repeat; height:110px; float:left; margin-left:8px;}
#ortak {width:630px; background:url(/tasarim/ortak.jpg) no-repeat; height:110px; float:left; margin-left:0px;}
#ortak2 {width:630px; background:url(/tasarim/ortak2.jpg) no-repeat; height:110px; float:left; margin-left:0px;}

/* 

Anasayfa

*/

h4 {
			margin: 0;	
			padding: 7px 0 0 0;
			font-size: 16px;
			color:#881266;
			/*text-transform: uppercase;*/
		}
		
 
		div#feature_list {
			width: 917px;
			height: 320px;
			overflow: hidden;
			position: relative;
		}
 
		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}
 
		ul#tabs {
			left: 0;
			z-index: 2;
			width: 320px;
		}
 
		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}
 
		ul#tabs li a {
			color: #871266;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
			background:#ecdce8;
			width:267px;
			height:60px;
			border-bottom: solid 1px #922774;
	
		}
 
		ul#tabs li a:hover {
			text-decoration: underline;
		}
 
		ul#tabs li a.current {
			background:  url('tasarim/arka.png');
			color: #871266;
			width:300px;
			border:0px;
		}
 
		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}
 
		ul#output {
			right: 0;
			width: 630px;
			height: 320px;
			position: relative;
		}
 
		ul#output li {
			position: absolute;
			width: 627px;
			height: 320px;
		}
 
		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 12px;
			color: #FFF;
			background: #871266;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #871266;
			text-decoration:underline;
		}



/* Anasayfa Son */
#ortahaber 
{
    width:419px;
    float:left;
    margin-top:10px;
      }
      

#haber 
{
    margin:10px 20px 0px 20px;
    padding-bottom:25px;
    font-family: Tahoma;
    font-size: 13px;
    min-height:300px;
    }
#still 
{
    font-family: Calibri;
    font-size: 14px;
    min-height:400px;
    }
#still2
{
    font-family: Calibri;
    font-size: 14px;
    }
h1 
{
    margin:0px;
    padding:15px 0px 0px 0px;
    font-size: 20px;
    color:#881266;
    line-height:21px;

    }
h2 
{
    color:#606060;
    font-size:16px;
    line-height:18px;
    font-style:italic;
    }

h3 
{
    color:#a0a0a0;
    font-size:13px;
    line-height:15px;
    font-style:italic;
    text-align:right;
    }

#haberresim 
{
    margin:5px 10px 10px 0px;
    float:left;
    height:320px;
    }
    
.hbrlist 
{
    margin-bottom:10px;
    margin-left:10px;
    display:block;
    width:415px;
    float:left;
    background:#f1e7ef;
    padding:5px;
    }
.hbrlist:hover 
{
    background:#e1c8db;
    }
    
.hbrlist a {color:#881266; line-height:20px; display:block;}
.lres {float:left; margin-right:5px;}

.hbrlist2 
{
    margin-bottom:10px;
    display:block;
    width:250px;
    background:#e0e0e0;
    padding:5px;
    }
.hbrlist2:hover 
{
    background:#f5d9d3;
    }
    
.hbrlist2 a {display:block; color:#881266; line-height:20px;}


.hbrlist3 
{
    margin-bottom:10px;
    margin-left:10px;
    display:block;
    width:375px;
    float:left;
    background:#e0e0e0;
    padding:5px;
    }
.hbrlist3:hover 
{
    background:#f5d9d3;
    }
    
.hbrlist3 a {color:#000; line-height:50px; display:block;}



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

/*
	SLIDER
*/
.slider-wrap								{ width: 419px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 419px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 419px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }


#slideshow {
    position:relative;
    height:83px;
}
 
#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 83px;
    background-color: #FFF;
}
 
#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}
 
#slideshow DIV.last-active {
    z-index:9;
}
 
#slideshow DIV IMG {
    height: 83px;
    display: block;
    border: 0px;
    margin-bottom: 10px;
}