Homepage - Liveweave

body{
  font-family: 'Roboto',sans-serif
}
#webpage_body{
  width: 960px;
  height: 1000px;
  background-color: #4A4A4A;
}
#nav_container{

padding: 10px 0px 0px 5px;
  height: 45px;
  width: 960px;
  background: #fff;
}
#nav_bar{
  margin-top: -45px;
  margin-left: 330px;
  font-size: 14px;
  font-weight: 500;
}
#nav_container img{
  margin-top: 10px;
  margin-left: 10px;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 10px;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}

/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	margin-bottom: 1em;
}
.sf-menu ul {
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
/* fallback colour must use full shorthand */
	padding: .75em 1em;
	text-decoration: none;
  text-transform: uppercase;
	zoom: 1; /* IE7 */
}
.sf-menu a {
	color: black;
}
.sf-menu li {
	background: #fff;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}
.sf-menu .ticket_nav {
  background: #50E3C2;
  margin-left: 50px;
  color: #fff;
}
.sf-menu .ticket_nav a{
  color: #fff;
}

.sf-menu ul li {
	background: #fff;
}
.sf-menu ul ul li {
	background: #fff;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	background: #D1D1D1;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}
.sf-menu .navboxes{
  margin-left: 50px
}
/* nav bar */

/* header section*/
header img{
  float: left;
  margin-top: -24px;
}
#logo_container{
  float: left;
  margin: -350 0 0 400;
}
#header_container{
  float: left;
  margin: -250 0 0 340;
}
#header_container h1{
  text-align: center;
  margin: 30px 0 0 0;
}
.bold_18{
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
}
#header_container> p{
  text-transform: uppercase;
  text-align: center;
  clear: both;
  width: 350px;
  color: #fff;
  font-weight: 100;
  font-size: 14px;
  line-height: 1.4;
}
#email_subscribe{
  margin: 40 -130px;
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  width: 200px;
  height: 50px;
}
#email_subscribe div{
  margin: -40px 150px 0;
  background-color: #D8D8D8;
  width: 300px;
  height: 30px;
}
#email_subscribe button{
  margin: -30 470;
  font-weight: bold;
  color: white;
  background-color: #50E3C2;
  width: 90px;
  height: 30px;
  border-style: none;
  border-radius: 10px;
}
footer div{
  border: 1px solid red;
  float: left;
  color: #9B9B9B;
  width: 960px;
  height: 152px;
  margin-top: 515px;
}
footer ul{
  list-style: none;
  line-height: 2;
  font-weight: 12px;
}
footer ul:first-child{
  margin-top: 30px;
}
footer ul:nth-child(2){
  margin-left: 200px;
  margin-top: -75px;
}
footer img{
  margin-left: 800;
  margin-top: -60px;
}

// Write JavaScript here 
jQuery(document).ready(function() {
		jQuery('ul.sf-menu').superfish();
	});

/*
 * jQuery Superfish Menu Plugin
 * Copyright (c) 2013 Joel Birch
 *
 * Dual licensed under the MIT and GPL licenses:
 *	http://www.opensource.org/licenses/mit-license.php
 *	http://www.gnu.org/licenses/gpl.html
 */

