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

body
{
	width:100%;
	height:100%;
	background-color:#223847;
	background-image:url(../design/bg.png);
	background-repeat:repeat-x;	
}

.main-container
{
	width:1000px;
	background-color:transparent;
	margin-left:auto;
	margin-right:auto;
	font-family:Tahoma;
}

.logo
{
	float:left;
	margin-bottom:10px;
}

.search
{
	float:right;
	font-size:8pt;
	padding-top:20px;
}

.download
{
	padding-top:22px;
	float:left;
	margin-left:220px
}

.search-links { color:#74818a; padding-bottom:8px; }
.search-links a { color:#74818a }
.search-links a:hover { color:#d13044 }
.search-panel
{
	width:197px;
	height:22px;
}

.search-panel input[name="q"]
{
	color:#74818a;
	font-size:8pt;
	border:none;
	height:20px;
	width:163px;
}

.main-menu
{
	width:100%;
	height:40px;
	background-color:#27424f;
}

.main-menu .barrel
{
width:50px;
}

.main-menu div
{
	float:left;
	width:100px;
	text-align:center;
	height:40px;
}

.main-menu div img
{
	margin-top:10px;
}

.main-menu div.selected
{
	background-color:#65aeba;
	
}

.sub-menu { height:40px; background-color:#65aeba; background-color:#27424f; }
.sub-menu div { float:left;	height:40px; width:180px; text-align:center;}
.sub-menu ul {	padding-top:13px; padding-left:10px; }
.sub-menu li {	float:left; text-align:center; text-shadow: 0px 1px 1px gray; }
.sub-menu a  {	color:white; font-size:10pt; font-family:verdana; text-decoration:none; }
.sub-menu a:hover {	text-decoration:underline; color:#65aeba;}
.sub-menu li.selected a { background-color:white; padding:2px 5px 2px 5px; color:#65aeba; }


.intro-on-index
{
	margin-top:10px;
	height:290px;
	width:100%;
	display:block;
}

.intro-on-index .left-side
{
	background-color:black;
	width:640px;
	height:100%;
	float:left;
}


.intro-on-index .left-side .left-side-top
{
	height:100%;
}

.intro-on-index .left-side .left-side-bottom
{
	height:20px;
	text-align:right;
	position:relative;
	margin-top:-35px;
}


.intro-on-index .right-side
{
	float:right;
	background-color:black;
	width:348px;
	height:288px;
	border:1px dotted #414c53;
}

.intro-on-index .right-side .title div
{
	float:left;
	width:116px;
	height:30px;
	color:white;
	text-align:center;
	line-height:30px;
	font-size:10.5pt;
	cursor:pointer;
}

.right-side .title .selected
{
	background-color:#d13044;
}

.title .newstab
{
	background-color:#2d2f31;
}

.title .blog
{
	background-color:#21292f;
}

.title .twitter
{
	background-color:#0f181e;
}


.corner
{
	width:100%;
	height:10px;
}

.corner div
{
	width:116px;
	height:10px;
	float:left;
}

.corner div.selected
{
	background-image:url(../design/this.png);
	background-repeat:no-repeat;
	background-position:10px 0px;
}

.title img
{
	margin-right:6px;
}

.right-side .content
{
	padding:5px;
}

.page-content
{
	margin-top:10px;
	background-color:white;
}

.two-buttons, .two-columns
{
	width:970px;
	margin-left:auto;
	margin-right:auto;
}

.two-buttons div
{
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	width:480px;
	height:100px;
	text-align:right;
}

.two-buttons p
{
	margin-right:50px;
	margin-top:10px;
	font-size:9pt;
	color:white;
}

.two-columns div.sep
{
	width:10px;
	height:100px;
	float:left;
}

.two-buttons div.sep
{
	width:10px;
	height:100px;

}

.two-buttons .download
{
	background-color:#df263d;
}

.two-buttons .store
{
	background-color:#65aeba;
}


.two-columns .column
{
	float:left;
	margin-bottom:10px;
	width:480px;
	height:auto;
	text-align:left;
}

.two-columns .column div
{
	padding:5px;
}

.two-columns .column p
{
	padding:5px;
	line-height:15pt;
}

.footer
{
    font-family: tahoma !important;
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    padding-top:4px;
    height:420px;
    left: 10%;
}

#inner { float: left; overflow: hidden; }

.footer .column
{
    display:block;
    margin-right:20px; 
    padding-bottom: 10px;
    float:left;
    padding-left:0px;
    width:178px;
    background-image:url(../design/divider_footer.png);
    background-repeat:repeat-y;
    background-position:100% 0%;
  font-family: tahoma !important;
}

.footer .column .header a
{
    font-family: tahoma !important;
    padding:0px;
    margin:0px;
	font-size:16px;
	color:#e0e0e0;
	padding-bottom:10px;
    font-weight:bold;
   text-decoration:none;
}
.footer .column .header a:hover
{
    font-family:tahoma !important;
    padding:0px;
    margin:0px;
	font-size:16px;
	color:#fff;
	padding-bottom:10px;
    font-weight:bold;
    text-decoration:underline;
}

.footer .column h2
{
    font-family:tahoma !important;
    padding:0px;
    margin:0px;
   margin-bottom:4px;
    font-weight:bold;
	font-size:13px;
	color:#4a909c;
    margin-top:14px;
}

.footer .column h2 a
{
    text-decoration:none;
}

.footer .column h2 a:hover
{
    text-decoration:underline;
    color:#5db6c5;
}

.footer .column ul
{
    margin-top:8px;
}

.footer .column li
{

    font-family:tahoma !important;
	font-size:10px;
	line-height:14px;
}

.footer .column li a
{
	color:#6d7677;
	text-decoration:none;
}


.footer .column li a:hover
{
	color:#a1acae;
	text-decoration:underline;
}

.fin
{
	font-family:tahoma !important;
	padding-top:26px;
	padding-bottom:12px;
	text-align:center;
	color:#66767f;
	font-size:11px;
}

.page-content ul
{
    margin:10px;
    font-size:11pt;
}

.page-content ol
{
    margin:10px;
    font-size:11pt;
}


.page-content ol li
{
    margin:5px;
    margin-left:25px;
    list-style-type: decimal;
}


.page-content ul li
{
    margin:5px;
    margin-left:25px;
    list-style-image:url(../design/bullet.png);
}