@import 'reset.css';

html, body {padding: 0; margin: 0; height: 100%; width: 100%;background-color: #000000;}

#topline {
	width: 100%;
	height: 50px;
	text-align: center;
	margin: 0px auto;
	background-color: #000000;
	background-image: url('images/topline.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #4f5054;
}

/* - - - - - - - - - */

#menu {
	width: 872px;
	text-align: center;
	margin: 0px auto;
}
#menu ul {
	list-style: none; 
	margin: 0px;
	padding-top: 18px;	
}
#menu li {
	display: block;
	margin: 0px;
	padding-left: 20px;
	float: left;
}

/* - - - - - - - - - */

#splash {
	width: 100%;
	height: 320px;
	background-color: #000000;
	background-image: url('images/splash_bg320.gif');
	background-repeat: repeat-x;
	text-align: center;
	margin: 0px auto;
	position:relative;
}
#splash2 {
	text-align: left;
}
#splash_content
{
  height: 319px;
	width: 867px;
	text-align: center;
	margin: 0px auto;
}
#splash_header { 	
	position: absolute;
	padding-left: 18px;
	padding-top: 40px;
}
#splash_text { 	
	position: absolute;
	padding-left: 16px;
	padding-top: 100px;
}
#splash_download {
	position: absolute;
	float: left;
	padding-left: 16px;
	padding-top: 206px;
}
#splash_img { 	
	position: absolute;
	padding-left: 358px;
	padding-top: 24px;
}

/* - - - - - - - - - */

#content {
	height: auto;
	text-align: center;
	margin: 0px auto;
	width: 100%;
	background-color: #2c2d2f;
	min-height: 420px;	
}

#content2 {
    height: auto;
    text-align: center;
    margin: 0px auto;
    width: 100%;
    background-color: #2c2d2f;
    min-height: 800px;
}

#content_plain {
	text-align: center;
	margin: 0px auto;
	width: 100%;
	height: auto;
	background-color: #2c2d2f;
}

#textbox  {
	text-align: center;
	margin: 0px auto;
	width: 870px;	
	background-color: #2c2d2f;
}

h1 {font: bold 22px/20px tahoma, verdana, sans-serif; color: #ffffff; padding-top: 30px; padding-left: 20px; text-align: left;}
h2 {font: bold 18px/10px tahoma, verdana, sans-serif; color: #ffffff; padding-top: 0px; padding-bottom: 10px; text-align: left;}
h3 {font: bold 14px/10px tahoma, verdana, sans-serif; color: #ffffff; padding-top: 0px; padding-bottom: 10px; text-align: left;}


#textbox_main  {
	padding-left: 20px;
	padding-top: 16px;
	font-family: tahoma;
	font-size: 12px;
	color: #f9f9f9;
	width: 500px;
	line-height: 16px;
	text-align: justify;
	float: left;
	background-color: #2c2d2f;
}

#textbox_full  {
	padding-left: 20px;
	padding-top: 30px;
	font-family: tahoma;
	font-size: 12px;
	color: #f9f9f9;
	width: 867px;
	line-height: 16px;
	text-align: justify;
	background-color: #2c2d2f;
}


#textbox  a {
	font-family: tahoma;
	font-size: 12px;
	color: #d9d9d9;
	font-weight: bold;
} 

#textbox ul {
	width: 500px;
/*	height: 400px;*/
	float: left;
}

#textbox  li {
	display: block;
}

#supported {
	width: 304px;
	height: 340px;
	background-image: url('images/supported_bg.jpg');
	background-repeat: no-repeat;
	font-family: tahoma;
	font-size: 12px;
	color: #d9d9d9;
	float: right;	
	
}

#supported ul {
	list-style: none;
	margin-top: 46px;
	margin-left: 24px;
	width: 280px;
}

#supported li {
	display: block;
	background-image: url('images/supported_arrow.png');
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 15px;
	height: 18px;
}

#supported .lgpl {
	text-align: left;
	padding-top: 40px;
	padding-left: 25px;
	padding-right: 10px;
	font-family: tahoma;
	font-size: 10px;
}

#supported a {
	font-family: tahoma;
	font-size: 10px;
}

/* - - - - - - - - - */

#footer {
	clear: both;	/*¤¤¤ BR ADDED AS TEST TO CLEAR FLOAT VALUES */
	width: 100%;
	height: 50px;
	background-color: #000000;
	border-top: 1px solid #4f5054;
}
#footer  ul {

	float: left;
	list-style: none;
	padding-left: 20px;
	padding-top: 20px;
}
#footer li {
	float: left;
	display: block;
	font-family: tahoma;
	font-size: 11px;
	color: #d9d9d9;
	padding-right: 8px;
}
#footer li a {
	font-family: tahoma;
	font-size: 11px;
	color: #d9d9d9;
}
#footer li a:link{text-decoration: none;}
#footer li a:active{text-decoration: none;}
#footer li a:visited{text-decoration: none;}
#footer li a:hover{text-decoration: underline;}

#footer_content {
	width: 870px;
	text-align: center;
	margin: 0px auto;
}

/* - - - - - - - - - */

#copyright {
	float: right;
	font-family: tahoma;
	font-size: 11px;
	color: #d9d9d9;	
	padding: 0px;
	width: 500px;
	text-align: right;
	padding-top: 30px;
}

#copyright img { border: none; vertical-align: middle; }

/* - - - - - - - - - */

.contact_form  {
	list-style: none;
/*	padding-top: 40px;*/
	padding-left: 0px;
}

.contact_form  li {
	padding-bottom: 10px;
	text-align: left;
/*	float: right;*/
	float: left;
}

.contact_form  label {
	float: left;
	width: 140px;
	font-family: tahoma;
	font-size: 12px;
	color: #f9f9f9;	
}

.input {
	width: 298px;
	height: 22px;
	background-image: url('images/input_bg.jpg');
	background-repeat: no-repeat;
	border: 0px;
	font-family: tahoma;
	font-size: 12px;
	color: #d9d9d9;	
	padding-left: 3px;
	padding-right: 3px;
}

.textarea {
	width: 297px;
	height: 179px;
	border: 0px;
	background-image: url('images/textarea_bg.jpg');
	background-repeat: no-repeat;
	font-family: tahoma;
	font-size: 12px;
	color: #d9d9d9;	
	padding-left: 3px;
	padding-right: 3px;
}

/* - - - - - - - - - */

.top_indent_5px{padding-top:5px; display:block;}
.top_indent_10px{padding-top:10px; }
.top_indent_15px{padding-top:15px; display:block;}
.top_indent_20px{padding-top:20px; display:block;}
.top_indent_25px{padding-top:25px; display:block;}
.top_bot_indent_10_20px{padding-top:10px; padding-bottom:20px;}