@import url("reset.css");

body {font-family: Arial; font-size: 72.5%; background: #fff url(../img/bg.gif) top left; color: #000;}
#wrap {width: 770px; background: #111; margin: 20px auto; position: relative; padding: 0 0 20px 0;}
#header {height: 152px; background: url(../img/header.jpg) no-repeat top left; position: relative;}
#header h1 a {display: block; width: 350px; height: 75px; position: absolute; top: 15px; left: 20px; text-indent: -9999px;}
#call {width: 140px; height: 40px; position: absolute; top: 25px; right: 180px; background: #222; padding: 10px; border: 1px solid #fff;}
#call  h2 {text-align: center; font-size: 1.2em; font-weight: bold; color: #fff;}
#call #phone {display: block; text-align: center; font-size: 1.2em; color: #fff; padding: 10px 0 0 0;}
#logo {display: block; width: 85px; height: 85px; position: absolute; top: 15px; right: 27px; text-indent: -9999px;}

#nav {height: 30px; width: 770px; overflow: hidden; text-align: center; position: absolute; top: 112px; left: 0;}
#nav li {margin: 0 20px; float: left;}
#nav li a {color: #fff; font-size: 1.2em; font-weight: bold; padding: 5px 10px; background: #555; display: block;}
#nav li a:hover {background: #fff; color: #000;}
#nav #nav_home {margin-left: 80px;}

#slideshow {height: 225px; width: 770px; display: block;}

#main {color: #fff;}
#main .gutter {padding: 20px}
#main h2 {font-size: 2em; color: #fef567; font-weight: bold; letter-spacing: 1px; margin: 0 0 12px 0;}
#main h2 a {color: #fef567;}
#main p {font-size: 1.1em;}

#flyba {width: 729px; height: 155px; background: url(../img/flyba.jpg) no-repeat top left; display: block; margin: 0 0 0 20px;}

a {text-decoration: none;}