#content input
{
	border:1px solid #a0a0a0;
	font-size:1.2em;
	margin:6px;
	padding:0.3em;
	width:270px;
	color:#666;
	background-color: transparent;
	background-image: url(../images/inputbg.gif);
	background-repeat: repeat-x;
	background-position: right top;
}
#content .submit
{
	border:0;
	text-align:center;
	cursor:pointer;
	width:100px;
	height:28px;
	background-color: transparent;
	background-image: url(../images/submit.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#content .reset
{
	border:0;
	text-align:center;
	cursor:pointer;
	width:100px;
	height:28px;
	background-color: transparent;
	background-image: url(../images/reset.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.cssform      {
	position: relative;



}



.cssform p{
	margin: 0;
	padding: 5px 0 8px 0;
	height: 1%;
	margin-left: 155px;
}



.cssform label{
position:absolute;
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	padding-bottom: 5px;
}

.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform .input {
width:180px !important;
}

.cssform textarea{
	width: 200px;
	height: 150px;
}
.cssform  img      {
	position: relative;
	bottom: 1px;
	left: 3px;
}
.cssform  table      {
	margin-top: 30px;
	margin-bottom: 20px;
	margin-right: 90px;
}


* html .threepxfix{
margin-left: 3px;
}
/*--------------------------------Contact-----------------------------------------*/
.cssform
{
	position:static;
}
.cssform p
{
	float:none!important;
	clear:both;
}
.cssform label 
{
	float:left;
	font-weight:bold;
	padding-bottom:5px;
	width:150px;
	position:static;
	margin-left:0;
}
.cssform img 
{
	bottom:0;
	left:0;
	position:static;
}
p img 
{
	float:none;
	margin:0;
	padding:0pt;
}
#mailyes, #mailno, #salesenquiries
{
	width:auto!important;
	border:0!important;
	background:none!important;
}
.cssform input 
{
	font-size:1.2em!important;
	margin:0!important;
	padding:0 0.1em!important;
}
/* CSS Document */
body
{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	background:#000;
	font-size:70%;
	margin:0;
	padding:0;
	background: #77c6f1 url(../images/bodybg.jpg) repeat-x left top;
	padding-bottom:20px;
}
#container
{
	width:964px;
	margin:0 auto;
	height:auto;
	overflow:visible;
	background:#fff;
}
p 
{
	margin:0pt 0pt 2.5em;
	text-indent:0!important;
}
/*--------------------------------HEADER------------------------------------------*/
#header
{
	height:152px;
	width:100%;
	background: transparent url(../images/topbg.jpg) no-repeat 0 0;
	position:relative;
}
#logo
{
	width:415px;
	background: transparent url(../images/logo.png) no-repeat 0 0;
	float:left;
	height:152px;
}

/*--------------------------------HEADER------------------------------------------*/
/*--------------------------------TOP NAV------------------------------------------*/
#header .linklist16
{
	list-style-type:none;
	float:left;
	margin-top:10px;
	width:255px;
	position:absolute;
	top:0;
	right:10px;
	font-size:1.1em;
}
#header .linklist16 li
{
	display:inline;
}
#header .linklist16 li.last a
{
	background:none;	
}
#header .linklist16 li a
{
	color:#fff;
	text-decoration:none;
	padding:0 10px;
	background:transparent url(../images/pipewhite.gif) repeat-y right top;	
}
#header .linklist16 li a:hover
{
	text-decoration:underline;	
}
.image
{
	position:absolute;
	top:125px;
	width:1001px;
	height:277px;
	background-color: transparent;
	left: 0px;
}
.copy
{
	font-size:1em!important;
	color:#000!important;
}
.softwaare
{
	color:#2c89ce!important;
	background:transparent url(../images/windows.gif) no-repeat right top;
	padding:10px 0 0;
	width:70%;
}

/*--------------------------------TOP NAV------------------------------------------*/
/*--------------------------------INTRO TEXT------------------------------------------*/
.introtext
{
	background:#0D0D0D url(../08/images/textbg.jpg) repeat-x left top;
	margin:0 3px;
	padding:6px 15px 0;
	color:#fff;
	font-size:12px;
	line-height:20px;
	height:160px;
}
.introtext span
{
	text-decoration:underline;
}
/*--------------------------------INTRO TEXT------------------------------------------*/
/*--------------------------------CONTENT------------------------------------------*/
#content
{
	height:auto;
	overflow:hidden;
	width:936px;
	margin:257px auto 0;
	background:#fff url(../images/contentbg.gif) repeat-x left top;
	text-align:left;
}
#content .left
{
	width:387px;
	float:left;
	padding:15px 0 10px 15px;
}

#content .leftsmall
{
	width:300px;
}

#content .lefttest
{
	width:800px;
	float:left;
	padding:15px 0 10px 15px;
}

#content .right.abt
{
	width:48%;
}
#content .left.abt
{
	width:45%;
}
#content .full
{
	width:auto;
	padding:25px;
}
#content .full h1, #content .abt h1
{
	font-size:1.4em;
}
#content .full .left
{
	width:500px;
}
#content .full .right
{
	width:auto;
	margin:0;
	padding:15px;
}
#content ol
{
	margin-top:15px;
}
#content ol li
{
	font-size:1.2em;
	color:#666;
}
#content .gear
{
	list-style-type:none;
	font-size:1.2em;
	color:#666;
	margin:0;
}
#content .gear li
{
	background:transparent url(../images/gear.gif) no-repeat left 4px;
	padding:2px 0 0.2em 22px;
}
#content .bullet2
{
	list-style-type:none;
	font-size:1.2em;
	color:#666;
	margin:0;
}
#content .bullet2 li
{
	background:transparent url(../images/bullet2.gif) no-repeat left 4px;
	padding:2px 0 0.2em 22px;
}
#content .border
{
	width:auto;
	padding:0px;
	border:1px solid #ededed;
	margin:15px;
	height:auto;
	overflow:hidden;
}
* html #content .border
{
	height:1%;
}
* html #content ol
{
	margin-left:25px;
}
#content .right
{
	width:465px;
	float:right;
	margin-right:25px;
	padding:15px 0pt 10px 15px;
}

#content .rightsmall
{
	width:365px;
	float:right;
	margin-left:20px;
	padding:15px 0pt 10px 0px;
}


* html #content .right
{
	margin-right:10px;
}
#content h1
{
	color:#4191c8;
	font-size:23px;
	text-align:left;
	font-weight:bold;
}
#content h2
{
	color:#000;
	font-size:15px;
	text-align:left;
	font-weight:bold;
}
#content .next
{
	margin-top:30px;
}
#content .music
{
	margin-top:10px;
	margin-bottom:5px;
}
#content .blue
{
	color:#4191c8;
}
#content .middle
{
	text-align:center;
}
#content h2 span
{
	font-size:12px;
}
#content p
{
	margin: 5px 0;
	color:#666;
	font-size:1.2em;
	/*float:left;*/
	line-height:20px;
}
#content img
{



}
#content input
{
	background:transparent url(../images/inputbg.gif) repeat-x right top;
	border:1px solid #a0a0a0;
	font-size:1.2em;
	margin:6px;
	padding:0.3em;
	width:270px;
	color:#666;
}
.video
{
	width:370px;
	margin:30px auto;
	text-align:center;
}
.video p
{
	color:#000!important;
	text-align:center;
}
.video p img
{
	float:none!important;
}

.bonusdiv
{
	width:370px;
	margin:30px auto;
	text-align:center;
}

.bold
{
	font-weight:bold;
	margin:10px auto!important;
}
.italic
{
	font-style:italic;
	font-size:11px!important;
}
/*--------------------------------CONTENT------------------------------------------*/
/*--------------------------------FOOTER-----------------------------------------*/
#footer
{
	height:auto;
	margin:0 auto 15px;
	overflow:hidden;
	background:#fff url(../images/footbg.gif) no-repeat right bottom;
	width:964px;
	padding-bottom:25px;
}
.footcontain
{
	width:936px;
	margin:10px auto 5px;
	font-size:0.95em;
	color:#525252!important;
	text-align:center;
	font-size:1.1em;
	height:107px;
	color:#fff;
	background:#fff url(../images/footbggrey.gif) repeat-x right top;	
}
#footer ul
{
	list-style-type:none;
	text-transform:uppercase;
	float:left;
	margin:15px 1.2em;
	width:99%;
	margin-bottom:0;
}
* html #footer .footcontain
{
	width:93%;
}
*:first-child+html #footer ul
{
	margin-left:0em;
}
*:first-child+html #footer .footcontain
{
	width:95.5%;
}
#footer ul li
{
	display:inline;
	color:#525252;
}
#footer ul li.last a
{
	background:none;	
}
.footcontain a
{
	color:#525252;
	text-decoration:none;
	padding:0 10px;
	background:transparent url(../images/pipe.gif) repeat-y right top;	
}
.footcontain a:hover
{
	color:#b7b7b7;
}
.footcontain p
{
	color:#525252!important;
}
* html .footcontain p
{
	margin-left:5%;
}
.foot1
{
	font-size:0.9em;
}
.foot1 li.brdcrumb
{
	color:#525252;
	text-decoration:none;
	padding:0 10px;
	background:transparent url(../images/pipe.gif) repeat-y right top;	
}
.foot1 .noborder
{
	background:none!important;
	padding:0!important;
}
/*--------------------------------FOOTER-----------------------------------------*/
/*--------------------------------TAB MENU-----------------------------------------*/

#tabsK 
{
	float:right;
	width:503px;
	font-size:93%;
	font: bold 16px "Century Gothic";
	position:absolute;
	bottom:0;
	right:4px;
	z-index:20;
 }
#tabsK ul 
{
        margin:0;
        padding:10px 0 0 0;
        list-style:none;
 }
#tabsK li 
{
      display:inline;
      margin:0;
      padding:0;
}
#tabsK a 
{
      float:left;
      background:url("../images/tableftK1.gif") no-repeat left top;
      margin:0 1px;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabsK a span 
{
      float:left;
      display:block;
      background:url("../images/tabrightK1.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#4191c8;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsK a span 
{
		float:none;
}
/* End IE5-Mac hack */
#tabsK a:hover span 
{
      color:#ee6217;
}
#tabsK #current a span 
{
		 color:#ee6217;
}
.spacer {
	clear: both;
}

div#screenshot table {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	width: 390px;
}

div#screenshot td {
	text-align: left;
	margin: 0px;
	padding: 0px;
}




div#screenshot td.screenshottop {
	height: 36px;
	color: #FFFFFF;
	background-image: url(../../images/screenshot_banner.png);
	background-repeat: no-repeat;
}

div#screenshot td.video {

	background-image: url(../../images/banner_video.png);
	background-repeat: no-repeat;
}

div#screenshot td.screenshottop  h6.color {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #FFFFFF;
	padding: 0px 0px 0px 10px;
	margin: -9px 0 0 0;
}


/* ***************************** VIDEO  ************************************* */

div#screenvideo table {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	width: 470px;
}

div#screenvideo td {
	text-align: left;
	margin: 0px;
	padding: 0px;
}




div#screenvideo td.screenshottop {
	height: 36px;
	color: #FFFFFF;
	background-image: url(../../images/screenshot_banner.png);
	background-repeat: no-repeat;
}

div#screenvideo td.video {

	background-image: url(../../images/banner_video.png);
	background-repeat: no-repeat;
}

div#screenvideo td.screenshottop  h6.color {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #FFFFFF;
	padding: 0px 0px 0px 10px;
	margin: -9px 0 0 0;
}