/*Advanced styles*/
.AdvTableHeader1
{
 background-color: #E8F7FF;
 text-align: center;
}
.AdvTable1
{
 margin: 15px 0px 15px 0px;
 background-color: white;
 border-collapse: collapse;
}

.ImageAnchor
{
	border-width: 0;
}

/*=================================================*/


.logoImage
{
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/Ultima_Website_Logo.png');*/
	float: left;
	margin-left: -50px;
	margin-right: 20px;
	/*height:100px;
	width:243px;*/
}

* { margin:0; padding:0; }
body { font: 73%/1.7em "Open Sans","Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; color:#555; background: #fff url(../images/headerbg.gif) repeat-x; }
/*font-family: "Open Sans","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif;*/
/*---*/
a { color:#007898; background: inherit; border-bottom:0px dotted #ccc; text-decoration:none; }
a:hover { border-bottom:0px solid #ccc; color: red; background: inherit; }
a:focus { outline: 0; }
ul { margin:10px 10px 10px 0; padding:0 0 0 15px; }
li { margin:0 0 0 10px; padding:3px; font-size: 120%}
img { border: 0; text-decoration: none; }

/*---*/
.wrap { padding:0 10px 0 10px; width:850px; margin:0 auto; }
#logo {float:left; width: 400px;margin: 30px 40px 10px 50px; color:#768998;  font: 1em "Open Sans","Trebuchet MS"; font-variant: small-caps;}
h2 { margin: 0 0 10px; letter-spacing: 1px; font-size: 1.6em; }
h2 a { color: #fff; }
h2 a:hover { color: #FFFCB3; }
	
/*---*/
#nav { float:right; border:none; padding:0; margin: 47px 10px 60px 0; }
#nav li { float:left; list-style:none; margin:0 4px 0 0; padding:0; font-size: 1.2em; }
#nav li a { display:block; padding: 10px 12px 15px; color:#ffcc33; text-decoration:none; border: 0; margin:0 1px 0 0; }
#nav li a:hover, #nav li a.current { /*background: url(../images/barbg.gif) no-repeat bottom center;*/ color:#fff; }	
	.akey { border-bottom: 1px dotted #4B5761; }

#columns0{ clear: both; width: 800px; margin: 0 auto;  font: 1em "Open Sans", "Trebuchet MS"}
#columns0 p { clear: both; margin: 5px 0 20px 0; font-size:130%; line-height:21px; }
#columns0 h2 { clear: both; font: 2.1em "Open Sans","Trebuchet MS", Arial;  color:#121212; letter-spacing:-1px; margin: 0px 0 20px 0; clear:left; }
#columns0 h2 a { color:#121212; text-decoration:none; border-bottom: 1px black dashed; }
#columns0 h3 { clear: both; font: 1.7em "Open Sans","Trebuchet MS", Arial;  color:#121212; margin: 0px 0 10px 0; clear:left; }

/*---*/
#left { float: right; width: 570px; margin: 0 0 20px 0; }
	#left h2 { float: left; font: 2.1em "Trebuchet MS", Arial;  color:#121212; letter-spacing:-1px; margin: 0px 0 20px 0; clear:left; }
	#left h2 a { color:#121212; text-decoration:none; border: 0; }
	#left p { clear: both; margin: 5px 0 20px 0; font-size:110%; line-height:21px; }
	
/*---*/
#right {width:240px; float:left; margin: 0 0 20px 0; }
	#right h2 { color:#fff; margin: 0 0 5px 0; font: bold 1.2em "Trebuchet MS", Arial; background: #fff url(../images/sideh2bg.gif) repeat-x; padding: 4px 10px; border-bottom: 2px solid #000; }
	#right ul { list-style:none; 	border-top:1px solid #eee; border:none; padding:0; margin:0 0 15px 0; }
	#right ul li { border-bottom:1px solid #eee; padding:5px; margin:0; }
	#right ul li a { border: 0; }

#info { border: 1px solid #ccc; padding: 3px 5px; margin: 0 0 10px; }

#footer { font-size: 13px;display: block; clear: both; border-top: 1px solid #ccc; padding: 15px 0; margin: 100px 0 20px 0; color:#808080; }
#footer p { line-height: 2.5em; } 
#footer strong { font-size: 14px; font-variant: small-caps; }

/* Main banner styles */

#mainBanner {
	display: block;
	clear: both;
	width: 100%;
	background: white;
	margin: 0 auto;
	padding: 0;
}

#mainBanner h1 {
	font-size: 2.5em;
	font-variant: small-caps;
	text-align: center;
	margin-bottom: 15px;
}

#mainBanner h2 {
	margin-top: 0px;
	margin-bottom: 15px;	
	text-align: center;
	float: none;
}

#mainBanner .screenshot
{
	display: block;
	clear: both;
	margin: 10px auto;
	width: 367px;
	
}

#mainBanner p {
	font-size: 1.4em;
	text-align: center;
	padding: 10px 15px;
	margin: 0;
}

.blue    { background: #00AEDB; }
.green   { background: #00B159; }
.orange  { background: #F37735; }
.pink    { background: #EC098C; }
.purple  { background: #7C4199; }
.red     { background: #D11141; }
.yellow  { background: #FFC425; }

/* Download button */
.zButton, .zButton:hover  {
	display: block;
	margin: 15px auto;
	padding: 8px 10px;
	text-align: center;
	
	width: 300px;

	border: 1px solid #57A7BF;
	background: #00AEDB;

	color: #ffffff;
	font-size: 14pt;
	text-shadow: 1px 1px 1px rgba(255,255,255, .22);

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
	
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1), inset 0px 0px 1px rgba(0,0,0, .3);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.1), inset 0px 0px 1px rgba(0,0,0, .3);
	box-shadow: 1px 1px 1px rgba(0,0,0,.1), inset 0px 0px 1px rgba(0,0,0, .3);
 
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
	
/* CSS3 background gradients */
	background: -moz-linear-gradient(top,  #00AEDB 0%, #39a0be 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00AEDB), color-stop(100%,#39a0be)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00AEDB 0%,#39a0be 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00AEDB 0%,#39a0be 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00AEDB 0%,#39a0be 100%); /* IE10+ */
	background: linear-gradient(top,  #00AEDB 0%,#39a0be 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00AEDB', endColorstr='#39a0be'); /* IE7-10 */
}


.zButton:active {
	-webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0, .4);
	-moz-box-shadow: inset 0px 0px 3px rgba(0,0,0, .4);
	box-shadow: inset 0px 0px 3px rgba(0,0,0, .4);
}

.zButton img {
	vertical-align: middle;
	display: inline-block;
	position: relative;
	padding: 0 10px 0 0;
}

#faq {
	margin-top: 35px;
}
#faq p {
	margin-left: 25px;
}

/* msgbox stuff 
---------------*/
#msgbox-overlay {
 
    /* set it to fill the whole screen */
    width:100%; 
    height:100%;
     
    /* transparency for different browsers */
    filter:alpha(opacity=50); 
    -moz-opacity:0.5; 
    -khtml-opacity: 0.5; 
    opacity: 0.5; 
    background:#000; 
 
    /* make sure it appear behind the dialog box but above everything else */
    position:absolute; 
    top:0; left:0; 
    z-index:4999; 
 
    /* hide it by default */
    display:none;
}
 
#msgbox-box {
     
    /* css3 drop shadow */
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
     
    /* css3 border radius */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
     
    background:#eee;
    /* styling of the dialog box, i have a fixed dimension for this demo */
    width:380px; 
     
    /* make sure it has the highest z-index */
    position:absolute; 
    z-index:5000; 
 
    /* hide it by default */
    display:none;
}
 
#msgbox-box .msgbox-content {
    /* style the content */
    text-align:left; 
    padding:10px; 
    margin:13px;
    color:#666; 
    font-family:arial; 
}

/* extra styling */
#msgbox-box .msgbox-content p {
    font-weight:500; margin:0;
}
 
#msgbox-box .msgbox-content ul {
    margin:10px 0 10px 20px; 
    padding:0; 
    height:50px;
}