/*** MAIN PROPERTIES ***/

html {
  height: 100%;
  margin-bottom: 0px;
}

body {
	font-family: Helvetica, Arial, Sans-serif;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 15px;
	color: #333333;
}

form {
  margin: 0;
  padding: 0;
}

img,table {
	border:none;
}

#text_contentheader {
	padding: 0;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 15px;
	font-weight: normal;
	vertical-align: top;
	text-align: justify;
	text-indent: 15px;
	line-height: 1.4em;
	color: #888888;
	width: 810px;
}

#text_contentheader_column {
	padding: 0;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 15px;
	font-weight: normal;
	vertical-align: top;
	text-align: justify;
	text-indent: 15px;
	line-height: 1.4em;
	color: #888888;
	width: 555px;
}

#text_contentparagraph {
	padding-left: 0px;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 15px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
	text-indent: 0px;
	line-height: 1.4em;
	color: #000000;
	width: 100%;
}

#text_content {
	padding-left: 10px;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 15px;
	font-weight: normal;
	vertical-align: top;
	text-align: justify;
	text-indent: 0px;
	line-height: 1.4em;
	color: #444444;
	width: 96%;
}

#text_contentcaption {
	padding-left: 0px;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
	text-indent: 0px;
	line-height: 1.4em;
	color: #000000;
}

#text_contentlink {
	padding-left: 0px;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 14px;
	font-weight: bolder;
	vertical-align: top;
	text-align: left;
	text-indent: 0px;
	line-height: 1.4em;
	color: #000000;
	width: 100%;
}

a:link, a:visited {
	text-decoration: none;
	!font-weight: bold;
	text-decoration: none;
	color: #3366dd;
}

a:hover {
	text-decoration: underline;
	!font-weight: bold;
}

input.button {
 cursor: pointer;
 background:none;
}

p {
  margin-top: 0;
  margin-bottom: 5px;
  text-align: justify;
}

#page_bg {
	padding: 0;
	background: url(../img/bg.png) top left repeat-x;
	background-color: #9BA1A8;
	margin:0;
}


/*** DIV ***/

div.center {
  text-align: center;
  margin:0px 0px 0px 0px;
}

div#wrapper {
	margin-left: auto;
	margin-right: auto;
	width:905px;
	background: url(../img/border_bg.png) 0px 0 repeat-y;
}

div#title_right {
	background: transparent url(../img/border_topright.png) top right no-repeat;
	height:68px;
}
div#title_left {
	background: transparent url(../img/border_topleft.png) top left no-repeat;
	height:68px;
}

div#title_center {
	background: transparent;
	height:68px;
}

div#logo {
    position: relative;
	background: transparent url(../img/border_title.png) top center no-repeat;
	height:68px;	
}

#logo a
{
	position: absolute;
    top: 15px;
    left: 30px;
    width: 335px;
    height: 50px;
}
 
#logo a h1
{
    display: none;
}

div#border_left {
	background: transparent url(../img/border_left.png) 0px 0 repeat-y;
}

div#border_right {
	background: transparent url(../img/border_right.png) 880px 0 repeat-y;
}

div#content_center {
	background: transparent;
}

#area {
	padding: 5px;
	width:100%;
	background: #ffffff;
}

#whitebox {
	margin: 0;
	width: auto;
}

div#lesson {
	padding: 4px 8px 4px 2px;
	float: left;
}

div#lesson_text {
	float: none;
	margin: 11px auto auto 5px;	
	height: 26px;
	font-weight: bold;
}

/** PATH **/

#whitebox_path {
	width: 862px;
	height: 24px;
	padding-left: 12px;
	margin-left: 10px;
	background: url(../img/path_bg.png) right no-repeat;
}

#whitebox_path_parent {
	margin-left: 12px;
	height: 24px;
	padding-top: 0px;
	background: none;
	line-height: 1.7em;
	color: #333333;
	float: left;
}

#whitebox_path_child {
	margin-left: 5px;
	height: 24px;
	padding-top: 0px;
	background: none;
	line-height: 1.7em;
	color: #999999;
	float: left;
}


div#rule {
	position: relative;
	float: right;
	top:15px;
	right:7px;
	display:inline;
	z-index:2;
	background: transparent url(../img/rule.png) top right no-repeat;
	width:602px;
	height:55px;
}

