body {
    font-family: Sans-Serif;
    margin:0;
    padding:0;
    font-size: 1.0em;
}

header {
    position: fixed;    
    margin:0;
    padding:0;
    border-bottom: 1px solid #333333;
    width:100%;
    top: 0px;
    background-color: #bee0ff;
    font-weight: 600;
}

#headerlinks li a:link, #headerlinks li a:active {
    color: #000;
    text-decoration: none;
}

#headerlinks li a:visited {
    color: #000;
}

img {
    border-style: none;
}

h1 {
    font-size: 1.4em;
    font-weight: 700;
}

h2 {
    font-size: 1.1em;
    font-weight: 700;
    margin-left: 10px;
}

h3 {
    font-size: 1.0em;
    font-weight: 700;
    margin-left: 10px;
}

#content {
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
    width: 100%;
}

#belowbarremoved {
background: #fff url('../images/meatball_offset_600.svg') no-repeat left top;
    background-attachment: fixed;
    background-size: auto 100%;
}

#belowbar {
    margin-top: 85px;
    clear:both;
}

#introwords {
    text-align: center;
    margin-right: 30px;
    margin-left: 30px;
}

#rightli {
	position: absolute;
	right: 0px;	
	white-space: nowrap;
	vertical-align:bottom;
}

header.a {
    text-decoration: none;
}

#headerlinks {
    float: right;
    font-size: 0.85em;
    margin-right: 20px;
}

.headerlist ul {
    margin-left: 0px;
    padding-left: 0px;
    list_style: none;
}

.headerlist li {
    margin-left: 0px;
    padding-left: 0px;
    display: inline;
}

.headerlist a:link {
    margin-left: 2px;
    padding-left:5px;
    margin-right: 2px;
    padding-right: 5px;
    color: #0000FF;
    text-decoration: none;
}

.footerboxpicul {
    list-style: none;
    padding-left:0px;
}

.footerboxpicul li {
    display: inline;
    margin-left: 2px;
    margin-right:2px;
    padding-left:0px;
}

.footerlist a:link {
    text-decoration: none;
}

#footer {
    clear:both;
    margin-top:20px;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    margin-left: 0px;
    margin-right: 0px;
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;
    background-color: #bee0ff;
    font-size: 0.85em;
    vertical-align: text-top;
    width:100%;
}

#footer a:link {
    color: #0000AA;
    text-decoration: none;
}

#footer-inner {
    margin-left:auto;
    margin-right: auto;
    padding-bottom: 4px;
    display: inline-block;
}

.footerbox {
    display: inline-block;
    margin: 5px;
    margin-left: 50px;
    margin-right: 50px;
    vertical-align: middle;
    
    position: relative;
    overflow: hidden;
}


.footerboxtextul {
    list-style: none;
}

.footerboxtextuldiv {
    text-align: left;
}

.footerboxtextli {
    margin-bottom: 4px;
}

#copyright {
    font-size:smaller;
    margin-top: 0px;
    padding-top: 0px;
}

#homenews {
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
}

.feature-image-left {
    float:left;
    padding-right: 10px;
}

.feature-image-right {
    float:right;
    padding-left: 10px;
}

.feature-pager {
    font-size:95%;
    font-weight: 700;
}

.feature-pager a:link {
    color: #0000AA;
    text-decoration: none;
}

.content {
    text-align:center;
    margin-left:16px;
    margin-right:16px;
}

.content_interior {
    padding-bottom: 0px;

}

.box { 
    width: 450px;
    height: 310px;
    display: inline-block;
    margin: 5px;
    margin-left: 20px;
    margin-right: 20px;
    
    overflow: hidden;
}

.boxtall { 
    width: 550px;
    height: 400px;
    display: inline-block;
    margin: 5px;
    margin-left: 20px;
    margin-right: 20px;
    
    position: relative;
    overflow: hidden;
}

.box a {
    text-decoration: none;
}

.box h2 {
    font-weight: 700;
    font-size:1.3em;
    padding-bottom:6px;
    margin-bottom:0px;
}

#orderform {
    display: block;
    width: 90%;
    max-width: 640px;
    text-align: left;
    margin: 0 auto;
}

.dlbox {
	text-decoration: none;
	width: 380px;
	
	padding-left: 20px;
	background-color: #bee0ff;
	border: 1px solid #333333;
	float: left;
	margin-right: 40px;
	margin-bottom: 20px;
    padding-bottom:10px;
}

.dlbox a {
    text-decoration: none;
}

.dlboxtp {
	margin-top:0px;
	margin-bottom:7px;
}

.compimg {
    height:140px;
}

.slideshow {
    height:140px;
    img { display: none }
    /* img.first { display: block } */
        
    /* give slideshow some style */
    margin: auto;
    text-align:center;
}

.slideshow div {
    margin: auto; 
    display: block;
}
    
.slidepic {
    height:140px;
    display: none;
}

#firstfeature {
    height:140px;
    img { display: none }
    /* img.first { display: block } */
        
    /* give slideshow some style */
    margin: auto;
    text-align:center;
}

.slideshow div {
    margin: auto; 
    display: block;
}
    
