body {
    margin:0px;
    padding:0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:100%;
    text-align: left;
    color:#003366;
    background:#000 url('/images/AlpineMountainSetting.jpg') 0 25% repeat-x;
}
img {
    border:0;
}
a {
    margin:0px;
    padding:2px 1em 3px;
    color:#FFCC66;
    background-color:inherit;
    text-decoration:none;
font-size:1em;
}
a:hover {
    color:#FFCC33;
    background-color:inherit;
    text-decoration:underline;
}
ul {
    display:block;
    list-style-type:none;
    margin:0px;
    padding:0px;
    width:100%;
}
li {
    display:inline;
    width:auto;
    font-size:medium;
}
ul.list li {
    display: block;
}
ul.TtoB li {
    display:block;
}
ul.LtoR li {
    display:inline;
    text-align: left;
}
ul.LtoR image {
    display:inline;
    text-align: left;
}
ul.LtoR li:first-child {
    margin-left:5px;
}
ul.RtoL li {
    text-align: right;
}
.base {
}
.meta {
    text-align:center;
    color:#999;
    background-color:inherit;
    width:95%;
    margin-right:auto;
    margin-left:auto;
}
.meta-borders {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    padding-top:2px;
    padding-bottom:3px;
}
#header {
    position:relative;
    z-index:1;
}

#center {
    height:auto;
    margin-top:3em;
    padding-top:.25em;
    position:relative;
}

li.selected {
	
	background-color:#FFF;
}
li.selected a {
	
	color:#000;
}
#navigation {
	margin-top:1em;
}
/* Site
   -------------------------------- */

html {
	overflow-y: scroll;
}

table.layout-grid a.disabled, table.layout-grid a.disabled:hover {
	color: #aaa;
	cursor: default;
	text-decoration: line-through;
}



/* Layout
   -------------------------------- */

.layout-grid {
	width: 100%;
}

.layout-grid td {
	vertical-align: top;
}

.layout-grid td.home {
	background: url('/images/home_bg.jpg') no-repeat scroll right top;
	height: 200px;
	padding: 0 600px 0 24px;
}

.layout-grid td.left-nav {
	width: 200px;
}

.layout-grid td.normal {
	border-left: 1px solid #ccc;
	padding: 20px 24px;
	font-family:  "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";
}

.layout-grid td.demos {
	height: 200px;
	overflow: hidden;
}

.layout-grid td.download {
	height: 200px;
}
.content-body{
	width:100%;
	position:absolute;
	bottom:0px;
	left:0;
	right:0;
}


/* Demoflow
   -------------------------------- */

div.demoflow-button-left {
	position: absolute;
	left: -3px;
	top: 100px;
	background: url('/images/demos_arrows.png') no-repeat left top;
	width: 52px;
	height: 45px;
	cursor: pointer; cursor: hand;
	z-index: 999;
}

div.demoflow-button-left .bg {
	background: url('/images/demos_arrows.png') no-repeat left bottom;
	width: 52px;
	height: 45px;
	position: absolute;
	top: 0;
	left: 0;
}

div.demoflow-button-right {
	position: absolute;
	right: -4px;
	top: 100px;
	background: url('/images/demos_arrows.png') no-repeat right top;
	width: 52px;
	height: 45px;
	cursor: pointer; cursor: hand;
	z-index: 999;
}

div.demoflow-button-right .bg {
	position: absolute;
	left: 0;
	top: 0;
	background: url('/images/demos_arrows.png') no-repeat right bottom;
	width: 52px;
	height: 45px;
}

.demoflow {
	position: relative;
	top: 22px;
	left: 0;
	width: 100%;
	height: 200px;
}

.demoflow div {
	float: left;
	height: 100px;
	width: 75px;
	cursor: pointer; cursor: hand;
}

.ie .demoflow div {
	zoom: 1;
}

.demoflow div {
	border: 1px solid #666;
}


.demoflow div:hover {
	border: 1px solid #666;
	/*opacity: 1 !important;*/
}

.demoflow div img {
	height: 100%;
	width: 100%;
}

.demoflow div.shadow {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: black;
}

.ie .demoflow div.shadow {
	display: none;
}
h2, h3, h4 {
 color:#FF9900;       
}
a.reg_space {
 margin:0;
 padding:0;
}