@charset "utf-8";
*{outline:none;font:inherit;font-size:1em;}
b,strong,h1,h2,h3,h4,h5,h6{font-weight:600;}

img {
	border:none;
}

body {
	margin:0px;
	padding:0px;
	color:#555555;
	font-family:Tahoma,Helvetica,sans-serif;
	font-size:13px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	line-height:20px;
	background-color:#eaeaea;
}

#h_container {
	background: url(../img/hbg.png) repeat-x;
	height:267px;
	width:100%;
}
#h_container #header {
	width:906px;
	top:10px;
	position:relative;
	margin:0px auto;
	height:215px;
}
#h_container #header #logo {
	float:right;
	top:10px;
	width: 474px;
}
#h_container #header #logo #logo_text {
	position:absolute;
	top:124px;
	left:600px;
}
#h_container #m_nav {
	width:100%;
	height:32px;
}
#h_container #m_nav #mleft {
	float:left;
	position:relative;
}
#h_container #m_nav #mright {
	float:right;
	position: relative;
}
#h_container #m_nav #nav_container {
	position:absolute;
	width:100%;
	height:32px;
	left:0px;
}
#h_container #m_nav #nav_container #in_container {
	position:relative;
	width:906px;
	height:32px;
	margin:0px auto;
}
#h_container #m_nav #nav_container #in_container #nav{
	left:438px;
	height:32px;
	position:relative;
	width:370px;
}

.divd {
	background-image:url(../img/mdiv.png);
	float:left;
	position:relative;
	width:2px;
	height:32px;
}
.but {
	float:left;
	position:relative;
	width:71px;
	height:32px;
	text-align:center;
}
.but a {
	color:#FFFFFF;
	font-family:Tahoma,Trebuchet MS, Verdana;
	font-size:13px;
	line-height: 32px;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
#active{
	text-decoration:none;
	background:url(../img/mactive.png) no-repeat 50% 0px;
}
.but a:hover{
	text-decoration:underline;
	background:url(../img/mactive.png) no-repeat 50% 0px;
}


#b_container {
	width:100%;
	float:left;
	min-width:906px;
	background: url(../img/bodybg.png) repeat-y center;
	height: auto;
}
#body_in, #f1, #h1, #fl1 {
	width:906px;
	margin:0px auto;
	height: auto;
}
#body_left {
	float:left;
	left:103px;
	position:relative;
	width:250px;
	height: auto;
	padding-left: 40px;
	padding-right: 50px;
	text-align:justify;
}
h2,h3{
	width:170px;
	height:83px;
	position:relative;
	float:left;
	display:block;
	font:23px/30px Arial, Tahoma, Helvetica, sans-serif;
	color:#4D4D4D;
	padding:0 0 0 80px;
	margin:18px 0 18px 0;
	text-align:left;
}
h2{font-weight:bold}
h2#products, h2#questions{background:url(../img/products_ico.gif) 0 0 no-repeat}
h2#requirements{background:url(../img/system_ico.gif) 0 0 no-repeat; margin-top:30px;}
h2#video_player, h2#video_player2, h2#answers, h2#flv_player, h2#flv_player_skins, h2#flv_player_download, h2#flv_player_demos, h2#flv_player_tutorial,h2#flv_player_video_tutorial, h2#flv_versions{background:url(../img/player_ico.gif) 0 0 no-repeat}
h2#photo_gallery{background:url(../img/gallery_grey_ico.gif) 0 0 no-repeat}
h2#pdf_reader,h2#pdf_reader_tutorial,h2#pdf_reader_demos,h2#pdf_reader_download{background:url(../img/pdf_white_ico.gif) 0 0 no-repeat}
h2#quick_tips, #dw_cache{background:url(../img/support_ico.gif) 0 0 no-repeat}
h2#supporth2{background:url(../img/quicktips_ico.gif) 0 0 no-repeat}
h2#photo_gallery2, h2#photo_gallery_demos, h2#photo_gallery_tutorial,h2#photo_gallery_download, h2#gallery_versions, h2#view_mode_browse_mode{background:url(../../img/gallery_ico.gif) 0 0 no-repeat}
h2#youtube{background:url(../../img/youtube.png) 0 0 no-repeat; padding-left: 95px; margin-bottom:0px;}
h2#vimeo{background:url(../../img/vimeo.png) 0 0 no-repeat; padding-left: 95px; margin-bottom:0px;}
h2#summary{
	height:68px;
	margin-bottom:18px;
	background:url(../img/features_ico.gif) 0 0 no-repeat;
	font-family:Tahoma,Times,sans-serif;
	font-weight:bold;
}
h2#bundle {background:url(../img/gallery_white_ico2.gif)0 0 no-repeat}
h2#hdr_processor, h2#hdr_download, h2#hdr-demos, h2#hdr_processor2, h2#hdr-tutorial {background:url(../img/hdr_white_ico.gif)0 0 no-repeat}
#body_right{
	text-align:justify;
}
#body_right  .tabnames{
	font-size:17px;
	text-decoration:none;
}

