/* c by Eric Meyer (http://meyerweb.com/) */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {border: 0; margin: 0;padding: 0; outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;background: transparent;}

/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;}
ol, ul {list-style: none;}

em, i {font-style:italic;}
strong, b {font-weight:bold;}
ul {margin: .5em 0 .75em 17px;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

a {text-decoration: none;}

.clear {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}

/* --------------------------------------------------------------------------- */
/* ---------------------------- MAIN MENU ------------------------------------ */
/* --------------------------------------------------------------------------- */

#menu {width:100%;height:50px;font-weight:normal;border-bottom: 2px solid #292929;border-top:1px solid #6d6d6d;}
#menu td {background-image:url('/images/nav_bg.png');background-repeat: repeat-x;text-align:center;border-bottom: 3px solid #292929;border-top:1px solid #6d6d6d;}
#menu a {color:#fff;text-decoration:none;display:block; padding-right:25px; padding-left:25px; padding-top:15px; padding-bottom:22px;}
#menu a:hover {color:#fff;text-decoration:underline;display:block; padding-right:25px; padding-left:25px; padding-top:15px; padding-bottom:22px;}

/* --------------------------------------------------------------------------- */
/* --------------------------- COMMON ---------------------------------------- */
/* --------------------------------------------------------------------------- */

.text_header{ color: #333; padding: 12px; font-size: 1.2em; font-weight:bold;}

.block{  background: url(/images/r.gif) repeat-y right; background-color: #FAFAFA; margin: 10px 0px 10px 0px; }
.block .block_top{ position: relative; width: 100%; height: 30px; background: url(/images/t.gif); }
.block .block_left_top{ position: relative; width: 30px; height: 30px; margin-top: -30px; background: url(/images/lt.gif); }
.block .block_right_top{ position: relative; width: 30px; height: 30px; margin-top: -30px; float: right; background: url(/images/rt.gif); }
.block .block_content{ position: relative; margin-top: -30px; background-color:transparent; z-index: 1; padding: 16px 16px 20px 16px; }
.block .block_bottom{ position: relative; width: 100%; height: 140px; margin-top: -140px; background: url(/images/b.gif); }
.block .block_left_bottom{ position: relative; width: 30px; height: 140px; margin-top: -140px; background: url(/images/lb.gif);}
.block .block_right_bottom{ position: relative; width: 30px; height: 140px; margin-top: -140px; float: right; background: url(/images/rb.gif); }
.block .block_left{ position: relative; background: url(/images/l.gif) repeat-y; background-color:transparent;}

.block_d{ color:White;  background: url(/images/d_r.gif) repeat-y right; background-color: #49505A; margin: 10px 0px 10px 0px; }
.block_d .block_d_top{ position: relative; width: 100%; height: 30px; background: url(/images/d_t.gif); }
.block_d .block_d_left_top{ position: relative; width: 30px; height: 30px; margin-top: -30px; background: url(/images/d_lt.gif); }
.block_d .block_d_right_top{ position : relative; width: 30px; height: 30px; margin-top: -30px; float: right; background: url(/images/d_rt.gif); }
.block_d .block_d_content{ position: relative; margin-top: -30px; background-color:transparent; z-index: 1; padding: 4px 16px 20px 16px; }
.block_d .block_d_bottom{ position: relative; width: 100%; height: 30px; margin-top: -30px; background: url(/images/d_b.gif); }
.block_d .block_d_left_bottom{ position: relative; width: 30px; height: 30px; margin-top: -30px; background: url(/images/d_lb.gif);}
.block_d .block_d_right_bottom{ position: relative; width: 30px; height: 30px; margin-top: -30px; float: right; background: url(/images/d_rb.gif); }
.block_d .block_d_left{ position: relative; background: url(/images/d_l.gif) repeat-y; background-color:transparent;}

.block_i{ color:#333;  background: url(/images/i_r.gif) repeat-y right; background-color: #fcfcfc; margin: 10px 0px 10px 0px; }
.block_i .block_i_top{ position: relative; width: 100%; height: 35px; background: url(/images/i_t.gif); }
.block_i .block_i_left_top{ position: relative; width: 35px; height: 35px; margin-top: -35px; background: url(/images/i_lt.gif); }
.block_i .block_i_right_top{ position : relative; width: 35px; height: 35px; margin-top: -35px; float: right; background: url(/images/i_rt.gif); }
.block_i .block_i_content{ position: relative; margin: -3px 20px 16px 20px; background-color:transparent; z-index: 1; padding: 4px 16px 20px 16px; }
.block_i .block_i_bottom{ position: relative; width: 100%; height: 35px; margin-top: -35px; background: url(/images/i_b.gif); }
.block_i .block_i_left_bottom{ position: relative; width: 35px; height: 35px; margin-top: -35px; background: url(/images/i_lb.gif);}
.block_i .block_i_right_bottom{ position: relative; width: 35px; height: 35px; margin-top: -35px; float: right; background: url(/images/i_rb.gif); }
.block_i .block_i_left{ position: relative; background: url(/images/i_l.gif) repeat-y; background-color:transparent;}

.image_block{ height: 540px; background: url(/images/gallery/background.png);margin-bottom: 35px;}
.image_0{ position: relative; top: 20px; left: 20px; }
.image_1{ position: relative; top: -130px; left: 20px; }
.image_2{ position: relative; top: -130px; left: 40px; }
.image_3{ position: relative; top: -90px; left: 320px; }
.image_4{ position: relative; top: -90px; left: 360px; }
.image_5{ position: relative; top: 70px; left: -240px; }
.image_6{ position: relative; top: 70px; left: 20px; }
.image_7{ position: relative; top: -90px; left: 360px; }

.color_text_off{ color:#ff5500; font-weight:bolder; text-decoration: line-through; }
.color_text{ color:#4032fa; font-weight:bolder; }
.ul_gray{ margin-top:.5em;list-style-image:url(/images/ul-gray.gif);margin-left:17px;padding-left:17px;list-style-position:outside;line-height:150%; }

/* --------------------------------------------------------------------------- */
/* ----------------------------- HOME ---------------------------------------- */
/* --------------------------------------------------------------------------- */

#main_h_left a {
  position: relative;
	left: 0px;
	top: 0px;
	float: left; 
	height: 250px;
	width: 375px;
	background: url(/images/main_left.png) no-repeat left top;
	text-indent: -9999px
}

#main_h_right a {
  position: relative;
	left: 0px;
	top: 0px;
	float: left; 
	height: 250px;
	width: 375px;
	background: url(/images/main_right.png) no-repeat left top;
	text-indent: -9999px
}

#off {
  position: relative;
	left: -40px;
	top: 226px;
	height: 90px;
	width: 146px;
	background: url(/images/off.png) no-repeat left top;
	color: #ffffff;
	font-size:18px;
	font-weight:bold;
  text-align:center;
}

#off2 {
  position: absolute;
	left: 580px;
	top: 30px;
	height: 90px;
	width: 146px;
	background: url(/images/off.png) no-repeat left top;
	color: #ffffff;
	font-size:18px;
	font-weight:bold;
  text-align:center;
}

#off3 {
  position: relative;
	left: 10px;
	top: 0px;
	height: 90px;
	width: 146px;
	background: url(/images/off.png) no-repeat left top;
	color: #ffffff;
	font-size:18px;
	font-weight:bold;
  text-align:center;
  padding-top:1px;
}

#off_value {
	margin-top: 24px;
	font-size:20px;
}

#off_date {
	font-size:10px;
}

