* {
	margin: 0;
	padding: 0;
}
html { 
	height: 100%;
	width: 100%;
}
body { 
	margin: 0; 
	padding: 0;	
	width: 100%; 
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #6D6D6D;
	font-weight: normal;
	font-size: 100.01%;
	background: #E0D5BC url(images/bg.gif) repeat-x top left;
}

br.clear { 
	clear: both; 
	margin: 0; 	
	padding: 0; 
}
a { 
	color: #202020; 
	font-weight: normal; 
	text-decoration: underline; 
}
a:hover { 
	text-decoration: none; 
}
img { 
	border: 0; 
	padding: 0;
	margin: 0;
	behavior: url('images/iepngfix.htc');
}
#center { 

   margin: 0 auto;
	padding: 0;
	position: relative;
	width: 918px;
	/*min-height: 100%;
	_height: 100%;*/
	padding-bottom: 30px;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul li {
	margin: 5px 0;
	padding: 0;
}
/*-----------------------------------header---------------*/
#headertop {
	position: relative;
	height: 92px;
	background: url(images/header_bg.gif) repeat-x left bottom;
}
#headertop #logo {
	position: absolute;
	bottom: 0;
	left: 0;
}
#headertop #increase {
	position: absolute;
	bottom: 0;
	right: -13px;
	width: 277px;
	height: 85px;
}

#topnav {
	position: relative;
	width: 100%;
	height: 31px;
	background: #EB4100 url(images/topnavbg.jpg) no-repeat right top;
}
#topnav #menu {
	margin: 0;
	padding: 0;
}
#topnav #menu li {
	display: inline;
	margin: 0;
	padding: 0;
}
#topnav #menu li a {
	float: left;
	height: 0;
	padding-top: 31px;
	overflow: hidden;
	background: url(images/topmenu.jpg);
	background-repeat: no-repeat;
}
/*top menu*/
#topnav #menu li#home a { width: 81px;	background-position: 0 0p; }
#topnav #menu li#download a { width: 111px;	background-position: -81px 0; }
#topnav #menu li#about a { width: 75px;	background-position: -192px 0; }
#topnav #menu li#support a { width: 96px;	background-position: -267px 0; }

/*hover states*/
#topnav #menu li#home a:hover, #topnav #menu.home li#home a { width: 81px;	background-position: 0 -31px; }
#topnav #menu li#download a:hover, #topnav #menu.download li#download a { width: 111px;	background-position: -81px -31px; }
#topnav #menu li#about a:hover, #topnav #menu.about li#about a { width: 75px;	background-position: -192px -31px; }
#topnav #menu li#support a:hover, #topnav #menu.support li#support a { width: 96px;	background-position: -267px -31px; }


#banner {
	position: relative;
	width: 100%;
	height: 167px;
	background: #FDFDFD url(images/banner.jpg) no-repeat top left;;
}
#banner #getit {
	position: absolute;
	top: 1px;
	right: 0px;
}
#line {
	position: relative;
	width: 100%;
	height: 10px;
	background: #FDFDFD url(images/bannerline.jpg) no-repeat top right;
}
#line img {
	position: absolute;
	top: 0;
	right: 0;
}

/*-----------------------------------content-------------------------*/
#precontent {
	position: relative;
	width: 100%;
	background: #fff;
	padding: 6px 0;
}
#content {
	height: 100%;
	position: relative;
	background: #ECECEC;
	margin: 0 6px;
	padding: 20px;
}
#index #content {
	padding: 0;
}
#content p {
	font-size: 90%;
	padding: 5px 0;
	line-height: 120%; 
}
#content .image {
	margin: 5px 10px 5px 0;
	float: left;
}
#content ul {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}
#content h1 {
	color: #4D85B0;
	font-size: 140%;
	position: relative;
}
#content #left {
	width: 32%;
	background: #E6E6E6 url(images/leftbg.gif) repeat-y top right;
	float: left;
	position: relative;
	border-right: 1px solid #F6F6F6;
	text-align: center;
	height: 100%;
}
#content #left a {
	display: block;
	margin: 10px 0;
	text-decoration: none;
}
#content #left a:hover {
	text-decoration: none;
}
#content #right {
	margin-left: 33%;

	padding-top: 30px;
}
#content #right h1 {
	color: #4D85B0;
	font-size: 110%;
	margin-left: 15px;
	position: relative;
}
#content #right h1 span {
	display: block;
	position: absolute;
	float: left;
	top: 0;
	left: 0;
	height: 40px;
	width: 245px;
	background: url(images/whatis.gif) no-repeat left top; 
}
#content #right p {
	padding: 15px;
	font-size: 105%;
	color: #6D6D6D;
}
#content #right p.description {
	color: #EA4100;
	font-weight: bold;
	padding-top: 40px;
	padding-right:50px;
}
#content #right p.download {
	text-align: center;
}
#content #right ul li {
	margin-left:15px;
	margin-top:5px;
}

/*------------------------------------footer------------------------*/
#footer {
	width: 100%;
	position: relative;
	height: 59px;
	background: #FF5500 url(images/footerbg.gif) repeat-x top left;
	font-size: 80%;
	color: #C26464;
	text-align: center;
}
#footer .bg1 {
	width: 100%;
	height: 100%;
	background: url(images/footerbg1.gif) no-repeat top left;
}
#footer .bg2 {
	width: 100%;
	height: 100%;
	background: url(images/footerbg2.gif) no-repeat top right;
}
#footer #footerlogo {
	position: absolute;
	top: -20px;;
	right: 20px;
}
#footer ul#footernav {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-top: 30px;
}
#footer ul#footernav li {
	display: inline;
	margin: 0;
	padding: 0;
}
#footer ul#footernav li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin: 0 10px;
}

/* Additions from Johan */

#support h3 {
	margin-top:15px;
}

#support {
	height:200px;
}

#support_right {
	float:right;
	width:350px;
}

#support_left {
	float:left;
	width:350px;
}