@charset "UTF-8";
/* CSS Document */



/* --- CSS Reset --- */

    /**
    * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
    * http://cssreset.com
    */
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
    body {
    line-height: 1;
    }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }
	
	sup {font-size:x-small; vertical-align:super;}
	
	
/*prevent touch screen hover effects from trying to save image as*/
.hover {
-webkit-user-select: none;
-webkit-touch-callout: none;        
}

/*prevent touch screen button presses from highlighting stuff*/
html { -webkit-tap-highlight-color:transparent; }
	
/* --- CSS reset end --- */

/* --- General Stuff --- */

html{
    min-height:100%;/* make sure it is at least as tall as the viewport */
    position:relative
}

body {
	height:100%;
}

p, h1, h2, h3, h4, h5, h6, a, li {
	font-family:"freight-sans-pro", sans-serif;
	font-weight:400;
	font-style:normal;
	color:#330303;
}
	

.forestbg {
	background-image:url(Images/Tiles/tile-forest.jpg);
}

#site-container {
	min-height:100%;
	display:block;
}

#loadinggraphic {
	display:block;
	position:fixed;
	height:100%;
	width:100%;
	background-color:#fffef8;
	background-image:url(Images/Animations/loading.gif);
	background-repeat:no-repeat;
	background-position:center;
	z-index:20;
}

#content-container {
	width:100%;
	margin:0px auto;
	background-image:url(Images/Tiles/tile-fade2.png);
	background-repeat:repeat-x;
}

#content {
	width:780px;
	display:block;
	margin:0px auto;
}

.blank{ /*used to remove things from the scene while leaving them loaded*/
	left:800px !important;
}

#footer {
	width:780px;
	display:block;
	margin:0px auto;
	height:39px;
	margin-bottom:40px;
	background-image:url(Images/Backgrounds/Footer.png);
	overflow:hidden;
}

#footertext {
	font-size:12px;
	text-align:center;
	line-height:39px;
}

#footertext a{
	color:#3F6A89;
	text-decoration:none;
}

/* --- End General Stuff --- */

/* --- Header --- */

#header-container {
	margin: 0px auto;
	background-image:url(Images/Tiles/tile-header2.jpg);
	background-position:center;
	background-repeat:repeat;
}

#header{
	height:160px;
	width:768px;
	margin: 0px auto;
	background-image:url(Images/Backgrounds/Header.jpg);	
}

/* --- End Header --- */

/* --- Top Menu --- */

#navigation-top {
	display:block;
	width:100%;
	height:120px;
}

#navigation-top ul {
	text-align:center;
}

#navigation-top li {
	display:inline-block;
	margin:0;
}

#navigation-top a {
	display:block;
	height:57px;
	width:57px;
	margin:57px 18px 0 18px;
}

#nav1 {
	background:url(Images/Buttons/navbuttons.png) 0 0;
}

#nav1:hover {
	background:url(Images/Buttons/navbuttons.png) 0 -58px;
}

#nav2 {
	background:url(Images/Buttons/navbuttons.png) -58px 0;
}

#nav2:hover {
	background:url(Images/Buttons/navbuttons.png) -58px -58px;
}

#nav3 {
	background:url(Images/Buttons/navbuttons.png) -116px 0;
}

#nav3:hover {
	background:url(Images/Buttons/navbuttons.png) -116px -58px;
}

#nav4 {
	background:url(Images/Buttons/navbuttons.png) -174px 0;
}

#nav4:hover {
	background:url(Images/Buttons/navbuttons.png) -174px -58px;
}

#nav5 {
	background:url(Images/Buttons/navbuttons.png) -232px 0;
}

#nav5:hover {
	background:url(Images/Buttons/navbuttons.png) -232px -58px;
}

#nav6 {
	background:url(Images/Buttons/navbuttons.png) -290px 0;
}

#nav6:hover {
	background:url(Images/Buttons/navbuttons.png) -290px -58px;
}

/* --- End Top Menu --- */

