/* RESET */
* { font-family: Helvetica, Arial, sans-serif; color: #fff; font-size: 13px; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, object, embed { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; margin: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: '"'; }
abbr, acronym { border: 0; }
a { cursor: pointer; }
html, body { width: 100%; height: 100%; }

/* WALLPAPAER */
body { background: #1f2f3f url('body.bg.png') center no-repeat; }

#super-container { width: 100%; height: 100%; }
#container { width: 980px; height: 620px; position: relative; }

/* NAJLA LOGO */
#logo { position: absolute; top: -36px; left: 20px; z-index: 10; }
#logo #nav-home { width: 509px; height: 26px; background: url('logo.gif') no-repeat; text-indent: -5000px; display: block; }

/* NAVIGATION BAR */
#nav { position: absolute; top: -21px; right: 20px; height: 11px; z-index: 1; }
#nav ul { height: 11px; }
#nav li { float: left; display: inline; margin-left: 20px; }
#nav li a { display: block; height: 11px; text-indent: -5000px; background-position: center bottom; }
#nav li a:hover, #nav li a.active { background-position: center top; }
#nav-gallery { width: 71px; background: url('nav-gallery.png') no-repeat; }
#nav-about { width: 51px; background: url('nav-about.png') no-repeat; }
#nav-contact { width: 74px; background: url('nav-contact.png') no-repeat; }

/* MAIN */
#frame { position: absolute; top: 0px; left: 0px; width: 980px; height: 620px; background: #fff; }
#frame-pad { padding: 10px; }
#main { width: 960px; height: 600px; background: #1f3f5f; font-size: 14px; text-align: left; }

/* SECTION - PHOTOS */
#gallery { position: absolute; padding: 5px; }
#gallery li { float: left; display: inline; margin: 5px; border: 1px solid #fff; }
#gallery li a { float: left; display: inline; }
#gallery li a img { display: block; width: 178px; height: 106px; border: 0px; }
#gallery-nav a { position: absolute; display: block; top: 293px; text-indent: -5000px; width: 34px; height: 34px; background-position: center top; overflow: hidden; }
#gallery-nav a:hover { background-position: center bottom; }
#gallery-nav-previous { right: 988px; background: url('gallery-nav-previous.png') no-repeat; }
#gallery-nav-next { left: 988px; background: url('gallery-nav-next.png') no-repeat; }

/* SECTION - CONTACT */
#contact-form { position: absolute; width: 540px; }
#contact-form ul { margin: 10px; }
#contact-form p { margin: 10px; }
#contact-form li { display: block; }
#contact-form li label { display: block; margin-bottom: 2px; }
#contact-name, #contact-email, #contact-body { width: 100%; border: 0px; padding: 3px 0px; margin-bottom: 10px; color: #000; }
#contact-body { height: 420px; }
#contact-submit { float: right; color: #000; }

/* FOOTER */
#footer { position: absolute; top: 627px; left: 20px; height: 12px; width: 940px; font-size: 11px; }
#footer-copyright { float: left; display: inline; font-size: 12px; }
#footer-credits { float: right; display: inline; font-size: 12px; }
#footer-credits small { color: #888; font-size: 11px; }
#footer-credits a { font-size: 12px; }