html {
	min-height: 		100%;
	height: 			auto;
}
body {
	background:			#00376a url(../images/bkg.gif) repeat-x bottom;
	padding: 			0;
	margin:				0;
	font-size:			62.5%;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	line-height:        normal;
}
img {
	border:				0;
}

/***** general *****/
#background {
	width:				100%;
	height:				501px;
	position:			absolute;
	top:				0;
	left:				0;
}
#content {
	position:			absolute;
	width:				100%;
	top:				0;
	left:				0;
}
#content .main_container {
	margin:				0 auto;
	width:				999px;
	position:			relative;
}
#skip {
	display:			none;
}


/***** header *****/
#header {
	height:				501px;
	position:			relative;
}
#header h1 {
	background:			url(../images/logo_wunderkindpro.png) no-repeat;
	width:				380px;
	height:				100px;
	text-indent:		-9000px;
	position:			absolute;
	top:				70px;
	left:				20px;
}
#header .login {
	height:				27px;
	width:				79px;
	margin-left:		840px;
}
#header .login a.btn_login {
	background: 		url(../images/btn_login.png) no-repeat;
	height:				27px;
	width:				79px;
	display:			block;
	text-indent:        -9000px;
}
#header .view_video {
	position:			absolute;
	left:				21px;
	margin-top:         0px;
	height:				47px;
	width:				158px;
}
*:first-child+html {} * html {} #header .view_video {
	top:				173px;
}
#header .view_video a.btn_view_video {
	background:			url(../images/btn_view-video.png) no-repeat;
	height:				47px;
	width:				158px;
	display:			block;
	text-indent:        -9000px;
}
#header .view_video a.btn_view_video:hover {
	background-position:0 -47px;
	_background-position:0 -46px;
}
#header .laptop {
	background:			url(../images/laptop.png) no-repeat;
	height:				355px;
	width:				578px;
	margin:				61px 0 0 360px;
}
*:first-child+html #header .laptop {
	position:			absolute;
	top:				27px;
}
#header .laptop .flash {
	padding:			21px 0 0 79px;
}

/***** header level 2 *****/
#headerl2 {
	height:				160px;
	position:			relative;
}
#headerl2 h1 {
	background:			url(../images/logo_wunderkindpro_l2.png) no-repeat;
	width:				380px;
	height:				80px;
	text-indent:		-9000px;
	position:			absolute;
	top:				22px;
	left:				20px;
}
#headerl2 .login {
	height:				27px;
	width:				79px;
	margin-left:		840px;
}
#headerl2 .login a.btn_login {
	background: 		url(../images/btn_login.png) no-repeat;
	height:				27px;
	width:				79px;
	display:			block;
	text-indent:        -9000px;
}
#headerl2 .laptop {
	background:			url(../images/laptop_closed.png) no-repeat;
	height:				80px;
	width:				528px;
	margin:				-5px 0 0 410px;
}
*:first-child+html #headerl2 .laptop {
	position:			absolute;
	top:				27px;
}
#headerl2 .laptop .flash {
	padding:			21px 0 0 79px;
}

/***** body *****/
#body {
	clear:				both;
	background:			#ffffff url(../images/bkg_body.gif) repeat-x;
	font-size:			1.2em;
	color:				#999999;
}
#navigation {	
	padding-top:        23px;
	width:				666px;
	border-bottom:		1px solid #d3d4d4;
	margin-bottom:		29px;
	height:				60px;
}	
#navigation li {
	list-style:			none;
	float:				left;
}
a.btn_home {
	background:			url(../images/btn_home.png) no-repeat;
	width:				117px;
	height:				45px;
	display:			block;
	text-indent:        -9000px;	
}
a.btn_features {
	background:			url(../images/btn_features.png) no-repeat;
	width:				117px;
	height:				45px;
	display:			block;
	text-indent:        -9000px;
}
a.btn_screenshots {
	background:			url(../images/btn_screenshots.png) no-repeat;
	width:				137px;
	height:				45px;
	display:			block;
	text-indent:        -9000px;	
}
a.btn_demos {
	background:			url(../images/btn_demos.png) no-repeat;
	width:				117px;
	height:				45px;
	display:			block;
	text-indent:        -9000px;	
}a.btn_support {
	background:			url(../images/btn_support.png) no-repeat;
	width:				117px;
	height:				45px;
	display:			block;
	text-indent:        -9000px;	
}
a.btn_home:hover, a.btn_features:hover, a.btn_screenshots:hover, a.btn_demos:hover, a.btn_support:hover {
	background-position:0 -45px;
	_background-position:0 -44px;	
}
a.selected {
	background-position:0 -90px;
	_background-position:0 -89px;
}
a.selected:hover
{
	background-position:0 -90px;
	_background-position:0 -89px;
}

.ui-tabs { zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { border-bottom-width: 0; background-position:0 -90px; _background-position:0 -89px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; background-position:0 -90px; _background-position:0 -89px; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; }
.ui-tabs .ui-tabs-hide { position: absolute; left: -10000px; }


/***** main column ******/
#main {
	float:				left;
	width:				667px;
	margin-left:		27px;
	_margin-left:		13px;
}
#main .col1
{
	margin-right:		35px;
}

