*{padding:0;margin:0;border:0}

body{
  background: #ddd9d3 url(../images/bg.jpg) top left no-repeat;
  font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
  font-weight: normal;
  color: #555555;
  font-size: 0.8em;
}
#main{
  width: 940px;
  margin: 0 auto;
}

#logo{ height: 79px; padding-top: 45px }

#header{ background: url(../images/header.jpg) top left no-repeat; height: 205px; position: relative; padding: 24px 0 0 10px }
#header ul li{ float: left; list-style-type: none; text-align: center; margin-right: 4px }
#header ul li a{
  display: block;
  height: 32px;
  line-height: 32px;
  width: 63px;
  color: #50666c;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none
}
#header ul li a:hover, #header ul li a:focus, #header ul li a:active, #header ul li.selected a{ color: #ffffff; background: url(../images/menu_hover.png) top left no-repeat }
#header p{ margin: 125px 467px 0 19px; color: #ffffff; font-size: 120% }

#content div{padding: 30px 29px 29px 29px}
#content div#home{padding:0}
#content p{padding: 10px 0 }
#content div#screens{text-align:center}
#content div.clear{padding:0}

#screens a{margin-left:30px;margin-bottom:30px;display:block;float:left}
#screens a.first{margin-left:0}

#footer{ color: #50666c; background: url(../images/footer.png); line-height: 46px; height: 46px; font-size: 90%; margin-bottom: 20px }
#footer a{text-decoration:none}
#footer a:hover, #footer a:focus, #footer a:active{text-decoration:underline}
#footer span.left{margin-left:28px}
#footer a.right{display:block;width:70px;height:46px;text-align:center}

table{text-align:left;margin-top:10px}
table td, table th{padding:5px}
ul{list-style:none}
ul li{float:left}

/* OTHER */
.left{float:left}
.right{float:right}
.clear{clear:both}

/* FONTS */
a{color: #50666c;text-decoration:underline}
a:hover,a:focus,a:active{text-decoration:none}
.bold{font-weight:bold}
h1{font-size:130%}