/* Color Palette
Maroon:		#730000
 */

body {background: #E5E5E5 url(../images/topGradient.jpg) repeat-x; margin: 0px; margin-top: 0px; padding: 0px; text-align: center; font: 10px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;}
h1 { font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; font-size: 32px; font-weight: bold; color:#FFFFFF;}
h2 { font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color:#CCCCCC;}
img {border: 0px;}
a:link {color: #0033CC;}
a:visited {color: #0033CC;}
a:hover {color: #0000FF;}
a:active {color: #730000;}

#main {background: #404040; margin-top: 10px; margin-left: auto; margin-right: auto; text-align: left; width: 720px; min-height: 480px; position:relative; border: 1px solid #808080; border-width: 1px; border-color: #808080; border-style: solid;}
#header {background:#730000 url(../images/headerBG.gif) repeat-x; height: 70px; z-index: 50;}
#growHeader {background:#730000 url(../images/growHeaderBG.jpg) repeat-x; height: 70px; z-index: 50;}
#headerSideL {float: left; clear: none;}
#headerSideR {float: right; clear: none;}
#aaLogo {position:absolute; top: 30px; left: 40px; border: 0px; z-index:99;}
#growLogo {position:absolute; top: 0px; left: 170px; border: 0px; z-index:99;}
#welcomeTab {position:absolute; top: 50px; left: 200px; border: 0px;}
#worksTab {position:absolute; top: 50px; left: 330px; border: 0px;}
#previewTab {position:absolute; top: 50px; left: 460px; border: 0px;}
#campaignTab {position:absolute; top: 50px; left: 590px; border: 0px;}
#dividerLine {background: #e5e5e5; width:720px; height: 12px; position:relative; margin: 0px;}
#dkGreyLine {background: #808080; width:720px; max-height: 2px; height: 2px; position:absolute; top: 10px; z-index:1; margin: 0px;}

#mainContent { position:relative; }
.introPage0 { background: url(../images/reasonsSplash.jpg) no-repeat; }
.introPage1 { background: url(../images/reasons1.jpg) no-repeat; }
.introPage2 { background: url(../images/reasons2.jpg) no-repeat; }
.introPage3 { background: url(../images/reasons3.jpg) no-repeat; }
.introPage4 { background: url(../images/reasons4.jpg) no-repeat; }
.introPage5 { background: url(../images/reasons5.jpg) no-repeat; }
.introPage6 { background: url(../images/reasonsLetter.jpg) no-repeat; }
#readMoreButton { position: absolute; top: 355px; left: 380px; }
#prevButton { position: absolute; top: 355px; left: 325px; }
#nextButton { position: absolute; top: 355px; left: 390px; }

#footerInfo { margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 30px; width: 720px; position: relative; }
#footerInfo div { position: absolute; top: 0px; left: 10px; }
#footerInfo p { text-align:right; margin-right: 10px; }
#splashTagline {width: 210px; position:absolute; top: 20px; left: 230px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #CCCCCC; line-height:28px;}
#quickStart {background: #e5e5e5; width: 240px; height: 195px; position:absolute; top: 10px; left: 470px;}
#quickStart form {font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 10px; margin: 10px; margin-bottom: 10px;}
.quickStartInput {padding-left: 3px; padding-right: 3px; width: 210px; margin-top: 5px; margin-bottom: 5px; }
#quickStartLine {position:absolute; left: 10px; top: 134px;}
#quickStartButton {position:absolute; left: 10px; top: 145px; width: 220px; }
#fullAccess {background:url(../images/black50.png) repeat; width: 240px; height: 180px; position:absolute; top: 215px; left: 470px;}
* html #fullAccess {background-color: #000; back\ground-color: transparent; background-image: url(../images/spacer.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/black50.png", sizingMethod="scale");}
#fullAccess p {color: #FFFFFF; font-size: 16px; margin: 10px;}
#fullAccess ul {margin-top: -1px;}
#fullAccess li {color: #FFFFFF; font-size: 10px; margin-left: -10px; margin-top: 4px;}
#fullAccess form {margin: 10px;}
#fullAccess form img {margin-top: 10px;}
#fullAccessLine {position:absolute; left: 10px; top: 119px;}
#fullAccessButton {position:absolute; left: 10px; top: 130px;}
#questions {width: 220px; position: absolute; top:410px; left: 480px; color:#FFFFFF;}
#questions p {color: #FFFFFF; font-size: 16px; margin-bottom: 10px; margin-top: 0px;}
#questions a:link {color:#FFFFFF; text-decoration: none;}
#questions a:visited {color:#FFFFFF; text-decoration: none;}
#questions a:hover {color:#CCCCCC; text-decoration: underline;}
#questions a:active {color:#808080; text-decoration: none;}
#signUp {background: #e5e5e5; width: 240px; height: 330px; position:absolute; top: 10px; left: 470px;} 
#signUp form {font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 10px; margin: 10px; margin-bottom: 10px;}
#signUp form input {padding-left: 3px; padding-right: 3px; width: 210px; margin-top: 5px;}
#signUp form select { width: 220px; margin-top: 5px;}
#signUpButton {position:absolute; left: 10px; top: 280px; border: 0px;}
#signUpQuestions {width: 220px; position: absolute; top:360px; left: 480px; color:#FFFFFF;}
#signUpQuestions p {color: #FFFFFF; font-size: 16px; margin-bottom: 10px; margin-top: 0px;}
#signUpQuestions a:link {color:#FFFFFF; text-decoration: none;}
#signUpQuestions a:visited {color:#FFFFFF; text-decoration: none;}
#signUpQuestions a:hover {color:#CCCCCC; text-decoration: underline;}
#signUpQuestions a:active {color:#808080; text-decoration: none;}

.splashTabActive {background: #e5e5e5; width:120px; height: 20px; color:#730000; text-align:center; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding-top: 3px; padding-bottom: 0px;}
.splashTabInactive {background: #e5e5e5 url(../images/tabBG.gif) top repeat-x; width:120px; height: 20px; color:#808080; text-align:center; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding-top: 3px; padding-bottom: 0px;}
.splashTabInactive a:link {color:#808080; text-decoration: none;}
.splashTabInactive a:visited {color:#808080; text-decoration: none;}
.splashTabInactive a:hover {color:#333333;}
.splashTabInactive a:active {color:#730000; text-decoration: none;}
.splashTagAccented {color: #FFFFFF; font-size: 30px; line-height: 34px;}

.previewHeadline {margin: 0px; padding: 40px; width: 370px; margin-top: 0px; position: relative;}
.previewHeadline h1 {margin: 0px;}
.previewHeadline h2 {margin: 0px;}
.previewContent { background: #FFFFFF url(../images/previewBG.gif) top no-repeat; margin-left: 10px; margin-bottom: 10px; margin-top: 10px; padding: 50px; width: 350px; min-height: 280px; }
.previewContent h1 {font-size: 18px; color: #730000;}
.previewContent h2 {font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; font-size: 12px; color: #000000; margin-bottom: 0px; margin-top: 20px;}
.previewContent p {margin-top: 0px;}

.employerTable td {width: 90px; text-align: center; padding: 5px; vertical-align: top;}
.employerTable td p a:link {text-decoration: none;}

.realEstateTable {border: 1px solid #808080;}
.realEstateTable td {width: 60px; min-height: 30px; text-align: center; padding: 2px; vertical-align: middle; border: 1px solid #808080;}
.realEstateLabels {background:#808080; color:#FFFFFF;}
.realEstateOdd {background:#E5E5E5;}

.iconList {margin-bottom: 40px;}
.iconL {margin-left:6px;}

.signUpLine {margin-top: 10px; margin-bottom: 10px;}
.signUpDisclaimer {margin-top: 0px; margin-bottom: 0px; color: #808080; text-align: center;}

.contentHeadline { background: url(../images/contentHeader.jpg) top left no-repeat; margin-left: 10px; padding: 40px; width: 370px; height: 120px; margin-top: 10px; margin-bottom: 10px; position: relative; }
.contentHeadline h1 {margin: 0px;}
.contentHeadline h2 {margin: 0px;}

.contactMessage { margin-top: 10px; margin-left: 10px; width: 220px; position: relative; }
.contactMessage div { display: inline; }
.contactGroup { margin-left: 5px; max-width: 120px; }
.contactSendDate { position: absolute; top: 12px; left: 160px; width: 60px; text-align: right; }
.bottomLine { margin-bottom: 10px; margin-top: 10px; margin-left: 10px; width: 220px; height: 2px; }

.invisible { display: none; }
.visible { display: block; }
.error { color:#730000; }

#bigIdeaLogo {
	position:absolute;
	top: 5px;
	left: 591px;
	border: 0px;
	z-index:99;
}