div#engine_overview {
	position: relative;
	float: left;
	top:18px;
	left:20px;
	display:inline;
	z-index:2;
	background: transparent url(../img/engine_overview.png) top left no-repeat;
	width:228px;
	height:50px;
}	
div#engine_rendering {
	position: relative;
	float: left;
	top:18px;
	left:15px;
	display:inline;
	z-index:2;
	background: transparent url(../img/engine_rendering.png) top left no-repeat;
	width:238px;
	height:50px;
}	
div#engine_materials {
	position: relative;
	float: left;
	top:18px;
	left:15px;
	display:inline;
	z-index:2;
	background: transparent url(../img/engine_materials.png) top left no-repeat;
	width:238px;
	height:50px;
}	
div#engine_programming {
	position: relative;
	float: left;
	top:18px;
	left:10px;
	display:inline;
	z-index:2;
	background: transparent url(../img/engine_programming.png) top left no-repeat;
	width:248px;
	height:50px;
}	
div#engine_models {
	position: relative;
	float: left;
	top:18px;
	left:32px;
	display:inline;
	z-index:2;
	background: transparent url(../img/engine_models.png) top left no-repeat;
	width:226px;
	height:50px;
}	
div#engine_physics {
	position: relative;
	float: left;
	top:18px;
	left:32px;
	display:inline;
	z-index:2;
	background: transparent url(../img/engine_physics.png) top left no-repeat;
	width:226px;
	height:50px;
}	
div#engine_audio {
	position: relative;
	float: left;
	top:18px;
	left:47px;
	display:inline;
	z-index:2;
	background: transparent url(../img/engine_audio.png) top left no-repeat;
	width:201px;
	height:50px;
}	
div#engine_tutorials {
	position: relative;
	float: left;
	top:18px;
	left:22px;
	display:inline;
	z-index:2;
	background: transparent url(../img/engine_tutorials.png) top left no-repeat;
	width:231px;
	height:50px;
}	
div#engine_terrain {
	position: relative;
	float: left;
	top:18px;
	left:37px;
	display:inline;
	z-index:2;
	background: transparent url(../img/engine_terrain.png) top left no-repeat;
	width:221px;
	height:50px;
}	
div#engine_tools {
	position: relative;
	float: left;
	top:18px;
	left:52px;
	display:inline;
	z-index:2;
	background: transparent url(../img/engine_tools.png) top left no-repeat;
	width:201px;
	height:50px;
}	
div#company_path {
	position: relative;
	float: left;
	top:18px;
	left:18px;
	display:inline;
	z-index:2;
	background: transparent url(../img/company_path.png) top left no-repeat;
	width:248px;
	height:50px;
}
div#newsletter_path {
	position: relative;
	float: left;
	top:18px;
	left:68px;
	display:inline;
	z-index:2;
	background: transparent url(../img/newsletter_path.png) top left no-repeat;
	width:248px;
	height:50px;
}

div#threedworldstudio_path {
	position: relative;
	float: left;
	top:18px;
	left:25px;
	display:inline;
	z-index:2;
	background: transparent url(../img/3dworldstudio_path.png) top left no-repeat;
	width:248px;
	height:50px;
}

/** NAVBAR **/

div#navbar {
	background: transparent url(../img/bar_top.png) top center no-repeat;
	width: 862px;
	height: 25px;
	padding-left: 44px;
	margin: 0px;
}

/** 3D WORLD STUDIO MENU **/

div#menu_worldstudio {
	float: left;
	width: 200px;
	height: 190px;
	padding-left: 108px;
	margin: 0px 0px 0px 0px;
	background: transparent url(../img/box_3dworldstudio.png) center center no-repeat;
}

div#menu_worldstudio_content {
	background: transparent;
	margin: 42px 0px 0px -59px;
}

div#menu_worldstudio_overview, div#menu_worldstudio_features, div#menu_worldstudio_gallery, div#menu_worldstudio_brochure, div#menu_worldstudio_download, div#menu_worldstudio_purchase {
	position: relative;
	float: left;
	display: inline;
	z-index: 2;
	padding-bottom: 5px;
	clear: both;
}