/* --- Section 1 --- */

#Part1BG1 {
	height:614px;
	width:780px;
	margin:auto;
	background-image:url(Images/Backgrounds/Section1-1.jpg);
}

#Part1Intro {
	width:780px;
	margin:auto;
	background-image:url(Images/Tiles/tile-section1words.jpg);
	text-align:center;
}

#Part1Intro h2 {
	width:600px;
	margin:auto;
	font-size:24px;
	line-height:1.8;
}

#Part1Intro p {
	width:600px;
	margin:auto;
	font-size:18px;
	line-height:1.8;
}

#Part1Spacer {
	width:780px;
	height:100px;
}

#Part1BG2 {
	height:2118px;
	width:780px;
	margin:auto;
	background-image:url(Images/Backgrounds/Section1-2.jpg);
	overflow:hidden;
}

/*video*/
#ScenicVideo {
	margin:140px 110px 0 110px;
	position:relative;
	top:-170px;
}

/* billboards */
#ExamplesContainer {
	height:400px;
	margin-top:622px;
	padding-left:39px;
	position:relative;
	top:-770px;
}

.example{
	display:block;
	float:left;
	width:206px;
	height:150px;
	margin-bottom:67px;
	margin-left:16px;
}

#exSignClutter{
	background:url(Images/Animations/Billboards1.gif) 0 0;
}

#exSignClutter:hover{
	background:url(Images/Animations/Billboards1.gif) 0 -302px;
}

#exBillboards{
	background:url(Images/Animations/Billboards1.gif) -206px 0;
}

#exBillboards:hover{
	background:url(Images/Animations/Billboards1.gif) -206px -302px;
}

#exTreeCutting{
	background:url(Images/Animations/Billboards1.gif) -412px 0;
}

#exTreeCutting:hover{
	background:url(Images/Animations/Billboards1.gif) -412px -302px;
}

#exPhoneWires{
	background:url(Images/Animations/Billboards1.gif) 0 -152px;
}

#exPhoneWires:hover{
	background:url(Images/Animations/Billboards1.gif) 0 -454px;
}

#exLitter{
	background:url(Images/Animations/Billboards1.gif) -206px -152px;
}

#exLitter:hover{
	background:url(Images/Animations/Billboards1.gif) -206px -454px;
}

#exCellTowers{
	background:url(Images/Animations/Billboards1.gif) -412px -152px;
}

#exCellTowers:hover{
	background:url(Images/Animations/Billboards1.gif) -412px -454px;
}

/*search at bottom*/
/*I ended up doing this almost exclusively through javascript - both to switch to the image's mouse-over and later to blank its background image*/
#PollutionSearch{
	display:block;
	height:1020px;
}

#antenna{
	height:277px;
	width:108px;
	position:relative;
	top:-439px;
	left:44px;
	background:url(Images/Section1Search/antenna.png) 0 0;
}

#antenna:hover{
	background:url(Images/Section1Search/antenna.png) 108px 0;
}

#billboard{
	height:150px;
	width:188px;
	position:relative;
	top:-275px;
	left:190px;
	background:url(Images/Section1Search/billboard.png) 0 0;
}

#billboard:hover{
	background:url(Images/Section1Search/billboard.png) 188px 0;
}

#couch{
	height:100px;
	width:224px;
	position:relative;
	top:-37px;
	left:140px;
	background:url(Images/Section1Search/couch.png) 0 0;
}

#couch:hover{
	background:url(Images/Section1Search/couch.png) 224px 0;
}
	
#graffiti{
	height:86px;
	width:89px;
	position:relative;
	top:-224px;
	left:245px;
	background:url(Images/Section1Search/graffiti.png) 0 0;
}

#graffiti:hover{
	background:url(Images/Section1Search/graffiti.png) 89px 0;
}

#tires{
	height:62px;
	width:87px;
	position:relative;
	top:-271px;
	left:429px;
	background:url(Images/Section1Search/tires.png) 0 0;
}

