* { margin: 0; padding: 0; }
*:focus { outline: none; }

html { overflow: hidden;}
body { background: #333; font: .80em/1.5 Verdana, Helvetica, sans-serif; color: #eee; }
img { border: 0; }

a { color: #fff; }
a:hover { text-decoration: none; }

.slider { position: absolute; top: 0; left: 0; }
.box { width: 400px; height: 200px; margin-top: -100px; margin-left: -200px; left: 50%; top: 50%; position:absolute; }

.logo { background: url(../img/logo.png) no-repeat; display: block; width: 270px; height: 50px; }
.logo:hover { background: url(../img/logo.png) 0 -57px no-repeat; }

#map { z-index: 1; position: fixed; right: 1em; top: 1em; /*border: 1px solid #666; */width: 148px; height: 88px; }

#map:hover { opacity: 1; filter:alpha(opacity=100);}
#map .row { overflow: hidden; font-size: .85em; }
#map .row a { display: block; width: 70px; height: 30px; float: left; margin: 1px; padding-top: 10px; text-align: center; text-decoration: none; }

#map.start .row a { border: 1px solid #444; }
#map.start .row a:hover { background: #666; }
#map.start .selected { background: #444;}

#map.contacts .row a { border: 1px solid #7c1200; }
#map.contacts .row a:hover { background: #d01d00; }
#map.contacts .selected { background: #7c1200; }

#map.resume .row a { border: 1px solid #004770; }
#map.resume .row a:hover { background: #0370ae; }
#map.resume .selected { background: #004770; }

#map.about .row a { border: 1px solid #3e7200; }
#map.about .row a:hover { background: #5aa700; }
#map.about .selected { background: #3e7200; }

#map.itquest .row a { border: 1px solid #3e7200; }
#map.itquest .row a:hover { background: #5aa700; }
#map.itquest .selected { background: #3e7200; }

#help { position:absolute; z-index: 10; top: 110px; right: 6em; display: none;}

#start { background: #444 url(../img/start.jpg); }
#about { background: #4e9100 url(../img/about.jpg); }
#itquest { background: #4e9100 url(../img/about.jpg); }
#contacts { background: #a41700 url(../img/contacts.jpg); }
#resume {background: #005c91 url(../img/resume.jpg); }
/*
#start { background: #555; }
#about { background: #69ab34;}
#itquest { background: #4e9100; }
#contacts { background: #910000; }
#contacts { background: #d03636; }
#resume {background: #005c91; }*/

#start .box { text-align: center; height: 70px; margin-top: -35px; width: 260px; margin-left: -135px;}
#about .box { height: 200px; margin-top: -100px; }
#contacts .box { width: 250px; margin-left: -125px; height: 50px; margin-top: -100px; }
#resume .box { width: 600px; height: 600px; margin-left: -300px; margin-top: -300px; overflow: auto; }
#itquest .box { width: 500px; height: 500px; margin-top: -250px; margin-left: -250px; }

h1, h2, h3, h4 { font-weight: normal; margin-bottom: .5em; }
p { margin-bottom: 1em; }
blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; }
code, pre { font: 1.2em/1 "Courier New", Courier, monospace; padding: 1px 2px; background: #eee; }
pre { border: 1px dashed #aaa; line-height: 1.7em; padding: 5px; font-size: .9em; background: #eee; margin: 0; }
strong {  }
em {  }
sup, sub { vertical-align: baseline; position: relative; }
sup { top: -0.4em; }
sub { bottom: -0.3em; }

hr { color: #ccc; background-color: #ccc; height: 1px; border-width: 0px; }

.em { font-style: italic; }
.strong { font-weight: bold; }

ul, ol { margin-left: 3em; line-height: 1.3em; }
ul li, ol li { margin-bottom: .2em; }