body {
background:url(images/bg.png) left top repeat-x;
font-family:arial;
font-size:13px;
}

@font-face {
    font-family: '00297regular';
    src: url('fonts/00297-webfont.eot');
    src: url('fonts/00297-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/00297-webfont.woff') format('woff'),
         url('fonts/00297-webfont.ttf') format('truetype'),
         url('fonts/00297-webfont.svg#00297regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#clear {
clear:both;
}

#container {
margin:0px auto;
position:relative;
width:990px;
}

#header {
width:988px;
position:relative;
float:left;
height:90px;
border-left:1px solid #b4b4b4;
border-right:1px solid #b4b4b4;
border-bottom:2px solid #939393;
}

#sliderx 
{
position:relative;
float:left;
height:490px;
background:#fff;
width:990px;
}

#logo {
position:relative;
float:left;
height:90px;
width:195px;

}

#search {
position:relative;
float:right;
width:85px;
height:20px;
margin-top:10px;

}

#menu {
position:relative;
float:right;
width:780px;
text-align:right;
margin-top:20px;
color:#000;
}

#menu ul li {
display:inline;
color:#000;
}

#menu ul li a {
position:relative;
display:inline-block;
padding:10px 20px;
font-size:20px;
color:#000;
font-family:"00297regular",arial,helvatica,sans-serif;
}

#menu ul li a:hover{
color:#f58120;
}

#content {
width:990px;
position:relative;
float:left;
}

#box {
position:relative;
float:left;
height:300px;
width:988px;
padding:0 0 10px 0;
border-left:1px solid #b4b4b4;
border-right:1px solid #b4b4b4;
border-top:0;
}

#box div.boxcontent {
width:329px;
margin-top:10px;
position:relative;
float:left;
height:290px;
}

#box div.raydolap {
background:url(images/raydolap.jpg) top left no-repeat;
}

#box div.raydolap:hover{
background:url(images/raydolap.jpg) 0 -290px no-repeat;
}

#box div.banyo {
background:url(images/banyo.jpg) top left no-repeat;
}

#box div.banyo:hover{
background:url(images/banyo.jpg) 0 -290px no-repeat;
}

#box div.mutfak {
background:url(images/mutfak.jpg) top left no-repeat;
}

#box div.mutfak:hover{
background:url(images/mutfak.jpg) 0 -290px no-repeat;
}

#icons {
position:relative;
float:left;
width:988px;
padding:10px 0;
border-left:1px solid #b4b4b4;
border-right:1px solid #b4b4b4;
border-top:0;
text-align:center;
}

#icons {
display:block;
}

#sub {
float:left;
position:relative;
width:990px;
}

#sub div.left{
position:relative;
float:left;
width:320px;
height:450px;
padding:20px 0;
background:#b66c2f;
}

#sub div.left h1{
margin:10px;
width:300px;
color:#fff;
font-size:22px;
margin-bottom:30px;
font-family:"00297regular",arial,helvatica,sans-serif;
}

#sub div.left ul li{
position:Relative;
float:left;
width:300px;
margin-bottom:6px;
padding:0 10px;
}

#sub div.left ul li:hover {
background:#fff;
}

#sub div.left ul li a {
color:#fff;
font-size:18px;
display:inline-block;
float:left;
position:relative;
width:300px;
padding:8px 0;
font-family:"00297regular",arial,helvatica,sans-serif;
}

#sub div.left ul li a:hover{
color:#b66c2f;
}

#sub div.right{
position:relative;
float:left;
width:640px;
padding:15px;
height:460px;
background:#
}

#sub div.right div.text{
background:#fff;
padding:15px;
height:430px;
}

#sub div.right div.text h1{
font-size:22px;
margin-bottom:10px;
font-family:"00297regular",arial,helvatica,sans-serif;
font-weight:bold;

}

#footer {
width:968px;
position:relative;
float:left;
border:1px solid #b4b4b4;
border-top:0;
padding:10px;
margin-bottom:20px;
}

#footer span.left {
position:relative;
float:left;
}

#footer span.right {
position:relative;
float:right;
}

#footer a {font-size:11px;}