#tires:hover{
	background:url(Images/Section1Search/tires.png) 87px 0;
}

#signs{
	height:173px;
	width:147px;
	position:relative;
	top:-488px;
	left:5px;
	background:url(Images/Section1Search/signs.png) 0 0;
}

#signs:hover{
	background:url(Images/Section1Search/signs.png) 147px 0;
}

#litter{
	height:32px;
	width:42px;
	position:relative;
	top:-430px;
	left:412px;
	background:url(Images/Section1Search/litter.png) 0 0;
}

#litter:hover{
	background:url(Images/Section1Search/litter.png) 42px 0;
}

#treedead{
	height:316px;
	width:121px;
	position:relative;
	top:-749px;
	left:594px;
	background:url(Images/Section1Search/treedead.png) 0 0;
}

#treedead:hover{
	background:url(Images/Section1Search/treedead.png) 121px 0;
}

#treealive{
	height:391px;
	width:191px;
	z-index:10;
	position:relative;
	top:-1146px;
	left:583px;
	background:url(Images/Section1Search/treealive.png);
	/*this gets switched via javascript to treealive.png when #treedead is clicked - at the same time as #treedead goes invisible*/
}

/*telephone wires are the only ones that, when clicked, disappear rather than simply going invisible. this is because they're in front of a number of other items, and as the last item added won't screw up others' positions when they display:none.*/
#wiresleft{
	height:536px;
	width:24px;
	position:relative;
	top:-1681px;
	left:64px;
	background:url(Images/Section1Search/wiresleft.png) 0 0;
}

.wiresleftglow{
	background:url(Images/Section1Search/wiresleft.png) -24px 0 !important;
}

#wirescenter{
	height:61px;
	width:768px;
	position:relative;
	top:-2189px;
	left:6px;
	background:url(Images/Section1Search/wirescenter.png) 0 0;
}

.wirescenterglow{
	background:url(Images/Section1Search/wirescenter.png) 0 -61px !important;
}

#wiresright{
	height:537px;
	width:32px;
	position:relative;
	top:-2274px;
	left:737px;
	background:url(Images/Section1Search/wiresright.png) 0 0;
}

.wiresrightglow{
	background:url(Images/Section1Search/wiresright.png) -32px 0 !important;
}

/*nav button*/

#pollutionsearchreset{
	display:block;
	width:176px;
	height:79px;
	background:url(Images/Buttons/RepolluteButton.png) 0 0;
	position:relative;
	top:-2215px;
	left:55px;
}

#pollutionsearchreset:hover {
	background:url(Images/Buttons/RepolluteButton.png) 0 -79px;
}

#NextButton1 {
	display:block;
	width:209px;
	height:94px;
	background:url(Images/Buttons/BottomButtons1.png) 0 0;
	position:relative;
	top:-526px;
	left:530px;
}

#NextButton1:hover {
	background:url(Images/Buttons/BottomButtons1.png) 0 94px;
}

/* --- End Section 1 --- */

/* --- Section 2 --- */

.Part2Content {
}

.Part2WordsDiv {
	display:block;
	padding:18px 48px;
	background-image:url(Images/Tiles/tile-section2words.gif);
}

.Part2Words {
	font-family:"freight-text-pro";
	font-size:18px;
	font-weight:400;
	line-height:1.8;
}

.Part2Words b {
	font-weight:600;
}

#Part2Image1 {
	background-image:url(Images/Backgrounds/Section2-1.jpg);
	height:857px;
}

#firstbird {
	width:354px;
	height:84px;
	display:block;
	position:relative;
	top:506px;
	left:218px;
}

#Part2Image2 {
	background-image:url(Images/Backgrounds/Section2-2.jpg);
	height:325px;
}

#Part2Image3 {
	background-image:url(Images/Backgrounds/Section2-3.jpg);
	height:234px;
}

#hatchbacksmoke {
	width:73px;
	height:72px;
	display:block;
	position:relative;
	top:140px;
	left:147px;
}

