﻿body
{
  background-color:#e1e1e1;
  background-image:url('../../css-js-img/img/arkaplan.png');
  background-repeat:repeat-x;
  font-size:12px;
  font-family:tahoma;
  color:#000000;
  margin:0px;
  padding:0px;
}

a
{
color:#000000;
text-decoration:underline;
}

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



#site
{
  width:851px;
  margin-left:auto;
  margin-right:auto;
  margin-top:15px;
  visibility:hidden;
}

#ust
{
  width:851px;
  height:48px;
  background-color:transparent;
}


#logo
{
  width:301px;
  height:70px;
  background-color:transparent;
  background-repeat:no-repeat;
  float:left;
}


#slogan
{
  width:315px;
  padding-top:20px;
  background-color:transparent;
  float:right;
  color:#fff;
  text-align:right;
  font-size:10px;
}

#slogan a
{
  color:#fff;
  text-decoration:none;
}

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



#ustslide
{
  clear:both;
  width:851px;
  height:220px;
  background-color:transparent;
  text-align:center;
  color:#000000;
  background-image:url('../../css-js-img/img/ustslidearka.png');
  background-repeat:no-repeat;
  padding-top:15px;
  padding-left:13px;

}

#ustmenu
{
  margin-top:-10px;
  padding-top:20px;
  padding-left:40px;
  width:851px;
  height:45px;
  background-color:transparent;
  text-align:center;
  color:#000000;
  background-image:url('../../css-js-img/img/menuarka.png');
  background-repeat:no-repeat;
}


#orta
{
  clear:both;
  width:851px;
}

#paketler
{
  float:left;
  width:280px;
  height:520px;
}

#icerik
{
  float:right;
  width:550px;
}


#alt
{
  clear:both;
  width:851px;
  height:58px;
  background-color:transparent;
  text-align:left;
  color:#000000;
  background-image:url('../../css-js-img/img/footer.png');
  background-repeat:no-repeat;
  padding-top:16px;
  padding-left:30px; 
}


















/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:823px;
		height:190px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:823px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:-1px 5px;;
		padding:0;
		}
	ol#controls li{
		margin:0 3px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		}
	ol#controls li a{
		float:left;
		border:1px solid #cccccc;
		background:#f8f7f7;
		color:#000;
		padding:0 3px;
		text-decoration:none;
		font-size:8px;
		}
	ol#controls li.current a{
		background:#cccccc;
		color:#000;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */



















#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}

#nav a{
display:block;
padding:0px 15px;
border:0px solid #333;
color:#333;
text-decoration:none;
font-size:15px;
font-weight:300;
text-align:left;
letter-spacing:1px;
background-image:url(../../css-js-img//img/menu_square1.png);
background-position:center left;
background-repeat:no-repeat;
}

#nav a:hover{
color:#000;
background-image:url(../../css-js-img//img/menu_square2.png);
background-position:center left;
background-repeat:no-repeat;
}

#nav li{
float:left;
position:relative;
margin-left:40px;
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:1.5em;

}

#nav li ul a{
width:12em;
height:auto;
float:left;
margin-left:-40px;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
background-color:#f8f7f7;
border:1px solid #ccc;
padding:3px;
}
