/*
Project Name	: WEB BUSINESS
Project URI		: http://www.eticaretizmir.com/
Version			: 1.00
Site No			: 8
Author			: Ömer GÖKSEL (2009) - 12.04.2009
Author URI		: omergoksel86@hotmail.com
*/
body {
	margin: 0px;
	padding: 0px;
	font-family: verdana;
	font-size: 11px;
	background:url(images/bg.jpg) repeat-x left top;
	color: #565658;
}
a{
	text-decoration:none;
	color:#666666;
}
/*------------------------------
			WRAPPER 
------------------------------*/
#wrapper{
    margin: 0 auto -15.5em;
	width:960px;
	background:#FFFFFF;
}
/*------------------------------
 			HEADER 
------------------------------*/
#header {
	width:960px;
	height:334px;
}
/*------------------------------
 			REFERANS
------------------------------*/

#referans {
	position:relative;
	margin-top:-192px;
	margin-left:265px;
	background:url(images/referans-bg.png) no-repeat;
	width:430px;
	height:171px;
	z-index:1;	
}

/*------------------------------
 			REFERANS SLAYT
------------------------------*/
#slider ul, #slider li{ 
	margin:0;
	padding:0;
	list-style:none;
}	
#slider, #slider li{ 
	width:337px;
	height:149px;
	overflow:hidden;
}	
#slider{ 
	width:337px;
	height:149px;
	z-index:3;
	margin-left:46px;
	padding-top:11px;
}	
#prevBtn, #nextBtn{ 
	display:block;
	width:40px;
	height:150px;
	position:absolute;
	left:5px;
	top:10px;
}	
#nextBtn{ 
	left:383px;
}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:40px;
	height:150px;
	background:url(images/geri.jpg) no-repeat 0 0;
}	
#nextBtn a{ 
	background:url(images/ileri.jpg) no-repeat 0 0;	
}
		
#slider li a:Hover span{
	display:block;
	margin-top:-80px;
	padding:5px;
	background:#000000;
	height:80px;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
}	
#slider li a:Hover img{
	filter:alpha(opacity=50);
	-moz-opacity:.50;
}													
#slider ul li a span h1{
	color:#FFFFFF;
	font-weight:bold;
	border-bottom:#FFFFFF dotted 1px;
}
#slider span h2{
	margin-top:5px;
	color:#FFFFFF;
}

/*------------------------------
 			MENU 
------------------------------*/

#menu{
	position:relative;
	margin-top:-75px;
	background:url(images/menu-bg.png) no-repeat;
	width:960px;
	height:50px;
	z-index:0;
}
#anasayfa{
position:absolute;
width:81px;
height:39px;
}
#anasayfa:Hover{
background:url(images/menu-bg-hover.png);
width:81px;
height:39px;
}
#kurumsal{
position:absolute;
margin-left:90px;
width:81px;
height:39px;
}
#kurumsal:Hover{
margin-left:90px;
background:url(images/menu-bg-hover.png) -90px 0px;
width:81px;
height:39px;
}
#hizmetlerimiz{
position:absolute;
margin-left:180px;
width:81px;
height:39px;
}
#hizmetlerimiz:Hover{
margin-left:180px;
background:url(images/menu-bg-hover.png) -180px 0px;
width:81px;
height:39px;
}
#eticaret{
position:absolute;
margin-left:700px;
width:81px;
height:39px;
}
#eticaret:Hover{
margin-left:700px;
background:url(images/menu-bg-hover.png) -700px 0px;
width:81px;
height:39px;
}
#isortakligi{
position:absolute;
margin-left:790px;
width:81px;
height:39px;
}
#isortakligi:Hover{
margin-left:790px;
background:url(images/menu-bg-hover.png) -790px 0px;
width:81px;
height:39px;
}
#iletisim{
position:absolute;
margin-left:870px;
width:81px;
height:39px;
}
#iletisim:Hover{
margin-left:870px;
background:url(images/menu-bg-hover.png) -870px 0px;
width:81px;
height:39px;
}
		/*------------------------------
					ORTA BÖLÜM 
		------------------------------*/