(function ($, w) {
	"use strict";

if (!this.parents('.' + o.hoverClass).length) {
					o.onIdle.call(getMenu(this));
					if (o.$path.length) {
						$.proxy(over, o.$path)();
					}
				}
			},
			out = function () {
				var $this = $(this),
					o = getOptions($this);
				if (ios) {
					$.proxy(close, $this, o)();
				}
				else {
					clearTimeout(o.sfTimer);
					o.sfTimer = setTimeout($.proxy(close, $this, o), o.delay);
				}
			},
			touchHandler = function (e) {
				var $this = $(this),
					o = getOptions($this),
					$ul = $this.siblings(e.data.popUpSelector);

if (o.onHandleTouch.call($ul) === false) {
					return this;
				}

if ($ul.length > 0 && $ul.is(':hidden')) {
					$this.one('click.superfish', false);
					if (e.type === 'MSPointerDown' || e.type === 'pointerdown') {
						$this.trigger('focus');
					} else {
						$.proxy(over, $this.parent('li'))();
					}
				}
			},
			applyHandlers = function ($menu, o) {
				var targets = 'li:has(' + o.popUpSelector + ')';
				if ($.fn.hoverIntent && !o.disableHI) {
					$menu.hoverIntent(over, out, targets);
				}
				else {
					$menu
						.on('mouseenter.superfish', targets, over)
						.on('mouseleave.superfish', targets, out);
				}
				var touchevent = 'MSPointerDown.superfish';
				if (unprefixedPointerEvents) {
					touchevent = 'pointerdown.superfish';
				}
				if (!ios) {
					touchevent += ' touchend.superfish';
				}
				if (wp7) {
					touchevent += ' mousedown.superfish';
				}
				$menu
					.on('focusin.superfish', 'li', over)
					.on('focusout.superfish', 'li', out)
					.on(touchevent, 'a', o, touchHandler);
			};

return {
			// public methods
			hide: function (instant) {
				if (this.length) {
					var $this = this,
						o = getOptions($this);

if (!o) {
						return this;
					}
					var not = (o.retainPath === true) ? o.$path : '',
						$ul = $this.find('li.' + o.hoverClass).add(this).not(not).removeClass(o.hoverClass).children(o.popUpSelector),
						speed = o.speedOut;

if (instant) {
						$ul.show();
						speed = 0;
					}
					o.retainPath = false;

if (o.onBeforeHide.call($ul) === false) {
						return this;
					}

$ul.stop(true, true).animate(o.animationOut, speed, function () {
						var $this = $(this);
						o.onHide.call($this);
					});
				}
				return this;
			},
			show: function () {
				var o = getOptions(this);
				if (!o) {
					return this;
				}
				var $this = this.addClass(o.hoverClass),
					$ul = $this.children(o.popUpSelector);

if (o.onBeforeShow.call($ul) === false) {
					return this;
				}

$ul.stop(true, true).animate(o.animation, o.speed, function () {
					o.onShow.call($ul);
				});
				return this;
			},
			destroy: function () {
				return this.each(function () {
					var $this = $(this),
						o = $this.data('sfOptions'),
						$hasPopUp;
					if (!o) {
						return false;
					}
					$hasPopUp = $this.find(o.popUpSelector).parent('li');
					clearTimeout(o.sfTimer);
					toggleMenuClasses($this, o);
					toggleAnchorClass($hasPopUp);
					toggleTouchAction($this);
					// remove event handlers
					$this.off('.superfish').off('.hoverIntent');
					// clear animation's inline display style
					$hasPopUp.children(o.popUpSelector).attr('style', function (i, style) {
						if (typeof style !== 'undefined') {
							return style.replace(/display[^;]+;?/g, '');
						}
					});
					// reset 'current' path classes
					o.$path.removeClass(o.hoverClass + ' ' + c.bcClass).addClass(o.pathClass);
					$this.find('.' + o.hoverClass).removeClass(o.hoverClass);
					o.onDestroy.call($this);
					$this.removeData('sfOptions');
				});
			},
			init: function (op) {
				return this.each(function () {
					var $this = $(this);

if ($this.data('sfOptions')) {
						return false;
					}
					var o = $.extend({}, $.fn.superfish.defaults, op),
						$hasPopUp = $this.find(o.popUpSelector).parent('li');
					o.$path = setPathToCurrent($this, o);

$this.data('sfOptions', o);

toggleMenuClasses($this, o, true);
					toggleAnchorClass($hasPopUp, true);
					toggleTouchAction($this);
					applyHandlers($this, o);

$hasPopUp.not('.' + c.bcClass).superfish('hide', true);

o.onInit.call(this);
				});
			}
		};
	})();

$.fn.superfish = function (method, args) {
		if (methods[method]) {
			return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
		}
		else if (typeof method === 'object' || ! method) {
			return methods.init.apply(this, arguments);
		}
		else {
			return $.error('Method ' +  method + ' does not exist on jQuery.fn.superfish');
		}
	};

$.fn.superfish.defaults = {
		popUpSelector: 'ul,.sf-mega', // within menu context
		hoverClass: 'sfHover',
		pathClass: 'overrideThisToUse',
		pathLevels: 1,
		delay: 800,
		animation: {opacity: 'show'},
		animationOut: {opacity: 'hide'},
		speed: 'normal',
		speedOut: 'fast',
		cssArrows: true,
		disableHI: false,
		onInit: $.noop,
		onBeforeShow: $.noop,
		onShow: $.noop,
		onBeforeHide: $.noop,
		onHide: $.noop,
		onIdle: $.noop,
		onDestroy: $.noop,
		onHandleTouch: $.noop
	};

})(jQuery, window);