#Part2Image4 {
	background-image:url(Images/Backgrounds/Section2-4.jpg);
	height:234px;
}

#Part2Image5 {
	background-image:url(Images/Backgrounds/Section2-5.jpg);
	height:466px;
}

#blinkysalesign {
	width:132px;
	height:80px;
	display:block;
	position:relative;
	top:256px;
	left:39px;
}

#Part2Image6 {
	background-image:url(Images/Backgrounds/Section2-6.jpg);
	height:479px;
}

.Part2SectionContainer {
	position:relative;
}

.Part2Overlay {
	position:absolute;
	z-index:10;
	top:0px;
	bottom:0px;
	right:6px;
	left:6px;
	background:#FFFBE8;
}

.Part2Overlay h2, .Part2Overlay p {
	color:#3D1314;
	text-align:center;
}

.Part2Overlay h2 {
	font-size:32px;
}

#NavBottom2 {
	display:block;
	width:100%;
	height:150px;
	background-image:url(Images/Tiles/tile-section2words.gif);
}

#NavBottom2 ul {
	text-align:center;
}

#NavBottom2 li {
	display:inline-block;
	margin:0;
}

#NavBottom2 a {
	display:block;
	height:113px;
	margin:0px 50px 0 50px;
}

#LastButton2{
	background:url(Images/Buttons/BottomButtons2.png) 0 0;
	width:220px;
}

#LastButton2:hover{
	background:url(Images/Buttons/BottomButtons2.png) 0 -113px;
}

#NextButton2{
	background:url(Images/Buttons/BottomButtons2.png) -220px 0;
	width:220px;
}

#NextButton2:hover{
	background:url(Images/Buttons/BottomButtons2.png) -220px -113px;
}

/* --- End Section 2 --- */

/* --- Section 3 --- */
/* All elements arranged with position:relative. CSS for the writing is first, 
followed by CSS for each animated bit.*/

.Part3Content {
	height:2594px;
	background-image:url(Images/Backgrounds/Section3.jpg);
	overflow:hidden;
}

.Part3Words {
	font-size:18px;
	line-height:1.8;
	display:block;
	background-image:url(Images/Tiles/TextBox-3.png);
	background-size:100% 100%;
	padding:40px;
	z-index:10;
	position:relative;
	overflow:hidden;
}

#Part3Words1{
	height:120px;
	width:500px;
	top:-689px;
	left:40px;
}

#Part3Words2{
	height:90px;
	width:400px;
	top:-209px;
	left:300px;
}

#Part3Words3{
	height:150px;
	width:500px;
	top:-199px;
}

#Part3Words4{
	height:200px;
	width:500px;
	top:66px;
	left:30px;
}

#Part3Footnotes{
	font-size:14px;
	line-height:1.4;
	height:110px;
	width:500px;
	top:91px;
	margin:0 auto;
}


/*Animated Bits*/
#billboards{
	display:block;
	height:483px;
	width:637px;
	position:relative;
	top:346px;
	left:137px;
	background-image:url(Images/Animations/billboards.gif);
}

#celltower {
	height:229px;
	width:234px;
	position:relative;
	top:120px;
	left:422px;
	background-image:url(Images/Animations/celltower-still.gif);
}

#celltower:hover {
	background-image:url(Images/Animations/celltower.gif);
}

#chimneysmoke {
	height:234px;
	width:568px;
	position:relative;
	background-image:url(Images/Animations/section3-chimneys.gif);
	top:786px;
	left:178px;
}

#NavBottom3 {
	display:block;
	width:100%;
	height:150px;
	position:relative;
	top:1378px;
}

#NavBottom3 a {
	display:block;
	position:relative;
	height:150px;
	margin:0px 50px 0 50px;
}

#LastButton3{
	background:url(Images/Buttons/BottomButtons3.png) 0 0;
	width:240px;
	top:0px;
	left:51px;
}

#LastButton3:hover{
	background:url(Images/Buttons/BottomButtons3.png) 0 -156px;
}

