/*
$ http://www.derekmelegito.hu $
$ style/index.css | 2007/10/04 08:48 | 2007/10/10 11:08 $
*/

body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 12px; color: #333333; background: #D5CBB0 url(index_bg.jpg) repeat-x top; }

a:link { color: #564319; text-decoration: none; }
a:visited { color: #564319; text-decoration: none; }
a:hover { color: #564319; text-decoration: underline; }

div#topline {
  clear: left;
  width: 980px;
  height: 23px;
  color: #D5CBB0;
  font-size: 10px;
}

  div#topline ul { margin: 0; padding: 0; float: right; position: relative; top: 9px; list-style-type: none; }
    div#topline ul li { float: left; padding: 0 5px; border-right: #D5CBB0 1px solid; }
    div#topline ul li.last { float: left; padding: 0 5px; border-right: none; }
      div#topline ul li a { color: #D5CBB0; }

div#header {
  clear: left;
  width: 980px;
  height: 400px;
}

div#content {
  clear: left;
  width: 960px;
  padding: 15px 0 0 7px;
}

  div#content img { border: none; }

  div#content div.indexBox { float: left; margin: 0; width: 480px; background: url(index_box_bg.gif) repeat-y; overflow: hidden; }
    div#content div.indexBox div.indexBoxTop { float: left; width: 482px; height: 24px; background: url(index_box_top.gif) no-repeat top; }
    div#content div.indexBox div.indexBoxBody { float: left; width: 482px; min-height: 112px; height: auto !important; height: 112px; background: url(index_box_content_bottom.gif) no-repeat bottom; }
      div#content div.indexBox div.indexBoxBodyLeft { float: left; width: 140px; height: 130px; overflow: hiddden; padding: 0 0 0 20px; }
      div#content div.indexBox div.indexBoxBodyRight { float: left; width: 272px; padding: 0 20px 0 10px; font-size: 10px; }
        div#content div.indexBox div.indexBoxBodyRight p.title { clear: left; margin: 0; padding: 0; font-size: 10px; }
        div#content div.indexBox div.indexBoxBodyRight p { clear: left; margin: 0; padding: 7px 0; font-size: 10px; }
        div#content div.indexBox div.indexBoxBodyRight a { color: #FFFFFF; background: #E79A2E url(arrow_right.gif) no-repeat right; letter-spacing: 1px; padding: 0 7px 0 3px; }
        div#content div.indexBox div.indexBoxBodyRight a:hover { text-decoration: none; }
    div#content div.indexBox div.indexBoxBottom { float: left; width: 482px; height: 22px; background: url(index_box_bottom.gif) no-repeat top; }

div#footer {
  clear: left;
  width: 960px;
  color: #564319;
  font-size: 10px;
  padding: 15px 0 10px 20px;
}

  div#footer div#footerLeft { width: 800px; float: left; }
    div#footer div#footerLeft ul { clear: left; width: 790px; margin: 0; padding: 0; list-style-type: none; }
      div#footer div#footerLeft ul li { float: left; padding: 0 5px; border-right: #564319 1px solid; }
      div#footer div#footerLeft ul li.last { float: left; padding: 0 5px; border-right: none; }
        div#footer div#footerLeft ul li a { color: #564319; }
    div#footer div#footerLeft p { clear: left; margin: 0; padding: 15px 0 0 5px; color: #AFA282; }
  div#footer div#footerRight { width: 160px; float: left; text-align: right; }
    div#footer div#footerRight img { border: none; }