* {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: "Trebuchet MS"; PADDING-TOP: 0px;}
body {TEXT-ALIGN: center; BACKGROUND: url(images/bodybg.gif) repeat-x 50% top;}
h1 {TEXT-ALIGN: left; MARGIN-BOTTOM: 0.5em; COLOR: #333; font-size:25px;}
h2 {TEXT-ALIGN: left; COLOR: #333; font-size:20px; padding-top:10px; padding-bottom:10px;}
h3 { font-size:15px;}
p {TEXT-ALIGN: left; LINE-HEIGHT: 1.4em; MARGIN-BOTTOM: 1em; FONT-SIZE: 0.9em;}
a {COLOR: #528dc3;}
#bluebold {COLOR: #466aa6; FONT-WEIGHT: bold;}
.clear {CLEAR: both;}
#container {MARGIN: 0px auto; WIDTH: 50em;}
#header {TEXT-ALIGN: left; HEIGHT: 130px;}
#navbar {MARGIN: 40px 25px 0px 0px; FLOAT: right;}
#navbar A {COLOR: #fff; MARGIN-LEFT: 1.6em; FONT-SIZE: 18px; TEXT-DECORATION: none;}
#navbar A:hover {TEXT-DECORATION: underline;}
#logo {}
#logo A {WIDTH: 325px; DISPLAY: block; BACKGROUND: url(images/tweetpark-logo.png) no-repeat; HEIGHT: 100px;}
#content {PADDING-BOTTOM: 1em; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 1.0em;}
#screenshot {MARGIN: 0px 0px 30px; FLOAT: left;}
#options {MARGIN: 30px 0px 0px 70px; FLOAT: left;}
#signupbtn A {TEXT-INDENT: -10000px; WIDTH: 249px; DISPLAY: block; MARGIN-BOTTOM: 20px; BACKGROUND: url(images/signup.gif) no-repeat; HEIGHT: 86px;}
#signupbtn A:hover {BACKGROUND-POSITION: 0px -86px;}
#tourbtn A {TEXT-INDENT: -10000px; WIDTH: 249px; DISPLAY: block; BACKGROUND: url(images/tour.gif) no-repeat; HEIGHT: 86px;}
#tourbtn A:hover {BACKGROUND-POSITION: 0px -86px;}
#intro1 {PADDING-BOTTOM: 0px; PADDING-LEFT: 90px; PADDING-RIGHT: 40px; MARGIN-BOTTOM: 1.5em; BACKGROUND: url(images/intro1.gif) no-repeat left top; CLEAR: both; PADDING-TOP: 0px;}
#history {PADDING-BOTTOM: 0px; PADDING-LEFT: 90px; PADDING-RIGHT: 40px; MARGIN-BOTTOM: 1.5em; BACKGROUND: url(images/intro1.gif) no-repeat left top; CLEAR: both; PADDING-TOP: 0px;}
#intro2 {PADDING-BOTTOM: 0px; PADDING-LEFT: 90px; PADDING-RIGHT: 40px; BACKGROUND: url(images/intro2.gif) no-repeat left top; PADDING-TOP: 0px;}
#footer {WIDTH: 100%; BACKGROUND: url(images/footerbg.gif) repeat-x 50% top; HEIGHT: 71px;}
#footer P {TEXT-ALIGN: center; COLOR: #666; FONT-SIZE: 0.7em; PADDING-TOP: 25px;}
#timage { float:right; height:50px; width:50px;}
#info { width:550px; float:left;}
#sidebar { float:right; text-align:left; width:200px;}
#screenshot ul li{text-align:left;}
#popup {
height: 100%;
width: 100%;
background: #000000;
position: absolute;
top: 0;
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
filter:alpha(opacity=75);
}

#window {
width: 800px;
height: 300px;
margin: 0 auto;
border: 1px solid #000000;
background: #ffffff;
position: absolute;
top: 200px;
left: 25%;
}
#popup_content{ text-align:center;}
#popup_content h1, h2, h3{ text-align:center; padding:10px;}