.slidepic {
    height:140px;
    display: none;
}

#firstfeature {
    display:block;
}

#firstpackage {
    display:block;
}

#newslist {
    margin-left: 40px;
    margin-right: 40px;
    font-weight: 700;
    font-size:1.05em;
}

#newslist a {
    text-decoration: none;
}

#newspager {
    margin-left: 50px;
    margin-right: 50px;
    text-align:center;
}

#newstory {
    margin-left: 50px;
    margin-right: 50px;
    line-height: 150%;
    clear: both;
}

#newstory img {
    line-height:100%;
}

#newstory pre {
    background-color: #dddddd;
    padding: 5px 5px 5px 5px;
}

#newspager a {
    padding: 3px 10px 2px 10px;
    color: #FFFFFF;
    background-color: #005fb6;
    text-decoration: none;
    border: 1px solid #000000;
}

#newsrsslink {
    text-decoration: none;
}

.screenshot-link {
    width:220px;
}

.screenshot-description {
    text-align:left;
}

.screenshot-description a {
    text-decoration: none;
}

#features {
    margin-left: 40px;
    margin-right: 40px;
}

.noticelink {
    margin-top:10px;
    border: 1px solid #333333;
    margin-left: 40px;
    margin-right: 40px;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
    background-color: #bee0ff;
}

.noticelink a {
    color: #FFFFFF;
    text-decoration: none;
    font-weight:700;
}

.package-link {
    float: left;
    width: 100px;
    margin-left: 40px;
}

.package-description {
    margin-left: 200px;
    margin-right: 40px;
}

.downloadlink {
    width: 85%;
    margin-left: 0 auto;
    margin-right: 40px;
    margin-top:10px;
    padding-top:10px;
    padding-bottom:10px;
    text-align:left;
    border-bottom:  1px dotted #000000;
    display: inline-block;
}

.downloadlink a {
    text-decoration: none;
    font-weight:700;
}

.downloadlink p {
    margin-top:0em;
    margin-bottom:0.1em;
}

.registerbox {
    height: 5em;
    display: inline-block;
    margin: 5px;
    margin-left: 20px;
    margin-right: 20px;    
    position: relative;
    overflow: hidden;
}

.registerlink {
    background-color: #005fb6;
    border: 1px solid #000000;
    padding: 3px 10px 2px 10px;
    margin: 6px 10px 8px 10px;
    min-height: 25px;
    display: block;
}

.gradient {
    margin-left: 40px;
    margin-right: 40px;
}

.sbutton {
	float: left;
	width: 100px;
}

#platform_choice {
    display: inline-block;
}

.selected_platform {
    text-align:center;
    background-color: #005fb6;
    padding-top:5px;
    padding-bottom:5px;
    width:120px;
}

.selected_platform a {
    color: #FFFFFF;
    text-decoration: none;
}

.unselected_platform {
    text-align:center;
    border: 1px solid #005fb6;
    padding-top:5px;
    padding-bottom:5px;
    width:120px;
}

.unselected_platform a {
    color: #005fb6;
    text-decoration: none;
}

.favail {
    margin-left:8px;
    font-weight: 700;
}

.favail img {
    vertical-align: middle;
}

.favail a {
    color: #000000;
    text-decoration: none;
}

#indexbuttoncontainer a:link, #indexbuttoncontainer a:active, #indexbuttoncontainer a:visited  {
    text-decoration: none;
    color: #FFFFFF;
}

.indexbutton {
    width: 300px;
    text-align:center;
    padding-top: 5px;
    padding-bottom: 5px;
    display:inline-block;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #005fb6;
}

div.indexbutton:hover {
    background-color: #003a6f;
}

.indexbutton h2 {
    margin-top: 4px;
    padding-top: 0px;
    margin-bottom: 4px;
    padding-bottom: 0px;
}

.indexbutton p {
    font-size: small;
    margin-top: 0px;
    padding-top: 0px;
}

#large-screenshot {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

#large-screenshot-container {
    width: 75%;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.featurebox {
    width: 350px;
    margin:0 auto;
    padding:0;
    display:inline-block;
}

.featurebox p {
    text-align: center;
}

.featureboxcontainer {
    vertical-align: text-top;
    text-align:center;
}

.odd  {
    background-color: #bee0ff;
    margin-top: 20px;
    margin-bottom:20px;
    padding-top:20px;
    padding-bottom:20px;
    width:100%;
    border: 1px solid #333333;
}

.blogpostlistitem {
    width:90%;
    border-bottom: 1px dotted #000000;
    margin-top:30px;
    padding-bottom:30px;
    display:inline-block;
    text-align: left;
}

.blogpostlist {
    text-align:center;
}

.left-feature-pager {
    float:left;
    margin-left:20px; 
    min-width:100px;
}

.right-feature-pager {
    float:right;
    margin-right:60px;
    min-width:100px;
}

.center-feature-pager {
    margin:0 auto; 
    width: 150px;
}

#refresh-linky-button {
  width:0.0000000001px;
  height:0.00000000001px;
  background-color: #ffffff;
  color: Blue;
  border: none;
  cursor: pointer;
  font-size:0.7em;
}