#NextButton3{
	background:url(Images/Buttons/BottomButtons3.png) -242px 0;
	width:236px;
	top:-150px;
	left:408px;
}

#NextButton3:hover{
	background:url(Images/Buttons/BottomButtons3.png) -242px -156px;
}

/* --- End Section 3 --- */

/* --- Section 4 --- */


#Part4Image1{
	height:737px;
	background-image:url(Images/Backgrounds/Section4-1.jpg);
}

#GalleryTitle{
	padding:20px 48px;
	background-image:url(Images/Tiles/tile-section2words.gif);
}

#GalleryTitle p{
	text-align:center;	
	font-size:24px;
	line-height:36px;
	margin:auto;
}


.Gallery{
	display:block;
	width:780px;
	height:254px;
	margin:auto;
	background-image:url(Images/Tiles/tile-section2words.gif);
	overflow:hidden;
}

.Gallery a{
	height:250px;
	width:380px;
	display:block;
	float:left;
	border:solid 1px #120201;
	overflow:hidden;
	position:relative;
	margin:0 1px;
	left:6px;
}

.GalleryWords{
	display:block;
	clear:both;
	width:780px;
	font-size:24px;
	margin:auto;
	background-image:url(Images/Tiles/tile-section2words.gif);
}

.GalleryWords p{
	font-size:18px;
	line-height:1.5;
	padding:20px 36px;
}

#Section4LastButton{
	background:url(Images/Buttons/BottomButton4Last.png) 0 0;
}

#Section4LastButton:hover{
	background:url(Images/Buttons/BottomButton4Last.png) 0 -250px;
}

#Section4NextButton{
	background:url(Images/Buttons/BottomButton4Next.png) 0 0;
}

#Section4NextButton:hover{
	background:url(Images/Buttons/BottomButton4Next.png) 0 -250px;
}

#Section4Video iframe{
	margin:0 70px 0 70px;
}

/* --- End Section 4 --- */

/* --- Section 5 --- */

.Part5Content{
}

/*View of city and the pieces that move in and out up there*/
#cityView {
	height:843px;
	width:780px;
	overflow:hidden;
}

.city-rural{
	background:url(Images/Backgrounds/Section5.jpg) 0 0;
}

.city-suburb{
	background:url(Images/Backgrounds/Section5.jpg) 0 -843px;
}

.city-urban{
	background:url(Images/Backgrounds/Section5.jpg) 0 -1686px;
}

#bluster-billboards{
	position:relative;
	width:768px;
	height:292px;
	background:url(Images/Section5/billboards.png);
	left:6px;
	top:287px;
	z-index:10;
}

#bluster-mural{
	position:relative;
	width:121px;
	height:106px;
	background:url(Images/Section5/mural.png);
	left:300px;
	top:230px;
}

#sidewalk {
	position:relative;
	width:768px;
	height:40px;
	left:6px;
	top:239px;
	z-index:12;
}

.sidewalk-normal {
	background:url(Images/Section5/sidewalks.png) 0 0;
}

.sidewalk-cracked {
	background:url(Images/Section5/sidewalks.png) 0 -78px;
}

.sidewalk-brick {
	background:url(Images/Section5/sidewalks.png) 0 -40px;
}

#trees {
	position:relative;
	width:768px;
	height:172px;
	left:6px;
	top:57px;
	z-index:13;
}

.trees-low {
	background:url(Images/Section5/trees.png) 0 0;
}

.trees-high{
	background:url(Images/Section5/trees.png) 0 -171px;
}

#designreview {
	position:relative;
	width:768px;
	height:204px;
	left:6px;
	top:-159px;
	z-index:8;
}

.review-low {
	background:url(Images/Section5/designreview.png) 0 0;
}

.review-med {
	background:none;
}

.review-high{
	background:url(Images/Section5/designreview.png) 0 -213px;
}

#designreviewurb {
	position:relative;
	width:768px;
	height:134px;
	left:12px;
	top:-435px;
	z-index:8;
}

