/* BACKGORUND */
html,body { padding:0; margin:0; width:100%; height:100%; background:url(../images/page-bg.png) repeat center center; font-family: arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(255, 0, 0);}
#maincontainer { background:url(../images/body-bg.png) left top repeat-x; width:100%; height:100%;}
#containerinside { background:url(../images/main-bg.png) top center no-repeat; width:100%; height:100%;}
/* --------------------------------------------- */

#bosluk { width:710px; height:40px; margin:0 auto;}
#container { width:710px; margin:0 auto; text-align:justify; }
#logo { width:710px; height:125px; background:url(../images/logo.gif) no-repeat;}
#demo { width:710px; height:310px; margin:0; padding:0;}
#demo .right { width:380px; height:310px; background:url(../images/demoback.gif) no-repeat; margin:0; padding:0; float:left; }
#demo .left { width:320px; margin:0; padding:0; float:left; }

h1 { font-weight:bold; font-size:18px; margin:2px 0 10px 10px; color:#FF9900; }
.sayac { font-weight:bold; font-size:30px; text-align:center; color:#ffffff; }

.title { background:url(../images/railing.gif) 0  center repeat-x; width:100%;}

.urun a {  display:block; padding:5px; border-bottom:1px solid #1c1c1c; text-decoration:none; color:#444; text-align:center;}
.urun a:hover { background:#1c1c1c; }
.uruntitle {color:#FF9900; font-weight:bold; margin:3px 10px; border-bottom:1px solid #eee; padding:3px;}

.footer { text-align:center; margin:5px auto;}
.footer a { text-decoration:none; color:#FF9900; }
.footer a:hover { text-decoration:underline; }


/* ------- MENU ------- */
#menu { border-top:1px solid #3b3b3b; border-bottom:1px solid #3b3b3b; width:100%; height:35px; margin-bottom:10px;}
.ana {font-size: 9px; text-transform: uppercase; margin-top:1px; float:left; line-height: 19px; }
.ana a { padding:7px 13px; display:block; text-decoration:none; color:#666;  }
.ana a:hover { color:#fff; text-decoration:none; background: url(../images/menuover.jpg) repeat-x;}

.uru {font-size: 9px; text-transform: uppercase; margin-top:1px; float:left; line-height: 19px; }
.uru a { padding:7px 13px; display:block; text-decoration:none; color:#666; }
.uru a:hover { color:#fff; text-decoration:none; background: url(../images/menuover.jpg) repeat-x;}

.bel {font-size: 9px; text-transform: uppercase; margin-top:1px; float:left; line-height: 19px; }
.bel a { padding:7px 13px; display:block; text-decoration:none; color:#666; }
.bel a:hover { color:#fff; text-decoration:none; background: url(../images/menuover.jpg) repeat-x;}

.gal {font-size: 9px; text-transform: uppercase; margin-top:1px; float:left; line-height: 19px; }
.gal a { padding:7px 13px; display:block; text-decoration:none; color:#666; }
.gal a:hover { color:#fff; text-decoration:none; background: url(../images/menuover.jpg) repeat-x;}

.ile {font-size: 9px; text-transform: uppercase; margin-top:1px; float:left; line-height: 19px; }
.ile a { padding:7px 13px; display:block; text-decoration:none; color:#666; }
.ile a:hover { color:#fff; text-decoration:none; background: url(../images/menuover.jpg) repeat-x;}

.hak {font-size: 9px; text-transform: uppercase; margin-top:1px; float:left; line-height: 19px; }
.hak a { padding:7px 13px; display:block; text-decoration:none; color:#666; }
.hak a:hover { color:#fff; text-decoration:none; background: url(../images/menuover.jpg) repeat-x;}

.ziy {font-size: 9px; text-transform: uppercase; margin-top:1px; float:left; line-height: 19px; }
.ziy a { padding:7px 13px; display:block; text-decoration:none; color:#666; }
.ziy a:hover { color:#fff; text-decoration:none; background: url(../images/menuover.jpg) repeat-x;}

#anasayfa .ana a {color:#fff; text-decoration:none; background: url(../images/menuover.jpg) repeat-x;}
#urunlerimiz .uru a {color:#fff; text-decoration:none; background: url(../images/menuover.jpg) repeat-x;}
#belgelerimiz .bel a {color:#fff; text-decoration:none; background: url(../images/menuover.jpg) repeat-x;}
#galeri .gal a {color:#fff; text-decoration:none; background: url(../images/menuover.jpg) repeat-x;}
#iletisim .ile a {color:#fff; text-decoration:none; background: url(../images/menuover.jpg) repeat-x;}
/* ------------------------------------------------ */