
/* CSS RESET */

html {
    color:#000;
    background:#FFF;
  }


body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td {
    margin:0;
    padding:0;
  }


table {
    border-collapse:collapse;
    border-spacing:0;
  }


fieldset,img {
    border:0;
  }


address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
  }


li {
    list-style:none;
  }


caption,th {
    text-align:left;
  }

q:before,q:after {
    content:'';
  }


abbr,acronym {
    border:0;
    font-variant:normal;
  }


sup {
    vertical-align:text-top;
  }


sub {
    vertical-align:text-bottom;
  }


input,textarea,select {
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
  }


legend {
    color:#000;
  }


body {
    font:13px/1.231 arial,helvetica,clean,sans-serif;
  }


table {
    font-size : 100%;
  }


pre,code,kbd,samp,tt {
    font-family:monospace;
    line-height:100%;
  }

/* CSS RESET */



body {
    text-align:center;
    color:#fff;
  }


a {
    text-decoration:none;
    color:#fff;
  }


a:hover {
    text-decoration: underline;
    color:#A1E062;
  }


#wrap {
    width:1000px;
    text-align:left;
    margin:0 auto;
    background:url(images/bg.jpg);
  }


.fl {
    float:left;
  }


.fr {
    float:right;
  }


.clearfix {
    clear:both;
  }

/* header */

#header {
    position:relative;
    height:260px;
  }


#logo {
    position:absolute;
    top:60px;
    right:130px;
  }


#logo h1 {
    font-size:34px;
    color:#fff;
  }


#logo div {
    padding-left:100px;
  }


#nav {
    position:absolute;
    top:180px;
    left:420px;
    background:url(images/nav.jpg);
    width:575px;
    height:46px;
    line-height:46px;
    padding: 0 0 0 0px;
  }


#nav li {
    float:left;
    font-weight:700;
    /*width:80px;*/
    padding: 0 0 0 27px;
  }


#nav a {
    text-decoration:none;
    display:block;
    text-align:center;
  }


#nav a:hover {
    background:url(images/nav_hover.jpg) -10px;
  }

/* content */

#content {
  }


.main {
    width:570px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
  }


#text {
    width:530px;
  }


#text h2 {
    font-size:30px;
    padding-bottom:20px;
  }


#text p img {
    float:left;
    padding:0 20px 0 0;
  }


#text a {
    color: #FFCC00;
  }


#col {
    margin:50px 0 0 0;
    width:300px;
    background:url(images/col.jpg);
    width: 535px;
    height:156px ;
  }


#col div {
    width: 200px;
    margin: 20px 0 0 70px;
    display:inline;
  }


#col .first {
    margin: 20px 0 0 50px;
  }


#col li {
    line-height:20px;
  }


.side {
    margin:0 0 0 40px;
    width:250px;
    display: inline;
  }


.side h2 {
    font-size:22px;
  }


.side li {
    line-height:20px;
    list-style:inside disc;
    color:#FFFFFF;
  }


.side ul {
    margin:30px 0 30px 20px;
  }

/* footer */

#footer {
    background:url(images/ft.jpg);
    height:133px;
    position:relative;
  }


#ftinner {
    position:absolute;
    bottom:20px;
    width:680px;
    margin-left:120px;
  }


.ftlink {
    width:500px;
  }