#body_right span, #body_left span{
	color:#964401;
}
#body_right h2 span, #body_right h3 span{
	color:#967001;
	font-weight:normal;
}

#body_right ul{
	list-style-position:outside;
	list-style-type:none;
	width:260px;
	display:block;
	float:left;
	margin:0;
	padding:0 0 18px 0;
}
#body_right ul li{
	background:transparent url(../img/dot.gif) no-repeat;
	display:inline;
	float:left;
	padding-left:15px;
	text-align:left;
	width:240px;
}


h2 span, h3 span{
	color:#967001;
	font:15px Tahoma, Arial, sans-serif;
	line-height:18px;
	padding:0;
	margin:10px 0 0;
}

#body_left ul{
	width:240px;
	height:160px;
	display:block;
	float:left;
	margin:0;
	padding:0 0 0 5px;
}

#body_left ul li.middle{width:22px; height:152px; background:none; float:left; display:block; padding:0; margin:0;}

#body_left ul li{width:109px; height:120px; display:block; float:left; background: url(../img/dot-line.gif) repeat-x 0 100%; padding:0 0 10px 0; margin:20px 0 0 0;}

#body_left ul li a{
	width:105px;
	height:21px;
	display:block;
	background:url(../img/arrow.gif) no-repeat 100% 50%;
	color:#BF4D02; 
	/*font:12px/20px Georgia, "Times New Roman", Times, serif; */
	text-decoration:none; 
	text-align:center; 
}

#body_left ul li a:hover{text-decoration:underline; display:block;}
#body_left ul li img {display:block;	margin:0;}
#body_left ul li img:hover {cursor:pointer;}

#body_right, #f2, #h2 {
	float:right;
	right:103px;
	position:relative;
	width:260px;
	height:auto;
	padding-left: 50px;
	padding-right: 50px;
}
#body_right a {
	height:22px;
	display:block;
	background:url(../img/arrow2.gif) no-repeat 100% 50%;
	color:#964401; 
	line-height:22px;
	list-style:lower-roman;
	text-decoration:none; 
	text-align:left; 
}
#body_right a:hover{text-decoration:underline;}

#body_right #leftcolumn{
	float:left; 
	width:300px; 
	text-align:left;
}

#body_right #rightcolumn{
	float:right; 
	width:300px; 
	text-align:left;
}

#ontop{
	float:left; 
	width:100%; 
	margin-top:22px;
}

#bread-crumbs{
	display:block;
	float:left;
	width:570px;
	height:35px;
}
#bread-crumbs a{
	width:80px;
	float:left;
	margin-right:8px;
	text-decoration:underline;
	color:#898989;
}
#bread-crumbs a:hover{
	text-decoration:none;
}

#footer {
	width: 100%;
	height:255px;
	float:left;
	background-image:url(../img/footgr2.png);
}
#f1, #f2{
	height:67px;
	position: relative;
}
#f2 {
	background:url(../img/footcorners2.png) no-repeat;
}
#fl1{
	height:119px;
	position: relative;
	top: 37px;
}
#fl2{
	background-image:url(../img/footlogo.png);
	height: 119px;
	width: 444px;
	float: left;
}
#fl3{
	height: 119px;
	width: 362px;
	float: left;
}
#fl3 #fnav{
	color:#FFFFFF;
	width: 250px;
	margin: 0 auto;
	top: 55px;
	height: 20px;
	font-size: 11px;
	position: relative;
}
#fl3 #fnav a{
	color:#FFFFFF;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
}
#fl3 #fnav a:hover{
	text-decoration:underline;
}
#h1, #h2{
	height:20px;
}
#h2 {
	background-color:#FFFFFF;
}
#copyr {
	position: relative;
	top: 57px;
	color:#FF833B;
	font-size:10px;
	width: 240px;
	margin: 0 auto;
}
#copyr a {
	text-decoration:none;
	color:#FF833B;
	font-size:11px;
}
hr{
	color: #666666;
	height: 1px;
}

pre{
	background:#eaeaea;
	color:#555555;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 1.1em;
	border: dotted #666 1px;
	padding: 10px 15px 10px 15px;
	margin: 15px 0 15px 0;
	overflow: auto;
}