.reviewurb-low{
	background:url(Images/Section5/designreview.png) 0 -420px;
}

.reviewurb-med{
	background:none;
}

.reviewurb-high{
	background:url(Images/Section5/designreview.png) 0 -558px;
}

#tacotrumpet{
	position:relative;
	width:148px;
	height:247px;
	left:6px;
	top:-618px;
	z-index:9;
}

.tacositdown {
	background:url(Images/Section5/tacotrumpet.png) -302px 0;
}

.tacosmallsign {
	background:url(Images/Section5/tacotrumpet.png) -149px 0;
}

.tacobigsign {
	background:url(Images/Section5/tacotrumpet.png) 0 0;
}

#vacantlot {
	position:relative;
	height:450px;
	left:284px;
	top:-996px;
	z-index:11;
}

.newbuildingurban {
	background:url(Images/Section5/vacantlot.png) -8px -4px;
	width:295px;
}

.newbuildingsuburb {
	background:url(Images/Section5/vacantlot.png) -299px -4px;
	width:315px;
}

.newpark {
	background:url(Images/Section5/vacantlot.png) -613px -4px;
	width:200px;
}

#herizon{
	position:relative;
	height:176px;
	z-index:8;
}

.herizon-urban {
	background:url(Images/Section5/celltowers.png) -281px 0;
	width:60px;
	left:596px;
	top:-1446px;
}

.herizon-suburb{
	background:url(Images/Section5/celltowers.png) -221px 0;
	width:60px;
	left:624px;
	top:-1366px;
}

.herizon-urban-disguised {
	background:url(Images/Section5/celltowers.png) -112px 0;
	width:108px;
	left:588px;
	top:-1451px;
}

.herizon-suburb-disguised{
	background:url(Images/Section5/celltowers.png) 0 0;
	width:108px;
	left:606px;
	top:-1363px;
}

#windowsigns{
	position:relative;
	height:64px;
	z-index:8;
}

.windowsigns-present{
	background:url(Images/Section5/signs.png) 0 0;
	width:525px;
	left:38px;
	top:-1241px;
}

.windowsigns-dogs{
	background:url(Images/Section5/signs.png) 0 -64px no-repeat;
	width:525px;
	left:37px;
	top:-1247px;
}


#sectionbreak{
	display:block;
	width:780px;
	height:6px;
	background-image:url(Images/Tiles/sectionbreak.png);
}




/*People, menus, options*/
#agenda {
	width:768px;
	padding:20px 40px;
}

#agenda h1{
	font-size:36px;
}

#agenda p{
	line-height:1.4;
	width:688px;
}

#petitioner-container {
	width:780px;
	background-image:url(Images/Tiles/tile-section2words.gif);
}

.petitioner{
	width:768px;
	margin:0 auto;
	
}

.petitioner-header{
	width:688px;
	padding:20px 40px;
	clear:both;
	border-top:2px solid #baad87;
}

.petitioner-header h2{
	font-size:18px;
	font-weight:600;
}

.petitioner-prompt{
	display:block;
	width:768px;
	height:300px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:90% 0;
	overflow:hidden;
}

.prompt-closed{	
}

.question{
	width:480px;
	padding:0 40px;
}

.option{
	width:480px;
	padding-left:40px;
	clear:both;
}

.checkbox{
	width:60px;
	height:50px;
	float:left;
	position:relative;
	left:-6px;
	top:4px;
	background:url(Images/Buttons/checkboxes.png) -6px -14px;
}

.checkbox:hover{
	background:url(Images/Buttons/checkboxes.png) -63px -14px;
}

.checkbox-chosen{
	background:url(Images/Buttons/checkboxes.png) -119px -14px !important;
}

.option-text{
	width:280px;
	float:left;
	margin:10px;
	padding-top:15px;
}

#census-prompt{
	background-image:url(Images/Section5/people/census.jpg);
}

#regulations-prompt{
	background-image:url(Images/Section5/people/designreview.jpg);
	display:none;
}

