* {margin: 0px;}

a {border:none; outline: 0;}

#wrapper {width: 100%; height: 100%; text-align: center; background-position: center top; font-family: Arial, Helvetica, sans-serif;}
#wrapper #content {height: 500px; width: 850px; background-position: center top; margin-right: auto; margin-left: auto; margin-top: 100px;}

#wrapper #footer {font-size: 10px; width: 850px; padding-top: 5px; list-style-type: none; text-align: right; margin-right: auto; margin-left: auto; clear: both;}
#wrapper #content #contentLeft {font-size: 12px; text-align: left; padding-top: 50px; padding-left: 30px; float: left; width: 490px; line-height: 24px;}
#wrapper #content #contentRight {float: right; width: 300px; padding-right: 28px; padding-top: 75px; text-align: right;}
#wrapper #content #logo {clear: both; padding-top: 60px; padding-right: 28px; text-align: right; padding-bottom: 30px;}
#wrapper #content #nav {text-align: left; padding-bottom: 5px; height: 20px; padding-top: 35px; padding-left: 30px; font-size: 12px; color: #999999; float: left; width: 395px}
#wrapper #content #nav a {color: #000000;}
#wrapper #content #nav a:hover {color: #999999;}
#wrapper #content #navRight {text-align: right; padding-bottom: 5px; height: 20px; padding-top: 35px; padding-right: 30px; font-size: 12px; color: #999999; float: right; width: 395px;}
#wrapper #content #navRight a {color: #000000;}
#wrapper #content #navRight a:hover {color: #999999;}

#wrapper #footer li {display: inline; color: #999999; clear: both;}
#wrapper #footer li a {color: #000000; text-decoration: none; padding-left: 6em; padding-right: 6em;}
#wrapper #footer li a:hover {color: #000000; text-decoration: underline; padding-left: 6em; padding-right: 6em;}

a {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; text-decoration: none}
a:hover {color: #959595; text-decoration: underline }
.head {font-size: 24px; color: #000000; padding-bottom: 40px;}
.text {
	font-size: 12px;
	color: #000;
	padding-bottom: 10px;
}

ul#navigation {list-style-type: none; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: left;}
ul#navigation li {display: inline;}
ul#navigation li a {color: #000000; text-decoration: none; padding-right: 2em;}
ul#navigation li a:hover {color: #999;}


#altContent {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; height: 800px; width: 1200px; margin-right: auto; margin-left: auto;}
#altContent #content {height: 510px; width: 810px; margin-right: auto; margin-left: auto; border: 20px solid #000000; margin-top: 100px; background-image: url(faceTheFuture/background.png);}
#altContent #content #logo {clear: both; padding-top: 60px; padding-right: 28px; text-align: right; padding-bottom: 30px;}
#altContent #content #portfolioText {font-family: Verdana, Geneva, sans-serif; font-size: 10px; line-height: 16px; float: left; width: 165px; padding-top: 15px; padding-right: 5px; padding-left: 15px;}
#altContent #content #portfolio {float: right; width: 600px; height: 435px; padding-top: 7px;}
#altContent #contentRight {float: right; width: 120px; padding-right: 24px; padding-top: 80px;}
#altContent #contentText {text-align: left; width: 490px; padding-right: 25px; padding-left: 151px;}
#altContent #content #nav {clear: both; float: left; width: 631px; padding-left: 30px; height: 20px; padding-top: 15px;}
#altContent #content #text {padding-left: 30px; padding-top: 30px; height: 335px;}
#altContent #content #navRight {float: right; width: 115px; height: 20px; padding-top: 15px; text-align: right; clear: right; padding-right: 33px;}
#altContent #stoplight {height: 40px; width: 780px; margin-right: auto; margin-left: auto; padding-left: 50px;}
#altContent #pFooter {width: 850px; margin-right: auto; margin-left: auto; text-align: right; font-size: 9px; padding-top: 3px; color: #000;}


#popup {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; padding-top: 20px; padding-right: 20px; padding-left: 20px; background-image: url(green/background.jpg); width: 360px; height: 600px; line-height: 16px;}
#popupG {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; padding-top: 20px; padding-right: 20px; padding-left: 20px; background-image: url(green/background.jpg); width: 360px; height: 600px; line-height: 16px;}
#popupY {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; padding-top: 20px; padding-right: 20px; padding-left: 20px; background-image: url(yellow/background.jpg); width: 360px; height: 600px; line-height: 16px;}
#popupR {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; padding-top: 20px; padding-right: 20px; padding-left: 20px; background-image: url(red/background.jpg); width: 360px; height: 600px; line-height: 16px;}
#popupOG {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; padding-top: 20px; padding-right: 20px; padding-left: 20px; background-image: url(overview/green/background.jpg); width: 360px; height: 600px; line-height: 16px;}
#popupOY {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; padding-top: 20px; padding-right: 20px; padding-left: 20px; background-image: url(overview/yellow/background.jpg); width: 360px; height: 600px; line-height: 16px;}
#popupOR {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; padding-top: 20px; padding-right: 20px; padding-left: 20px; background-image: url(overview/red/background.jpg); width: 360px; height: 600px; line-height: 16px;}
.popupHead {font-family: Arial, Helvetica, sans-serif; font-size: 44px; color: #000000; padding-bottom: 10px; line-height: 30px;}
.popupSub {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #ffffff; padding-bottom: 5px; line-height: 40px;}
.popupText {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; padding-top: 10px;}
.popupTextY {font-family: Arial, Helvetica, sans-serif; color: #000000; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; padding-top: 10px; font-size: 10pt;}
.popupTextW {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #0F0; padding-top: 10px;}
.popupDate {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999; padding-top: 10px;}
.popupTitle {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #0F0; padding-top: 5px; padding-bottom: 5px; line-height: 26px;}
.popupTitleB {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000; padding-top: 5px; padding-bottom: 5px; line-height: 26px;}

#close {text-align: right; margin-top: 40px;}
#portfolio {height: 680px; width: 1024px; margin: 0 auto;}
#popupPG {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; padding-right: 20px; padding-left: 20px; width: 360px; line-height: 16px; background-image: url(portfolio/green/images/tile.jpg); color: #FFF;}
#popupPG #border {background-color: #000; height: 20px; width: 360px;}
#popupPG #pic {width: 358px; border: 1px solid #FFF;}
#popupPR {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 16px; width: 400px; height: 600px; background-image: url(portfolio/red/background.jpg);}
#popupPR #text {width: 360px; padding-right: 19px; padding-left: 19px; padding-top: 10px;}
#popupPY {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; padding-right: 20px; padding-left: 20px; width: 360px; height: 750px; line-height: 16px; background-image: url(portfolio/yellow/background.jpg);}