﻿body{
    background:#f8f8e0;
    margin:0px;
    font-family: sans-serif;
}

iframe{
	border: none;
	display: block;
	width: 90%;
}

div.menu {
	height: 64px;
	background:black;
	background-image:url(menufiller.png);
	background-repeat:repeat-x;
	position: relative;
	display: block;
	margin:0px;
	padding-left:0px;
	background-attachment: scroll;
	background-clip: border-box;
	width: 100%;
}
div.menu ul {
	margin: 0 0px;
}
div.menu ul li {
	display: inline-block;
	letter-spacing: normal;
	float: left;
	height: 64px;
/*	line-height: 64px; */
	background:#E2DDB5;
	background-image:url(menufilleritem.png);
	margin:0px 5px 0px 0px;
}

div.menu ul li a:hover {
	background-image:url(menufillerhover.png);
}
div.menu ul li.current a {
	background: #FFFFFF;
}

.button {
	display: inline-block;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 	2px 2px 2px rgba(0,0,0,.2);
	box-shadow: 2px 2px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.green {
    color: #ffffff;
	border: solid 1px #538312;
	background: #6bdd28;
	background: -webkit-gradient(linear, left top, left bottom, from(#6bdd28), to(#439b0c));
	background: -moz-linear-gradient(top,  #6bdd28,  #439b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6bdd28', endColorstr='#439b0c');
}
.green:hover {
	background: #8ed38;
	background: -webkit-gradient(linear, left top, left bottom, from(#8bed38), to(#63ab1c));
	background: -moz-linear-gradient(top,  #8bed38,  #63ab1c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#8bed38', endColorstr='#63ab1c');
}
.green:active {
	background: #8bed38;
	background: -webkit-gradient(linear, left top, left bottom, from(#63ab1c), to(#8bed38));
	background: -moz-linear-gradient(top,  #63ab1c,  #8bed38);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#63ab1c', endColorstr='#8bed38');
}
.brown {
    color: #ffffff;
	border: solid 1px #530000;
	background: #802020;
	background: -webkit-gradient(linear, left top, left bottom, from(#805020), to(#aa8040));
	background: -moz-linear-gradient(top,  #805020,  #aa8040);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#805020', endColorstr='#aa8040');
}

ul.railyfeatures li {
	margin-top:7px;
}

div.menu ul li a {
	display: inline-block;
	text-align: center;
	height: 64px;
	line-height: 60px;
	color: black;
	font-size: 24px;
	padding: 0 14px;
	text-decoration: none;
}

div.languageselector {
	float:right;
	position: relative;
	display: inline-block;
	padding: 2px;
}

div.languageselector a {
	text-decoration: none;
	color: black;
	margin: 5px 4px;
	padding: 2px;
	border: 2px;
	border-style: solid;
	border-color: black;
	font-size: 14px;
}

div.languageselector a.untranslated {
	color: #a0a0a0;
	border-color: #a0a0a0;
}

div.languageselector a:hover {
	color: yellow;
	border-color: yellow;
}

div.languageselector a.current {
	color: white;
	border-color: white;
}

div.submenu {
	background:#FFFFFF;
	background-image:url(submenufiller.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

div.submenu ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

div.submenu ul li {
	display: inline-block;
//	color: black;
}

div.submenu ul li:hover {
	background:#1010FF;
	opacity:0.6;
}

div.submenu ul li.current {
	background-image:url(footerfiller.png);
	opacity:1.0;
}

div.submenu ul li a {
	display: inline-block;
	text-align: center;
	line-height: 24px;
	color: black;
	font-size: 16px;
	padding: 0 20px;
	text-decoration: none;
}

div.submenu ul li.current a:hover {
	color: black;
}

div.submenu ul li a:hover {
	color: white;
}

div.content {
	padding: 15px;
	padding-bottom:50px;
}

div.footer {
	background:#FFFFFF;
	background-image:url(footerfiller.png);
	background-repeat:repeat-x;
	background-position:top;
	z-index:999;
	position:fixed;
	bottom:0px;
	height:20px;
	width: 100%;
	padding: 5px 5px;
	text-align:center;
}

div.footer div.date {
	position: relative;
	display: block;
	color:#444444;
	float:right;
	right:50px;
	font-size:12px;
}

div.footer div.copyright {
	display: inline-block;
	color:black;
	margin-left: auto;
 	margin-right: auto;
}

.blanket
{
   background-color: #000;
   opacity: 0.3;
   position: fixed; top: 0; left: 0;
   width: 100%; height: 100%;
   z-index: 10;
}

.overlay
{
	border: 1px solid black;
	position: fixed;
	overflow: hidden;
	background-color: #ffffff;
	width: 80%;
	height: 80%;
	z-index: 11;
	top:10%;
	left:10%;
	right:10%;
	box-shadow: 5px 5px 3px #888;
}

div.faq_answer
{
	margin-top: 5px;
	border: 1.5px solid black;
	border-spacing: 0px;
	background-color: #ffffff;
	box-shadow: 5px 5px 3px #888;
	width:80%;
	padding:5px;
	margin-bottom:20px;
}

div.orderoption
{
	text-align: center;
	border: 1.5px solid black;
	padding:5px;
	margin-left:50px;
	margin-right:50px;
	margin-bottom:30px;
	background-color: #ffffff;
	box-shadow: 5px 5px 3px #888;
}

div.downloadbox
{
	text-align: center;
	padding:5px;
	border: 1.5px solid black;
	background-color: #ffffff;
	float:right;
	display: block;
	box-shadow: 5px 5px 3px #888;
}

div.gallery
{	margin-top:6px;
	margin-bottom:6px;
	padding:0px;
	border: 1.5px solid black;
	background-color: #ffffff;
	display: block;
	overflow: hidden;
	box-shadow: 5px 5px 3px #888;
}

div.container {
	position:relative;
	padding: 0px;
	margin: 0px;
}

div.gallery div {
	padding: 0px;
	margin: 0px;
}

div.arrow {
	text-align: center;
	float:left;
	border: 1.5px solid black;
	display: inline-block;
	margin: 1px;
	padding: 2px;
	height: 30px;
	width: 30px;
	cursor:pointer;
	cursor:hand;
	line-height:28px;
	font-size: 22px;
}

div.arrow:hover {
	background:#888800;
}

div.slide {
	margin: 0px;
	display: inline-block;
	overflow: hidden;
	float:left;
}