#sidewalks-prompt{
	background-image:url(Images/Section5/people/publicworks.jpg);
	display:none;
}

#teacher-prompt{
	background-image:url(Images/Section5/people/teacher.jpg);
	display:none;
}

#cat-prompt{
	background-image:url(Images/Section5/people/catman.jpg);
	display:none;
}

#food-prompt{
	background-image:url(Images/Section5/people/franchise.jpg);
	display:none;
}

#cell-prompt{
	background-image:url(Images/Section5/people/cellphone.jpg);
	display:none;
}

#bluster-prompt{
	background-image:url(Images/Section5/people/marketing.jpg);
	display:none;
}

#commerce-prompt{
	background-image:url(Images/Section5/people/commerce.jpg);
	display:none;
}

#NavBottom5 {
	display:block;
	width:100%;
	background-image:url(Images/Tiles/tile-section2words.gif);
}

#table5 {
	display:table;
	margin:0 auto;
}

#NavBottom5 ul {
	text-align:center;
	width:768px;
	padding:20px 0;
	border-top:2px solid #baad87;
	margin:auto;
}

#NavBottom5 ul li {
	display:inline-block;
	margin:0;
}

#NavBottom5 ul li a {
	font-size:24px;
	font-weight:600;
	display:block;
	margin:0px 50px 0 50px;
	text-decoration:none;
}

#NavBottom5 ul li a:hover{
	color:#ff2828;
}

#ResetButton5 {
	color:#ff2828;
}

#ResetButton5:hover {
	color:#600 !important;
}



/* --- End Section 5 --- */

/* --- Section 6 --- */

.Part6Content{
}

#Part6Image1{
	height:700px;
	background-image:url(Images/Backgrounds/Section6-1.jpg);
}

.Part6Words{
	padding:80px;
}

#signupform {
	background-color:#FFE8F2;
	border:2px solid #330303;
	padding:20px 40px;
	margin:20px auto;
}

#first_name, #last_name, #email, #signupform label, #signupform input {
	display:inline-block;
	font-size:24px;
	line-height:1.3;
	font-family:"freight-sans-pro", sans-serif;
	font-weight:400;
	font-style:normal;
	color:#330303;
	width:200px;
}

#signupform input{
	width:325px;
}

#first_name, #last_name, #email {
}

#signupform form input {
	margin:5px auto;
}

#signupbutton {
	margin:10px auto !important;
	margin-top:20px !important;
	width:200px !important;
	display:block !important;
}

.Part6Words p, .Part6Words a{
	font-size:24px;
	line-height:1.8;
}

.Part6Words a{
	font-weight:600;
	text-decoration:none;
	color:#8B7755;
}

#Section6IntroText {
}

#Part6Links1{
	clear:both;
}

#Part6Words1{
	padding-bottom:395px;
}

#Part6Words2{
	padding-bottom:446px;
}

#Section6PinkTile {
	background-image:url(Images/Tiles/tile-section6words2.gif);
}

#Part6Image2{
	min-height:680px;
	background-image:url(Images/Backgrounds/Section6-2.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

#Section6BlueTile {
	background-image:url(Images/Tiles/tile-section6words3.gif);
}

#Part6Image3{
	min-height:680px;
	background-image:url(Images/Backgrounds/Section6-3.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	overflow:hidden;
}

#NavBottom6{
}

#LastButton6{
	display:block;
	width:169px;
	height:132px;
	background:url(Images/Buttons/BottomButtons6.png) 0 0;
	position:relative;
	bottom:0;
	left:35px;
}

#LastButton6:hover{
	width:169px;
	height:132px;
	background:url(Images/Buttons/BottomButtons6.png) -169px 0;
}

/* --- End Section 6 --- */


/* --- Small Screen Changes --- */

@media screen and (min-width:960px) {
	
	#header-container {
		
	}
	
	#header {

	}
	
	#content-container {

	}
	
	#content {
		
	}
	
}

/* --- End Small Screen Changes --- */