#off_value_1 {
  position: absolute;
	left: 24px;
	top: 26px;	
	font-size: 20px;	
}

#off_date_1 {
  position: absolute;
	left: 14px;
	top: 46px;	
	font-size:10px;
}

#div_left {
  margin-right:140px;
}

#main_header { height: 290px; }
#main_header a:hover { background-position: -375px top; position: -375px; }
#main_header h1 { text-align:center; font-size:18px; font-weight:bold;padding:4px 0 10px 0px; color:#333;}

#introduction { height: 200px; background: url(/images/introduction.png) no-repeat left top; margin: 10px 0px 10px 0px; }
#main_panel { height: 150px; background: url(/images/main_panel.gif) no-repeat left top; margin: 10px 0px 10px 0px; }
#main_panel #left{ position: relative; float:left; width: 210px; padding: 20px; }
#main_panel #middle{ position: relative; float:left; width: 212px; padding: 20px; }
#main_panel #right{ position: relative; float:left; width: 208px; padding: 20px; }
#main_panel p { font-size: 1.2em; font-weight:bold; letter-spacing: -1px; }

.phdr { font-size: 1.4em; font-weight:bold; padding:10px 0px 10px 10px;}
.hdr { font-weight:bold; padding:10px 0px 2px 0px;}

/* --------------------------------------------------------------------------- */
/* --------------------------- DOWNLOAD -------------------------------------- */
/* --------------------------------------------------------------------------- */

.download { }
#main_table { padding: 40px; height: 60px; }
#main_table #download_image { position: relative; left: 50px; top: 20px;}
#main_table #download_table_text { position: relative; left: 250px;top: -80px; padding: 20px; }
#main_table ul { line-height:150%; padding-left: 80px; }

.purchase_div { height: 280px; }
.header_divider{ background: url(../images/divider_hr_small.gif) no-repeat; }
.purchase_div .commercial_license{ width: 322px; padding: 20px; text-align:center; }
.purchase_div .private_license{ position: relative; width: 322px; padding: 20px; text-align:center; left: 340px; top: -292px; }

/* --------------------------------------------------------------------------- */
/* --------------------------- GALLERY --------------------------------------- */
/* --------------------------------------------------------------------------- */

