/* ====== default ====== */

body, div, span, table, tr, th, td, p, ol, ul, li, img, input {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; margin: 0; padding: 0;}
th {font-style: normal; font-weight: normal; text-align: left;}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul {list-style: none;}
img {border: 0;}

/* ====== layout ====== */

body {width: 100%; background-color: #FFF; color: #5a5a5a;
font: 80%/1.5 "Lucida Grande", Verdana, Arial, sans-serif; position: relative;}

/* header */
#header {height: 110px; width: 960px; margin: 0 auto; position: relative; 
   background: #FFF url(../images3.0/header_bg.jpg) no-repeat scroll 320px 0;}
#diymad_logo {margin-left: 5px;}
#global_nav_user {position: absolute; top: 10px; right: 5px;}
#global_nav_menu {
	position: absolute;
	top: 87px;
	height: 25px;
	width: 970px;
	background: transparent url(../images3.0/menu_bg.gif) no-repeat scroll 0 0;
	visibility: visible;
}
#global_nav_menu ul {margin-left: 30px;}
#global_nav_menu li {float: left;}
#global_nav_menu a {float: left;}
#global_nav_menu li span {height: 22px; padding: 3px 12px 0 12px; display: block; float: left; cursor: pointer;}

/* container */
#container {clear: both; width:970px; margin: 25px auto 30px auto; display: block;}
#product_ezmader {
	width: 794px;
	margin-left: 88px;
	min-height: 497px;
	height: auto;
	background-attachment: inherit;
	background-color: transparent;
	background-image: url(../images3.0/ezmader_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 10px;

}

#content_layout {float: left; margin-top: 92px; position: relative;}
#service_content {min-height: 200px; height: auto; padding: 20px 20px 0 20px;}
#service_content p {margin-top: 20px;}
#service_content p.quote {color: #00a0cd; margin-top: 0;}
#service_content p.version_quote {margin: 10px 0;}
#service_content h3 {margin: 20px 0 6px 0; color: #00a0cd;}
#service_content h3.versionA {margin-top: 30px; color: #37aa32;}
#service_content h3.versionB {margin-top: 30px; color: #C80000;}
#service_content ul {margin-left: 15px;}
#service_content ul li {list-style-position: outside; list-style-type: disc; line-height: 1.6em;}
#ezmader_download {
	position: absolute;
	top: 450px;
	left: 400px;
}
#interface_layout {margin-top: 20px; text-align: center;}
.border {border: 1px solid #00a0cd; margin: 20px auto 0 auto; width: 700px;}
#ezmader_info {width: 100%; background-color: #FFFFFF;}
#ezmader_info th {height: 26px; color: #FFFFFF; white-space: nowrap; text-align: center; background-color: #00a0cd;}
#ezmader_info td {height: 24px; padding: 2px 6px;}
th.border_right, td.border_right {border-right: 1px solid #cccccc;}
td.border_bottom {border-bottom: 1px solid #00a0cd;}
td.bgcolor {background-color: #e9e9e9;}
td.bgcolor2 {background-color: #cbeaf5; color: #00a0cd; font-weight: bold;}
td.bgcolor3 {background-color: #ffe6bf;}

/* footer */
#footer_area {clear: both; width: 100%; height: 50px; margin-top: 20px;
  background: #CCC url(../images3.0/footer_bg.gif) 0 bottom scroll repeat-x;}
#footer_info {width: 970px; font-size: 0.9em; margin: 0 auto; padding: 7px 5px 0 20px; position: relative;}
#copyright {position: absolute; top: 7px; right: 5px; color: #999; font-size: 0.9em;}

/* ====== other style ====== */

.basic_color_font {color: #00a0cd;}
.text_style {width: 180px; height: 16px; padding: 2px 4px; border: 1px solid #CCC; color: #5a5a5a;}
.btn_style {width: 72px; height: 26px; border-style: none; color: #5a5a5a;
  background: transparent url(../images3.0/btn_bg.gif) scroll 0 50% no-repeat;}
.padding_right {padding-right: 5px;}
.paddign_left {padding-left: 5px;}
.insert_img {margin-top: 15px;}
.insert_img_c {margin-top: 15px; text-align: center;}

/* ====== link style ====== */

a:link, a:visited, a:active {color: #5a5a5a; text-decoration: none;}
a:hover {color: #5a5a5a; text-decoration: underline;}

a.ezMADer_link:link, a.ezMADer_link:visited, a.ezMADer_link:active {color: #c80000; text-decoration: none;}
a.ezMADer_link:hover {color: #c80000; text-decoration: underline;}

a.diymad_link:link, a.diymad_link:visited, a.diymad_link:active {color: #00a0cd; text-decoration: none;}
a.diymad_link:hover {color: #00a0cd; text-decoration: underline;}

a.menu_link:link, a.menu_link:visited, a.menu_link:active {color: #FFF; font-weight: bold; text-decoration: none;}
a.menu_link:hover {background: #00a0cd url(../images3.0/menu_hover_bg.gif) repeat-x scroll 0 0;}