*{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
body{
	font-family: tahoma, sans serif;
	margin: 0;
	padding: 0 0 100px 0;
}
#header{
	background: #002358;
	background-image: url(logobarbg.png);
	background-position: bottom left;
	height: 250px;
	margin-top: -140px;
}
	#header #logobar{
		background-image: url(logobarbg.png);
	    background-position: bottom left;
		height: 100%;
		position: relative;
		width: 280px;
	}
	#header h1{
		background-image: url(loginlogo.png);
		bottom: 0;
		color: #002358;
		cursor: pointer;
		font-size: 0;
		height: 69px;
		line-height: 1000pt;
		margin: 0;
		overflow: hidden;
		padding: 0;
		position: absolute;
		right: 105px;
		width: 144px;
	}
   #mountain{
				display: none;
        position: absolute;
        top: -1px;
        left: 280px;
        width: 685px;
        height: 290px;
    }
#content{
    background-image: url(fieldsetbg.png);
    background-repeat: repeat-x;
    width: 100%;
} 
	fieldset{
		background-image: url(fieldsetbg.png);
		background-repeat: repeat-x;
		border: 0;
		float: left;
		font-size: 8pt;
		margin: 0;
		padding-right: 28px;
		padding-top: 15px;
		text-align: right;
		width: 280px;
	}
		fieldset label{
			display: inline-block;
			display: -moz-inline-box;
			text-align: left;
			width: 70px;
		}
		fieldset input{
			margin-top: 4px;
			width: 130px;
		}
		fieldset input.submit{
			font-size: 8pt;
			margin-right: 66px;
			margin-top: 10px;
			padding: 2px;
			width: 65px;
		}
		fieldset #error{
			color: red;
			padding-top: 20px;
			float: right;
			text-align: left;
			width: 205px;
		}
	#promotext{
		background-image: url(fieldsetbg.png);
		background-repeat: repeat-x;
		float: left;
		margin: 0;
		padding-left: 40px;
		padding-top: 15px;
		width: 100%;
	}		
		ul.features{
			background-color: #F1F5F7;
			border: 1px solid #CCD9E2;
			float: right;
			margin: -20px 30px 30px 30px;
			padding: 20px !important;
			position: relative;
			text-align: left;
			width: 250px;
		}
			ul.features li{
				font-size: 9pt;
				list-style-type: none;
				line-height: 17pt;
				margin-bottom: 12px;
			}
		#promotext .snippet{
			float: left;
			vertical-align: top;
			width: 190px;
		}
		#promotext #aboutus-snippet, #promotext #platform-snippet{
			margin-right: 20px;
		}
			#promotext .snippet h2{
				font-size: 16pt;
				font-weight: normal;
				margin: 0;
			}
			#promotext .snippet p{
				font-size: 8pt;
				line-height: 11pt;
				margin-bottom: 12pt;
			}
			#promotext .snippet a{
				display: block;
			}
		#promotext #full{
			clear: left;
			margin-top: 15px;
			padding: 0 50px 50px 0;
			width: 100%;
		}
			#aboutus, #platform, #benefits{
				display: none;
				padding: 0;
			}
		#promotext h2{
		    font-family: Segoe UI, Tahoma, Sans-Serif;
			font-size: 17pt;
			font-weight: normal;
			margin: 20px 0 0 0;
		}
		#promotext h3{
			font-size: 14pt;
			font-weight: normal;
			margin-top: 30px;
		}
		#promotext h4{
			font-size: 11pt;
			margin-top: 40px;
			padding-top: 10px;
		}
		#promotext p
		{
			font-size: 9pt;
			line-height: 13pt;
			width: 650px;
		}
			#promotext p.nav{
				margin-top: 0px;
				padding-top: 5px;
			}
		a{
			color: #1370AB;
			margin-top: 10px;
		}
		a:hover{
			color: blue;
		}
		#promotext ul{
			font-size: 10pt;
			padding-right: 350px;
			margin-bottom: 0;
		}
			#promotext ul ul{
				margin-bottom: 15px;
				margin-top: 5px;
			}
	    #promotext ul.ticks{
	        color: #1370AB;
			font-size: 12pt;
			margin-top: 35px;
		}
		    #promotext ul.ticks li
		    {
		        list-style-image: url(tick.gif);
		        margin-bottom: 10px;
		        padding-left: 10px;
		    }
		#promotext strong{
			color: #1370AB;
			display: block;
		    font-family: Segoe UI, Tahoma, Sans-Serif;
			font-size: 12pt;
			font-weight: normal;
			margin-bottom: 15px;
			margin-top: -5px;
			position: relative;
		}

	#footer {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(fieldsetbg.png);
	/*border-top: 1px solid #A2BBD0;*/
  position: absolute;
	color: #6C93B5;
	font-family: tahoma, arial;
	font-size: 12px;
	width: 100%;
	height: auto;
	padding: 10px;
	text-align: left;
	z-index: 10;
}
body > div#footer {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
	left: 0px;
	bottom: 0px;
}
div#footer {
  /* IE5.5+/Win - this is more specific than the IE 5.0 version */
  right: auto; bottom: auto;
  left: 0px;
  top: expression( ( 0 - footer.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
    #footer span{
        display: block;
        font-size: 11pt;
        margin-top: -2px;
        position: absolute;
        right: 0px;
        text-align: center;
        width: 200px;
    }
			#footer a.lang{
				bottom: 11;
				position: absolute;
				right: 13;
			}

/* Tab Styles */
div.tabs{
	border-bottom: solid 1px gray;
	border-collapse: collapse;
	display: block;
	height: 23px;
	margin: 30px 0 10px 4px; 
	padding: 0 0 0 10px;
	position: relative;
	vertical-align: bottom;
	width: 400px;
}

div.tabs a{
	background: url(media/images/default/tab-off.gif);
	border-bottom: 1px solid #808080;
	border-left: 1px solid #91A7B4;
	border-right: 1px solid #919B9C;
	border-top: 1px solid #91A7B4;
	bottom: -1px;
	color: black !important;
	cursor: pointer;
	display: inline-block;
	font-family: arial;
	font-size: 8pt;
	height: 15px;
	line-height: 14px;
	margin: 4px 2px 0 0;
	padding: 1px 15px 2px 15px;
	position: relative;
	text-align: center;
	text-decoration: none !important;
	vertical-align: bottom;
}

div.tabs a:hover{
	background: url(media/images/default/tab-hover.gif);
	border-top: 1px solid #E68B2C;
	color: black;	
	text-decoration: none;
}

div.tabs a.on, div.tabs a.on:hover{
	background: url(media/images/default/tab-on.gif);
	border-bottom: 1px solid white;
	border-top: 1px solid #E68B2C;
	color: black;
	text-decoration: none;	
}

div.tabcontents, div.tabcontents-active{
	border: 1px solid #808080;
	margin-bottom: 40px;
	margin-top: -11px;
	margin-right: 40px;
	padding: 30px 20px 60px 20px;
	display: block;
	width: 100%;
}
div.tabcontents-hidden{
	display: none;
}