/*-------------------------------------------
				SAG ICERIK
-------------------------------------------*/
#solicerik{
margin-top:50px;
margin-left:10px;
float:left;
width:692px;
height:auto;
clear:both;
}
#solicerik h3{
padding:5px;
}
#solicerik h3  img{
vertical-align:text-top;
float:left;
padding:3px 5px 5px 5px;
}
#solicerik ul{
display:table;
}
#solicerik li{
float:left;
width:330px;
height:100px;
margin-left:3px;
margin-bottom:3px;
}
#solicerik li img{
float:left;
margin:5px;
}
#solicerik li h1 b{
line-height:25px;
vertical-align:top;
}
#solicerik li h1{
font-family:tahoma;
font-size:11px
}
/* paketler*/
#paketler{
margin-top:50px;
margin-left:10px;
float:left;
width:692px;
height:auto;
clear:both;
}
#paketler h3{
padding:5px;
}
/*-------------------------------------------
					REKLAM
-------------------------------------------*/
#reklam{
width:692px;
height:162px;
border:dotted #AAAAAA 1px;
}
/*-------------------------------------------
				SAG ICERIK
-------------------------------------------*/
#sagicerik{
margin-top:50px;
margin-left:10px;
float:left;
width:239px;
height:500px;
display:table;
}
#sagicerik h2{
padding-bottom:2px;
border-bottom:dotted 1px;
}
#sagicerik li{
width:235px;
margin-left:1px;
height:70px;
margin-bottom:1px;
border:dotted 1px;
}
#sagicerik li img{
float:left;
margin-top:7px;
padding-right:0px;
}
#sagicerik li h1 b{
line-height:20px;
vertical-align:top;
}
#sagicerik li h1{
float:right;
width:168px;
}
#bar h1 b{
font-size:13px;
color:#000000;
}
#sagicerik .baziref{
width:235px;
height:430px;
margin-top:2px;
margin-left:1px;
display:table;
}
/*-----------------------------------------
				ICERIK BAR
-----------------------------------------*/
#bar h1 img{
vertical-align:middle;
padding-right:5px;
}
#bar h2 b{
}
#bar h2 img{
vertical-align:middle;
padding-left:3px;
padding-right:5px;
}

/*-----------------------------------------
				ILETISIM SAYFASI
-----------------------------------------*/
#iletisim_dv, #iletisim_dv ul{
height:auto;
}
#iletisim_dv li{
width:670px;
height:20px;
line-height:20px;
padding-left:10px;
}
#iletisim_dv li h1{
float:left;
font-weight:bold;
width:60px;
}
/*-----------------------------------------
				ILETISIM SAYFASI FORM
-----------------------------------------*/
#iletisim_frm_dv, #iletisim_frm_dv ul{
height:0px;
}
#iletisim_frm_dv ul li{
width:670px;
height:20px;
line-height:20px;
padding-left:10px;
font-weight:bold;
}
#iletisim_frm_dv ul li h1{
float:left;
font-weight:bold;
width:80px;
}
#iletisim_frm_dv ul li span{
float:left;
width:8px;
}
#iletisim_gonder{
float:right;
margin:0px 400px 0px 0px;
}
/*-----------------------------------------
				HATA
-----------------------------------------*/
#hata{
border:dotted #DDDDDD 1px;
background:#FFFFCC;
margin:0px 10px 10px 10px;
width:355px;
font-weight:bold;
padding:5px;
}/*-----------------------------------------
				FOOTER
-----------------------------------------*/
#footerdis, .push{
clear:both;
height: 15.5em;
background-image:url(images/footer-bg.jpg);
}
#footer{
margin:0px auto;
background-image:url(images/footer.jpg);
width:960px;
height:170px;
}