/*===============================
Obisis İnternet Hizmetleri
www.obisis.com / bilgi@obisis.com
===============================*/

body
{
font-size:12px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin:0;
padding:0 0 10px 0;
text-align:center;
}

#container
{
margin:0 auto;
text-align:left;
padding:15px 0 0 0;
width:950px;
}

#header
{
float:left;
width:950px;
padding:0px 0px 10px 0px;
background: url(/images/header-bg.jpg) no-repeat left top;
height:177px;
}

#menu
{
float:left;
width:920px;
padding:6px 10px 5px 25px;
background: url(/images/menu-bg.jpg) no-repeat left top;
height:52px;
text-align:center;
color:#fff;
}

ul#nav,ul#nav li
{
margin:0;
padding:0;
list-style:none;
}

ul#nav
{
height:37px;
}		

ul#nav li
{
float:left;
display:inline;
margin-right:12px;
height:37px;
}		

ul#nav li a
{
float:left;
display:inline;
margin-top:7px;
height:37px;
background:none;
padding-left:10px;
text-decoration:none;
color:#fff;
}							

ul#nav li a span
{
color:#FFFFFF;
font-weight:bold;
font-size:18px;
float:left;
height:37px;
line-height:37px;
background:none;
padding-right:10px;	
cursor:pointer;		
}				
		
ul#nav li a:hover, ul#nav li.selected a
{
background:url(/images/bg_navLeft.gif) no-repeat 0 0;
}			

ul#nav li a:hover span, ul#nav li.selected a span
{
background:url(/images/bg_navRight.gif) no-repeat 100% 0;
color:#000;
}	

ul#nav li a span span, ul#nav li a:hover span span, ul#nav li.selected a span span
{
float:none;
background:none;
padding:0;	
}							

#content
{
float:left;
width:950px;
padding:10px 0px;
min-height:300px;
}

#footer
{
float:left;
width:930px;
line-height:44px;
padding:10px;
background: url(/images/footer-bg.jpg) no-repeat left top;
text-align:left;
margin-bottom:10px;
}

#footer p
{
float:left;
margin:0px;
padding:0px;
}

#obisis
{
float:right;
border:0;
margin-top:5px;
}

#content_left
{
float:left;
width:256px;
padding:0px;
}

#subMenu
{
float:left;
width:255px;
background:#000 url(/images/sub_menu_bottom.jpg) no-repeat left bottom;
padding:10px 0px 65px 0px;
}

#subMenu h2
{
font-size:15px;
color:#fff;
margin:10px;
padding:0px;
}

.subMenu
{
list-style-type: none;
margin:0px;
padding:0px;
width:255px;
}

.subMenu li
{

}

.subMenu li a
{
display:block;
color:#BFBFB3;
width: auto;
border-bottom: 1px dotted #fff;
padding: 7px 0;
text-indent: 10px;
text-decoration: none;
font-weight:bold;
}

.subMenu li a:hover, .subMenu li.selected a
{
background-color:#FBC900;
color:#000;
}

.subMenu li ul
{
list-style-type:none;
margin:0px;
padding:0px;
}

.subMenu li ul li
{
color:#FFCC00;
border:0px;
padding-left:10px;
}

.subMenu li ul li a
{
color:#336666;
border:0px;
padding-left:5px;
background: url(/images/arrow.png) no-repeat 4px 11px;
}

#content_right
{
float:right;
width:624px;
padding:15px 35px 30px 35px;
background:#fff url(/images/sub_content_bottom.jpg) no-repeat left bottom;
min-height:350px;
}

ul.iletisim
{
list-style-type:none;
margin:0px;
padding:0px;
width:97%;
}

ul.iletisim li
{
padding:3px;
color:#000;
border-bottom:solid 1px #ccc;
}

ul.iletisim li.title
{
font-weight:bold;
color:#000;
font-size:14px;
border:0px;
}

.galeri_item
{
text-align:center;
padding:2px;
border:solid 1px #ccc;
margin:2px;
}

.galeri_item img
{
border:0px;
}

#sideBar1
{
float:left;
width:636px;
margin:0px;
}

#sideBar2
{
float:right;
width:310px;
margin:0px;
}
 
#slider
{
float:left;
width:636px;
}

#video
{
float:left;
width:310px;
}
 
#video h2
{
background: url(/images/tanitim-video.jpg) no-repeat left top;
line-height:37px;
margin:0px;
padding:0px;
text-indent:-9999px;
}

#player
{
width:310px;
background-color:#000;
height:240px;
}

#iletisim
{
float:left;
width:310px;
margin-top:15px;
}

#iletisim h2
{
background: url(/images/iletisim-formu.jpg) no-repeat left top;
line-height:37px;
margin:10px 0 0 0;
padding:0px;
text-indent:-9999px;
}

#iletisimForm
{
float:left;
width:290px;
padding:0px 10px;
background: url(/images/iletisim-formu-bg.jpg) no-repeat left top;
height:221px;
}

#iletisimBilgileri
{
float:left;
width:636px;
margin-top:10px;
}

#iletisimBilgileri h2
{
background: url(/images/iletisim-bilgiler.jpg) no-repeat left top;
line-height:50px;
margin:0px;
padding:0px;
text-indent:-9999px;
}

#iletisimMetin
{
float:left;
width:626px;
background: url(/images/iletisim-bilgileri-bg.jpg) no-repeat left bottom;
height:112px;
padding:5px;
}

.video
{
padding:10px;
border-bottom:1px dotted #999;
}

.video a
{
text-decoration:none;
color:#000;
}

.video a:hover
{
text-decoration:underline;
}

.product_picture
{
border:1px solid #ccc;
padding:3px;
margin-bottom:15px;
}

.product_pictures
{
border:1px solid #ccc;
padding:3px;
margin:3px;
}