#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background: rgb(0,58,140); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(0,58,140,1) 0%, rgba(0,50,116,1) 40%, rgba(0,34,82,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,58,140,1)), color-stop(40%,rgba(0,50,116,1)), color-stop(100%,rgba(0,34,82,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(0,58,140,1) 0%,rgba(0,50,116,1) 40%,rgba(0,34,82,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(0,58,140,1) 0%,rgba(0,50,116,1) 40%,rgba(0,34,82,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(0,58,140,1) 0%,rgba(0,50,116,1) 40%,rgba(0,34,82,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(0,58,140,1) 0%,rgba(0,50,116,1) 40%,rgba(0,34,82,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003a8c', endColorstr='#002252',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color: white;
position: fixed;
top: 0;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
z-index: 9999;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 2px;
padding-top: 2px;
color: white;
width: 100%;
text-decoration: none;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background: rgb(0,45,106); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(0,45,106,1) 0%, rgba(71,126,193,1) 40%, rgba(71,126,193,1) 60%, rgba(0,45,106,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,45,106,1)), color-stop(40%,rgba(71,126,193,1)), color-stop(60%,rgba(71,126,193,1)), color-stop(100%,rgba(0,45,106,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,45,106,1) 0%,rgba(71,126,193,1) 40%,rgba(71,126,193,1) 60%,rgba(0,45,106,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,45,106,1) 0%,rgba(71,126,193,1) 40%,rgba(71,126,193,1) 60%,rgba(0,45,106,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,45,106,1) 0%,rgba(71,126,193,1) 40%,rgba(71,126,193,1) 60%,rgba(0,45,106,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,45,106,1) 0%,rgba(71,126,193,1) 40%,rgba(71,126,193,1) 60%,rgba(0,45,106,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d6a', endColorstr='#002d6a',GradientType=1 ); /* IE6-9 */
color: white;
width: 100%;
}

#home #navcontainer ul li a#nav-home,
#screenshots #navcontainer ul li a#nav-screenshots,
#quality #navcontainer ul li a#nav-quality,
#features #navcontainer ul li a#nav-features,
#technology #navcontainer ul li a#nav-technology,
#upgrades #navcontainer ul li a#nav-upgrades,
#downloads #navcontainer ul li a#nav-downloads,
#purchase #navcontainer ul li a#nav-purchase,
#videos #navcontainer ul li a#nav-videos,
#forum #navcontainer ul li a#nav-forum,
#support #navcontainer ul li a#nav-support
{
background: rgb(0,45,106); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(0,45,106,1) 0%, rgba(71,126,193,1) 40%, rgba(71,126,193,1) 60%, rgba(0,45,106,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,45,106,1)), color-stop(40%,rgba(71,126,193,1)), color-stop(60%,rgba(71,126,193,1)), color-stop(100%,rgba(0,45,106,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,45,106,1) 0%,rgba(71,126,193,1) 40%,rgba(71,126,193,1) 60%,rgba(0,45,106,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,45,106,1) 0%,rgba(71,126,193,1) 40%,rgba(71,126,193,1) 60%,rgba(0,45,106,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,45,106,1) 0%,rgba(71,126,193,1) 40%,rgba(71,126,193,1) 60%,rgba(0,45,106,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,45,106,1) 0%,rgba(71,126,193,1) 40%,rgba(71,126,193,1) 60%,rgba(0,45,106,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d6a', endColorstr='#002d6a',GradientType=1 ); /* IE6-9 */
color: white;
width: 100%;
}

html{
   min-height: 100%;
   min-width:100%;
}

body
{
background-image: url('skyfull.jpg');
    background-color: #cccccc
}

.textpanel {
    width: 640px;
    height:auto;
    margin: auto;
    text-align:center;
    position:relative;
}
.text_over_image {
    position: absolute;
	margin: auto;
	resize:none;
	font:normal 17px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
    position: absolute;
    top:30px;
    left:30px;
    height:340px;
    width:580px;
	border:0;
	padding:0;
	text-align:center;
}

input[type=submit] {padding:5px 5px; background:#ccc; border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    transition: all 0.2s cubic-bezier(.42,.97,.52,1.49);	}
	
input[type=submit]:hover {padding:5px 5px; background:#99ccff; border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}	

.shadowbox {
	font:normal 17px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	background: #505050;
	border: 1px solid #777777;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	-moz-box-shadow: 16px 16px 12px -6px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 16px 16px 12px -6px rgba(0, 0, 0, 0.7);
	box-shadow: 16px 16px 12px -6px rgba(0, 0, 0, 0.7);
	margin: 20px auto;
	padding: 15px;
	position: relative;
	width: 640px;
	transition: all 0.2s cubic-bezier(.42,.97,.52,1.49);
}

.shadowbox:hover {
  -moz-transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}

.shadowbox_280 {
	font:normal 17px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	background: #505050;
	border: 1px solid #777777;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	-moz-box-shadow: 16px 16px 12px -6px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 16px 16px 12px -6px rgba(0, 0, 0, 0.7);
	box-shadow: 16px 16px 12px -6px rgba(0, 0, 0, 0.7);
	margin: 20px auto;
	padding: 15px;
	position: relative;
	width: 280px;
	transition: all 0.2s cubic-bezier(.42,.97,.52,1.49);
}

.shadowbox_280:hover {
  -moz-transform: scale(1.05, 1.05);
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}