@font-face { font-family: 'book'; src: url('f/gotham-book-webfont.eot'); src: url('f/gotham-book-webfont.eot?#iefix') format('embedded-opentype'), url('f/gotham-book-webfont.woff') format('woff'), url('f/gotham-book-webfont.ttf') format('truetype'), url('f/gotham-book-webfont.svg#gotham_bookregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'bold'; src: url('f/gotham-bold-webfont.eot'); src: url('f/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'), url('f/gotham-bold-webfont.woff') format('woff'), url('f/gotham-bold-webfont.ttf') format('truetype'), url('f/gotham-bold-webfont.svg#GothBold') format('svg'); font-weight: normal; font-style: normal; }

body { margin: 0; background: #000000; }

.item { cursor: pointer; display: inline-block; padding: 10px 0 10px 0; width: 140px; border: 1px solid #33ffff; letter-spacing: 3px; color: #33ffff; background: none; text-decoration: none; font-family: 'bold'; font-size: 15px; }

.item:hover { color: #FCF9EF; background: #000000; border: 1px solid #FCF9EF; cursor: default; }

#two .item { margin-top: 80px; }
#three .item { margin-top: 80px; }

#one { position: relative; top: 0; background: url(images/01.jpg) 50% 0 no-repeat fixed; height: 825px; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }

#two { position: relative; top: 0; background: url(images/02.jpg) 50% 0 no-repeat fixed; height: 825px; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }

#three { position: relative; top: 0; background: url(images/03.1.jpg) 50% 0 no-repeat fixed; height: 825px; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }

#four { position: relative; top: 0; background: url(images/04.jpg) 50% 0 no-repeat fixed; height: 800px; -webkit-background-size: cover; period-o-background-size: cover; background-size: cover; }	


#one > div { text-align: center; position: absolute; width: 800px; margin-left: -400px; left: 50%; height: 250px; margin-top: -220px; top: 40%; }

#two > div { text-align: center; position: absolute; width: 800px; margin-left: -400px; left: 50%; height: 350px; margin-top: -175px; top: 40%; }

#three > div { text-align: center; position: absolute; width: 800px; margin-left: -400px; left: 50%; height: 350px; margin-top: -175px; top: 40%; }

#four > div { text-align: center; background: #FFFACD; position: absolute; width: 300px; margin-left: -155px; left: 50%; height: 350px; margin-top: -175px; top: 40%; }

#two > div { font-family: arial; font-size: 20px; }
#two > div > img { margin: 52px 0 12px 0; }

#three > div { font-family: arial; font-size: 20px; }
#three > div > img { margin: 52px 0 12px 0; }

#four > div > img { margin: 60px 0 55px 0; }
#four .item { width: auto; padding: 10px 40px 10px 40px;  margin-bottom: 27px; }
#four > div { font-family: helvetica; font-size: 12px; }

#menu { z-index: 999; position: fixed; bottom: 0; left: 0; background: #FFFAFA; height: 75px; width: 100%; overflow-x: hidden; }

#menu #m { background: #FFFACD; z-index: 999; position: fixed; height: 85px; width: 1440px; }
#menu_bar { position: absolute; padding: 0; margin-left: -260px; left: 50%; top: 12px; list-style: none; font-family: 'arial'; }
#menu_bar li { letter-spacing: 1px; float: left; height: 25px; margin-right: 40px; text-align: center; line-height: 25px; }
#menu_bar li:last-child { margin-right: 0; }
#menu_bar a { cursor: pointer; color: #000000; display: block; text-decoration: none; font-size: 15px; border-top: 3px solid #FFFACD; }
#menu_bar a:hover { border-top: 3px solid #B22222; }
#menu_bar a.active { border-top: 3px solid #B22222; }

#nav { position: fixed; z-index: 998; right: 70px; margin-top: -65px; top: 50%; }
#nav ul li { cursor: pointer; display: block; background: #fcf9ef; width: 20px; height: 15px; border-radius: 10px; margin: 6px 0 6px 0; }
#nav ul li.active { background: #B22222; }
#nav ul li:hover { background: #B22222; }