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

body {
 margin:0px;
 font:10.5px normal Tahoma, Verdana, Arial, sans-serif;
 background:#00071a;
}

img {
 border:0px;
}

#frame {
 float:left;
 margin:0px auto 0px auto;
 width:100%;
 background:url(images/topbg.png) #bbd9f3 top left repeat-x;
}

#frame2 {
 float:left;
 width:100%;
 background:url(images/bottombg.png) bottom left repeat-x;
}

#logo {
 float:left;
 margin:30px 0px 0px 80px;
 height:130px;
 width:113px;
 background:url(images/logo.png) top left no-repeat;
}

#toplinks {
 float:right;
 margin:40px 80px 0px 0px;
 border-bottom:1px dotted #fff;
 padding:0px 10px 3px 0px;
}

#toplinks a {
 margin-left:10px;
 padding-right:12px;
 color:#fff;
 text-decoration:none;
 background:url(images/toparrowlink.png) center right no-repeat;
}

#menu {
 float:left;
 margin:40px 0px 0px 40px;
 width:92%;
 height:50px;
 border-top:1px solid #324c71;
 border-bottom:1px solid #3f536c;
 border-left:1px solid #2d4d76;
 border-right:1px solid #2d4d76;
 background:url(images/menubg.png) top left repeat-x;
}

.home a {
 float:left;
 height:20px;
 width:20px;
 margin:17px 30px 0px 30px;
}

.spacer {
 float:left;
 width:20px;
 height:47px;
 background:url(images/menulinkrollover1.png) top left repeat-x;
}

#main {
 float:left;
 width:92.2%;
 min-height:500px;
 margin:0px 0px 0px 40px;
 background:url(images/maintopbg.png) #fff top left repeat-x;
}

#leftframe {
 float:left;
 width:65%;
 margin:70px 20px 0px 20px;
}

h1 {
 color:#fc9a1f;	
 margin-top:0px;
 font:bold 25px Tahoma, Arial, Verdana, sans-serif;
 text-indent:15px;
 background:url(images/titleline.gif) bottom left no-repeat;
}

.dateposted {
 float:left;
 width:100%;
 margin-bottom:10px;
 color:#999;
 font-style:italic;
 font-weight:bold;
}

h2 {
 font:bold 20px Arial, Verdana, Tahoma, sans-serif;
 color:#345173;
 margin-bottom:5px;
}

.maintext {
 float:left;
 margin:0px 0px 20px 15px;
 width:100%;
 font:normal 13px Verdana, Tahoma, Arial, sans-serif;
 color:#4e4e4e;
 line-height:20px;
}

#rightframe {
 float:right;
 width:263px;
 margin:70px 20px 0px 0px;
}

.boxtop {
 float:right;
 width:263px;
 height:5px;
 background:url(images/boxtop.gif) top left no-repeat;
}

.boxmid {
 float:right;
 width:232px;
 padding:0px 15px 5px 15px;
 color:#4e4e4e;
 line-height:18px;
 background:#bbd9f3;
 border-right:1px solid #939aa0;
}

.boxbot {
 float:right;
 width:263px;
 height:5px;
 background:url(images/boxbot.gif) top left no-repeat;
}

.downbox {
 float:left;
 width:95%;
 margin:0px 0px 10px 0px;
 padding:5px;
 border:1px dotted #4e6f80;
 background:#fff;
 line-height:18px;
}

.green {
 color:#75ac72;
}

.blue {
 color:#0088d3;
}

.grey {
 color:#afb1be;
}

.maintext a:link, .maintext a:visited, .maintext a:active, .boxmid a:link, .boxmid a:visited, .boxmid a:active {
 color:#0088d3;
 text-decoration:none;
}

.maintext a:hover, .boxmid a:hover {
 color:#345173;
}

.screenshots {
 margin-top:10px;
}

.screenshots a {
  float:left;
  display:block;
  width:200px;
  padding:1px;
  margin-right:4px;
  border:1px solid #ccc;
}

#footer {
 float:left;
 width:92.2%;
 margin:0px 0px 0px 40px;
 height:201px;
 text-align:center;
 background:url(images/footerbg.png) top left repeat-x;
}

.footertext {
 margin-top:40px;
 color:#595959;
 font-size:9px;
 line-height:15px;
}

.footerlink a:link, .footerlink a:visited, .footerlink a:active {
 color:#0088d3;
 text-decoration:none;	
 margin-left:10px;
 font-size:10.5px;
}

.footerlink a:hover {
 color:#345173;
}

.footersmall a {
 color:#ffffff;
 text-decoration:none;	
}

#footerleft {
 float:left;
 width:13px;
 height:201px;
 background:url(images/footerleft2.png) bottom left no-repeat;
}

#footerright {
 float:right;
 margin-top:-87px;
 width:13px;
 height:188px;
 background:url(images/footerright.png) bottom left no-repeat;
}