div#menu_worldstudio_overview a:hover, div#menu_worldstudio_features a:hover, div#menu_worldstudio_gallery a:hover, div#menu_worldstudio_brochure a:hover, div#menu_worldstudio_download a:hover, div#menu_worldstudio_purchase a:hover {
	position: relative;
	float: left;
	display: inline;
	z-index: 2;
	padding-left: 6px;
	clear: both;
	background: transparent url(../img/enginefeatures_hover.png) left no-repeat;
}

/** 3D WORLD STUDIO FORMATS TABLE **/

div#tdws_formats_title {
	width: 568px;
	height: 30px;
	position: relative;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: url(../img/box_3dwsformats_title.png) top center no-repeat;
	float: none;
}
div#tdws_formats_container {
	width: 568px;
	height: 30px;
	float: left;
	margin: 0px 0px 0px 0px;
}
div#tdws_formats_1stcolumn {
	width: 200px;
	height: 30px;
	float: left;
	text-align: center;	
	font-size: smaller;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding-top: 3px;
	background: #F8F8F8 url(../img/box_tutorial_left.png) top left repeat-y;
}
div#tdws_formats_2stcolumn {
	width: 75px;
	height: 30px;
	float: left;
	text-align: center;
	font-size: smaller;
	font-weight: bold;	
	margin: 0px 0px 0px 0px;
	padding-top: 3px;
	background-color: #F8F8F8;
}
div#tdws_formats_3stcolumn {
	width: 75px;
	height: 30px;
	float: left;
	text-align: center;
	font-size: smaller;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding-top: 3px;
	background-color: #F8F8F8;
}
div#tdws_formats_4stcolumn {
	width: 218px;
	height: 30px;
	float: left;
	text-align: center;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding-top: 3px;
	background: #F8F8F8 url(../img/box_tutorial_right.png) top right repeat-y;
}
div#tdws_formats_footer {
	width: 568px;
	height: 12px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: url(../img/box_tutorial_bottom.png) top center no-repeat;
	float: none;
}
div#tdws_formats_footercontainer {
	width: 568px;
	height: 12px;
	float: left;
	margin: 0px 0px 0px 0px;
}

/** ENGINE FEATURES MENU **/

div#menu_engine {
	float: left;
	width: 200px;
	height: 312px;
	padding-left: 108px;
	margin: 0px 0px 0px 0px;
	background: transparent url(../img/box_enginefeatures.png) center center no-repeat;
}

div#menu_engine_content {
	background: transparent;
	margin: 42px 0px 0px -59px;
}

div#menu_enginefeatures_rendering, div#menu_enginefeatures_materials, div#menu_enginefeatures_vehicles, div#menu_enginefeatures_programming, div#menu_enginefeatures_models, div#menu_enginefeatures_physics, div#menu_enginefeatures_audio, div#menu_enginefeatures_tutorials, div#menu_enginefeatures_terrain, div#menu_enginefeatures_tools, div#menu_enginefeatures_networking, div#menu_enginefeatures_documentation {
	position: relative;
	float: left;
	display: inline;
	z-index: 2;
	padding-bottom: 5px;
	clear: both;
}

div#menu_enginefeatures_rendering a:hover, div#menu_enginefeatures_materials a:hover, div#menu_enginefeatures_vehicles a:hover, div#menu_enginefeatures_programming a:hover, div#menu_enginefeatures_models a:hover, div#menu_enginefeatures_physics a:hover, div#menu_enginefeatures_audio a:hover, div#menu_enginefeatures_tutorials a:hover, div#menu_enginefeatures_terrain a:hover, div#menu_enginefeatures_tools a:hover, div#menu_enginefeatures_networking a:hover, div#menu_enginefeatures_documentation a:hover {
	position: relative;
	float: left;
	display: inline;
	z-index: 2;
	padding-left: 6px;
	clear: both;
	background: transparent url(../img/enginefeatures_hover.png) left no-repeat;
}

/** CONTENT **/

div#whitebox_content {
	margin: 0;
	width: auto;
	display: inline;
}

div#whitebox_leftmenu {
	float: left;
	width: 862px;
	height: auto;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: #ffffff top;
	
}

div#whitebox_rightcontent {
	float: left;
	width: 810px;
	height: auto;
	padding: 20px;
	margin: 0px 0px 0px 28px;
	background: #ffffff;
	
}

