* { margin: 0px; padding: 0px; border: 0px; }
html { font-family: 'Typewriter', sans-serif; font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }
body { background-color: #f2f2f2; width: 100%; height: 100%; font-size: 13px; line-height: 17px; letter-spacing: 0.1em; }
span.super { display: none; /* font-size: 10px; */ }

a { text-decoration: none; color: #000000; }
a:hover { text-decoration: none; color: #c44714; cursor: pointer; }
.selected { color: #c44714; }

#container { position: relative; margin: 0px auto 0px auto; width: 1199px; z-index: auto; } /* Original width: 1280px; */
#container #navigation { position: fixed; width: 1108px; height: 172px; background-color: #f2f2f2; margin: 0px 47px 0px 46px; z-index: 10; } /* Original margin: 0px 86px 0px 86px; */
#container #navigation #logoArea { position: absolute; top: 0px; left: 1px; width: 220px; height: 172px; border-right: 1px solid #000000; }
#container #navigation #logoArea a { text-decoration: none; color: #000000; }
#container #navigation #logoArea a:hover { text-decoration: none; color: #000000; cursor: pointer; }
#container #navigation #logoArea #logo { width: 99px; height: 60px; background-image: url(/assets/static/AW_Web_Logo_198x120.png); background-repeat: no-repeat; background-size: contain; margin: 29px 0px 0px 0px; }
#container #navigation #logoArea p { margin: 36px 0px 0px 0px; }

#container #navigation .screeningLayer { position: absolute; width: 1108px; height: 172px; z-index: 15; background-color: rgba(0,0,0,0.9); }

#container #navigation #primaryNavigation { position: absolute; top: 0px; left: 222px; width: 441px; height: 172px; border-right: 1px solid #000000; }
#container #navigation #primaryNavigation ul { list-style: none; margin: 29px 0px 0px 11px; }
#container #navigation #primaryNavigation ul li { }

#container #navigation #secondaryNavigation { position: absolute; top: 0px; left: 663px; width: 442px; height: 172px; /* border-left: 1px solid #000000; */ }
#container #navigation #secondaryNavigation ul { list-style: none; margin: 29px 0px 0px 11px; }
#container #navigation #secondaryNavigation ul li {}

#container #navigation #aboutMe { position: absolute; top: 0px; left: 663px; width: 442px; border-left: 1px solid #000000; }
#container #navigation #aboutMe p:first-child { margin: 29px 0px 0px 11px; }
#container #navigation #aboutMe p { margin: 15px 0px 0px 11px; }

#container #navigation #aboutMe p a { text-decoration: underline; color: #000000; cursor: pointer; }
#container #navigation #aboutMe p a:hover { text-decoration: underline; color: #c44714; cursor: pointer; }

/* For Smart Phones (Potrait & Landscape) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { 
	#container #navigation { position: absolute; }
}

/* iPhone 5 (Potrait & Landscape) */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) { 
	#container #navigation { position: absolute; }
}

/* iPhone 2g - 4s (Potrait & Landscape) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { 
	#container #navigation { position: absolute; }
}

/* For iPad (Potrait & Landscape) */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#container #navigation { position: absolute; }	
}