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

body {
	background-color:#FFFFFF;
	margin: 0;
}		
html {
  overflow:-moz-scrollbars-vertical;
  overflow-x:hidden;
}
a:link, a:active, a:focus, a:visited {
	outline:none;
	color:#666666;
	text-decoration:none;
}
a:hover {
	color:#000000;
}
#projectLink { display: block; width: 211px; height: 24px; background: url("images/btnProject1.jpg") no-repeat 0 0; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#333333; padding-top:5px; text-indent:10px; }
#projectLink:hover { background: url("images/btnProject2.jpg") no-repeat 0 0; color:#FFFFFF; }
#learnmore { display: block; background-color:#666666; width:201px; height:23px; padding-left:10px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#FFFFFF; line-height:21px; }
#learnmore:hover { background-color:#333333; }
#logoLink { display: block; width: 215px; height: 72px; background: url("images/btnLogo.jpg") no-repeat 0 0; left:0px; }
#logoLink:hover { background: url("images/btnLogo2.jpg") no-repeat 0 0; }
#latestLink { display: block; width: 213px; height:40px; background: url("images/latest_btn1.jpg") no-repeat 0 0; padding-top:8px; padding-left:14px; color:#333333; text-align:left; }
#latestLink:hover { background: url("images/latest_btn2.jpg") no-repeat 0 0; color:#000000; }
#supportLink { display: block; width: 193; height:18px; background: url("images/support_btn1.jpg") no-repeat 0 0; text-align:left; padding-top:2px; padding-left:35px; margin-top:1px; color:#333333; }
#supportLink:hover { background: url("images/support_btn2.jpg") no-repeat 0 0; color:#000000; }
#thumbLink { display: block; width: 89px; height:48px; margin-left:1px; margin-top:1px;}
#thumbLink:hover { border:1px; border-color:#FFFFFF; border-style:solid;}
#thumbLink2 { display: block; width: 89px; height:48px; margin-left:1px; margin-top:1px;}
#thumbLink2:hover { border:1px; border-color:#333333; border-style:solid;}
#getit { color:#ffffff;}
#getit:hover { color:#f4c7a6;}
* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body {
background-color: #ffffff; text-align:center; min-height:468px; min-width:552px;
}
#outer{
height:100%; width:100%; display:table;
}
#container {
text-align: center; position:relative; vertical-align:middle; display:table-cell; height: 100%;
}
#inner {
width: 936px; background:url(images/grid_tile.jpg) repeat; height: 100%; text-align: center; border-left:1px; border-left-color:#e0e0e0; border-left-style:solid; margin-left:auto; margin-right:auto;
}
#topbar {
position:relative; background:url(images/topbar.jpg) no-repeat; width: 935px; height:72px; float:left; text-align:left;
}
#background {
position:relative; width: 935px; background:url(images/background.jpg) no-repeat; margin:0px; float:left;;
}
#background2 {
position:relative; width: 935px; height: 720px; background:url(images/background2.jpg) no-repeat; margin:0px; float:left;;
}
#spacer {
position:relative; width:649px; height:144px; left:146px; float:left;
}
#spacer2 {
position:relative; width:649px; height:108px; left:146px; float:left;
}
#pod {
position:relative; width:649px; height:288px; background:url(images/pod_back.jpg) no-repeat; left:143px; float:left;
}
#pod2 {
position:relative; width:643px; height:573px; left:146px; margin-top:144px; float:left;
}
#column {
position:relative; width:211px; height:283px; border:solid; border-color:#666666; border-width:1px; margin:0; padding:0; left:3px; float:left;
}
#description {
background-color:#FFFFFF; width:191px; height:71px; padding:10px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.55em; letter-spacing:0.05em; line-height:1.5em; color:#666666;
}
#copyright {
position:relative; width:643px; margin-top:8px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; float:right; right:145px;
}
#tag {
position:absolute; width:28px; height:100%; background:url(images/tag.png) no-repeat bottom; right:0px; z-index:1;
}
#leftColumn {
position:relative; width:400px; height:573px; background:url(images/project_title.jpg) no-repeat; background-color:#FFFFFF; border:solid; border-color:#999999; border-width:1px; padding-left:12px; float:left;
}
#screenshots {
position:relative; width:388px; height:160px; background:url(images/inside_titles.jpg) no-repeat; float:left;
}
#features {
position:relative; width:388px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; color:#666666; line-height:16px; text-align:left; float:left; clear:both; margin-bottom: 20px;
}
#projectsub {
width:211px; height:20px; background:url(images/sub_back.jpg) no-repeat; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; font-style:italic; color:#333333; text-indent:10px; line-height:1.7em;
}
#latestBtnTitle {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; color:#333333; line-height:14px;
}
#supportBtnTitle {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; color:#333333; line-height:14px;
}
#projectTitle {
position:relative; width:200px; text-align:left; padding-top:5px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#FFFFFF; font-weight:bold; line-height:1em;
}
#projectSubTitle {
position:relative; width:200px; text-align:left; float:left; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; color:#FFFFFF; font-style:italic;
}
#status {
position:relative; width:188px; text-align:right; float:left; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight:bold; color:#FFFFFF; margin-top:19px; right:33px; float:right;
}