div#whitebox_rightcontent_column {
	float: left;
	width: 585px;
	height: auto;
	padding: 0px;
	margin: 0px 0px 0px -20px;
	background: #ffffff;
	
}


div#whitebox_fullcontent {
	float: left;
	width: 822px;
	height: auto;
	padding-left: 42px;
	margin: 0px 0px 0px 0px;
	
}



/** CONTAINERS **/

div#whitebox_containers {
	width: 862px;
	padding-left: 22px;
	float: left;
}

div#whitebox_boxleft {
	float: left;
	width: 255px;
	height: 215px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: transparent url(../img/box_blog.png) center center no-repeat;
	text-align: left;
}

div#whitebox_boxcenter {
	float: left;
	width: 350px;
	height: 215px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: transparent url(../img/box_developerwiki.png) center center no-repeat;	
}

div#whitebox_boxright {
	float: left;
	width: 257px;
	height: 215px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: transparent url(../img/box_discussionboards.png) center center no-repeat;	
}

div#boxcenter_content, div#boxright_content {
	background: transparent;
	margin: 90px 25px 25px 25px;
	font-family: Helvetica, Arial, Sans-serif;
	line-height: 1.3em;
	font-size: 12px;
	font-weight: 500;
	color: #767E86;
}

div#boxleft_content {
	background: transparent;
	margin: 90px 25px 25px 30px;
	font-family: Helvetica, Arial, Sans-serif;
	line-height: 1.3em;
	font-size: 12px;
	font-weight: 500;
	color: #767E86;
}

.clr {
	clear: both;
}

/** TUTORIAL BOX **/

div#box_tutorial {
	background: url(../img/box_tutorial_title.png) top center no-repeat;
	margin: 0 0 0 0;
	width: 568px;
	height: 30px;
	position: absolute;
	float:  none;
	padding: 0px;
	
}

div#box_tutorial_title_contentleft {
	margin: 0 0 0 0;
	padding: 5px;
	text-indent: 5px;
	float: left;
	font-weight: bold;
	font-size: 12px;
	height: 30px;
}
	
div#box_tutorial_title_contentright {
	margin: 0 0 0 0;
	width: 130px;
	text-align: center;
	padding: 7px;
	float: right;
	font-weight: bold;
	height: 30px;
}

div#box_tutorial_contentleft {
	margin: 30px 0 0 0;
	background: #F8F8F8 url(../img/box_tutorial_left.png) top left repeat-y;
	width: 403px;
	height: 70px;
	padding: 10px;
	float: left;
	font-size: 12px;
	text-align: justify;
}
div#box_tutorial_contentleft_large {
	margin: 30px 0 0 0;
	background: #F8F8F8 url(../img/box_tutorial_left.png) top left repeat-y;
	width: 403px;
	height: 130px;
	padding: 10px;
	float: left;
	font-size: 12px;
	text-align: justify;
}
div#box_tutorial_contentright_large {
	margin: 30px 0 0 0;
	background: #F8F8F8 url(../img/box_tutorial_right.png) top right repeat-y;
	width: 125px;
	padding: 10px;
	height: 130px;
	float: left;
	text-align: center;
}
div#box_tutorial_contentright {
	margin: 30px 0 0 0;
	background: #F8F8F8 url(../img/box_tutorial_right.png) top right repeat-y;
	width: 125px;
	padding: 10px;
	height: 70px;
	float: left;
	text-align: center;
}
div#box_tutorial_buttons {
	margin: 0 0 0 0;
	background: #F8F8F8 url(../img/box_tutorial_middle.png) top center repeat-y;
	width: 568px;
	height: 30px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: inline;
}

div#box_tutorial_buttons_content {
	width: 558px;
	height: 30px;
	padding-right: 10px;
	float: right;
}

div#box_tutorial_bottom {
	margin: 0 0 0 0;
	background: #F8F8F8 url(../img/box_tutorial_bottom.png) top center no-repeat;
	width: 568px;
	height: 12px;
	float: left;
	padding: 0px;
}

/** FOOTER **/

div#wrapper_bottom {
	margin-left: auto;
	margin-right: auto;
	width:905px;
}

div#border_bg_bottom {
	background: transparent url(../img/border_bg_bottom.gif) 0px 0px no-repeat;
	height: 34px;
	width: 905px;
	margin-left: auto;
	margin-right: auto;
}

 */