#main .snippet {
	width:				300px;
	float:				left;
}
#main #features .snippet {
	height:				220px;
}
#main #benefits .snippet {
	height:				220px;
}	
#main .snippetPadding {
	margin-right:		35px;
}
#main  h2 {
	font-size:			2em;
	color:				#7c868e;
	font-weight:        normal;
	margin-bottom:      15px;
}	
#main h3 {
	font-size:			1.5em;
	color:				#3964ae;
	font-weight:        normal;
}
#main h4 {
	font-size:			1.5em;
	color:				#7c868e;
	font-weight:        normal;
}	
#main p {
	line-height:		1.5;
	margin-bottom:      10px;
}
#main .contentpanel
{
	width:				300px;
	float:				left;
	margin-bottom:      30px;
}
#main .contentpanel p
{
    font-size:          1.2em;   
}
#main .contentpanel p strong
{
    color:              #616161;   
}
#main .contentpanel hr
{
    height:             1px;
    color:              #dfdfdf;
    background-color:   #dfdfdf;
    border-color:       #dfdfdf;
    margin-top:         20px; 
    margin-bottom:      20px; 
}

#main #features h3
{
    display:            block;
    clear:              both;
}

a.screenthumb
{
	background: 		url(../images/screenthumb_bg.png) no-repeat;
	width:				272px;
	height:				188px;
	margin-left:        -10px;
	padding:            12px 10px 10px 13px;
	display:			block;
	background-position:0 0;
	_background-position:0 0;
}
a.screenthumb:hover
{
	background: 		url(../images/screenthumb_bg_hover.png) no-repeat;
}
#main #screenshots .screenthumb
{
    display:            inline-block;
    float:              left;
    margin-right:       25px;
}

a.videothumb
{
	background: 		url(../images/videothumb_200x113_bg.png) no-repeat;
	width:				197px;
	height:				114px;
	padding:            10px 18px 23px 12px;
	display:			block;
	background-position:0 0;
	_background-position:0 0;
}
a.videothumb:hover
{
	background: 		url(../images/videothumb_200x113_bg_hover.png) no-repeat;
}

a.videothumb_sm
{
	background: 		url(../images/videothumb_153x86_bg.png) no-repeat;
	width:				157px;
	height:				87px;
	padding:            7px 10px 16px 8px;
	margin-left:        -10px;
	display:			block;
	background-position:0 0;
	_background-position:0 0;
}
a.videothumb_sm:hover
{
	background: 		url(../images/videothumb_153x86_bg_hover.png) no-repeat;
}



#main .contentpanel .lighthr
{
    border-bottom:      1px solid #D3D4D4;
    padding-bottom:     20px;
    margin-bottom:      20px;
}

#main #screenshots .spacer
{
    display:            block;
    clear:              both;
    width:              100%;
    height:             30px;   
}



/***** sidebar *****/
#sidebar {
	background: 		url(../images/bkg_sidebar.gif) no-repeat top;
	width:				305px;
	float:				left;
	color:				#666666;
	position:			relative;
	line-height:		1.3;
	padding-top:        20px;
	min-height:         500px;
}
*:first-child+html #sidebar {
	padding-bottom:		25px;
}
#sidebar h3 {
	margin:				58px 0 15px 39px;
	font-size:			1.3em;
}
#sidebar h4 {
	font-size:			0.9em;
	width:				172px;
	font-weight:		normal;
}
#sidebar h3, #sidebar h4 {
	color:				#7c868e;
}
#sidebar p {
	font-size:			0.9em;
}
#sidebar ul li {
	margin:				0 50px 25px 39px;
	padding-left:       44px;
}
*:first-child+html #sidebar ul li {
	float:				left;
}
#sidebar .point1 {
	background:			url(../images/icon_01.png) no-repeat 5px 8px;
}
#sidebar .point2 {
	background:			url(../images/icon_02.png) no-repeat 5px 8px;
}
#sidebar .point3 {
	background:			url(../images/icon_03.png) no-repeat 0px 8px;
}
#sidebar .fact {
	background:			url(../images/icon_fact.png) no-repeat 5px 8px;
}
#sidebar .graph {
	background:			url(../images/icon_graph.png) no-repeat 5px 8px;
}
#sidebar .email {
	background:			url(../images/icon_email.png) no-repeat 0px 8px;
}

#sidebar .bullet
{
	background:			url(../images/bullet_square.png) no-repeat 20px 5px;
    font-weight: bold;
    margin-left: 20px;
    padding-left: 33px;
    margin-bottom: 20px;
}

#sidebar .news {
	background:			url(../images/icon_news.png) no-repeat 0px 8px;
}


#sidebar a:active, #sidebar a:focus, #sidebar a:link, #sidebar a:visited {
	color:				#3964ae;
	text-decoration:	none;
}
#sidebar a:hover {
	text-decoration:	underline;
}

#sidebar .padtop
{
	padding-top:        50px;
}


/***** footer *****/
#footer {
	background:			url(../images/bkg_footer.gif) repeat-x;
	color:				#fff;
	padding:            40px 0;
}
#footer h3 {
	font-size:			1.5em;
	line-height:		1.5;
	float:				left;
	margin-top:			14px;
	color:              #ffffff;
}	
#footer a.free_demo {
	float:				left;
	margin:				0 8px 30px 23px;
	width:				85px;
}

/***** clearfix *****/
.clearfix:after {
	content: 			"."; 
	display: 			block; 
	height: 			0; 
	clear: 				both; 
	visibility: 		hidden;
}
.clearfix {	
	display: 			inline-block;
}

#slideshow {
    position:relative;
    width:423px;
    height:265px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/* Hides from IE-mac \*/
* html .clearfix {
	height: 			1%;
}
.clearfix {
	display: 			block;
}
/* End hide from IE-mac */