.gallery { }
.gallery .hdr { font-size: 1.4em; font-weight:bold; text-align:center; padding:20px; }
.gallery .comment { position: relative; width:360px; left:400px; height:60px; }

/* --------------------------------------------------------------------------- */
/* --------------------------- SCREENSHOTS ----------------------------------- */
/* --------------------------------------------------------------------------- */
.screenshots { }
.block_s1 { height: 290px; font-size:11,5px; }
.block_s2 { height: 360px; font-size:11,5px; }
.block_s3 { height: 290px; font-size:11,5px; }
.block_s4 { height: 290px; font-size:11,5px; }
.block_s5 { height: 320px; font-size:11,5px; }
.block_s6 { height: 290px; font-size:11,5px; }
.screenshot_left, .screenshot_right { position: relative; height: 290px; }
.screenshot_left { float: left; }
.screenshot_right { float: right; }
.screenshot_left p, .screenshot_left ul,
.screenshot_right p, .screenshot_right ul { position: relative; width: 220px; top: -300px; list-style: none inside url(/images/ul-gray.gif); }
.screenshot_left p, .screenshot_left ul { left: 460px; }
.screenshot_right p, .screenshot_right ul { left: -230px; }

/* --------------------------------------------------------------------------- */
/* --------------------------- CONTACT --------------------------------------- */
/* --------------------------------------------------------------------------- */

.contact { margin-left:40px; }
.contact .hdr { font-size: 1.4em; font-weight:bold; text-align:center; padding:20px; }
.contact_line, .contact_line_2 { height:30px; width:750px;}
.contact_line_2 { height:186px;}
.contact_text { position:relative; height:30px; width:100px; }
.contact_input, .contact_input_2 {  position:relative; left:100px; top:-30px; width:500px; }
.contact_input_2 { top:-50px; }
.contact_req, .contact_req_2 { position:relative; left:600px; top:-50px; width:150px;color:Red; }
.contact_req_2 { top:-30px; }
.contact_comment { position:relative; left:100px; color:Gray; }
.contact_send { position:relative; left:524px; }

/* --------------------------------------------------------------------------- */
/* --------------------------- FOOTER ---------------------------------------- */
/* --------------------------------------------------------------------------- */
#footer { height:30px; background-color:Black; color:White; text-align:center; padding-top:10px; }

/* --------------------------------------------------------------------------- */
/* --------------------------- ONLINE HELP ----------------------------------- */
/* --------------------------------------------------------------------------- */

.onlinehelp {  }
.onlinehelp #nav { padding:10px 10px 10px 10px; }
.onlinehelp h1 { color: #333; padding: 12px; font-size: 1.2em; font-weight:bold;}
.onlinehelp p { padding:10px 10px 10px 10px; }
.onlinehelp table { width:600px; }
.onlinehelp ul { list-style: none inside url(/images/ul-gray.gif); }
.onlinehelp #innner { padding-left:20px; }

/* --------------------------------------------------------------------------- */
/* -------------------------------- VIDEO ------------------------------------ */
/* --------------------------------------------------------------------------- */
#media
{
    margin: 20px;
    text-align:center;
}
#noUpdate
{
    margin: 0 auto;
    font-family:Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #cccccc;
    text-align: left;
    width: 210px; 
    height: 200px;	
    padding: 40px;
}

/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */

/* GRAY EDIT */
ul1 {margin-top:.5em;list-style-image:url(/images/slider_num.gif);margin-left:17px;padding-left:17px;list-style-position:outside;line-height:150%;}
ol1 {margin-top:.5em;margin-left:20px;padding-left:20px;list-style-position:outside;line-height:150%;}
ol1.faq {margin-left:11px;padding-left:11px;}
li1 {margin-bottom:4px;}



/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */

			
body {background-color:#eee; background-image:none; font-family:Arial, Helvetica, sans-serif; line-height:150%; text-align:left; }	
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: small;}

h1, h2, h3, h4, h5, h6, p, ul, li, legend, label, fieldset {margin:0 !important;padding:0;	}
h3 {font-size:18px; font-weight:normal;padding:4px 0 10px 0px; color:#333;}
p {color:#444;line-height:1.75em;}
a {	color:#46a;}	
a:visited {color:#999;}
a:hover {color:#333;text-decoration:underline;	}
#main {	width:750px !important; background-color:#eee; margin:0 auto; }
.lalign {padding: 0px 5px 10px 0px !important; margin:0px 5px 5px 0px !important}
br { clear:none}

									
/* ------------------------------- Download Trial - Buy -------------------- */
#trial_buy {width:750px; }
#trial_buy ul { padding:0 0 20px 0; width:750px; text-align:center;}
#trial_buy li { display:inline;}
#trial_buy a { color:#4466AA; text-decoration:underline; font-size:22px; padding:0 25px;}
#trial_buy a:visited {	color:#999;} 
#trial_buy a:hover {color:#333;}
#trial_buy a:active {color:#ff0000;}
			

/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/


