/* ====== 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: 970px;
	margin: 0 auto;
	position: relative;
	background: #FFF url(../images3.0/header_bg.jpg) no-repeat scroll 320px 0;
	z-index: 500;
}
#diymad_logo {margin-left: 5px;}
#global_nav_user {position: absolute; top: 10px; right: 5px;}
#global_nav_menu {position: absolute; top: 85px; height: 25px; width: 970px;
  background: transparent url(../images3.0/menu_bg.gif) no-repeat scroll 0 0;}
#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;}
#main_left {float: left; width: 735px; position: relative;}
#main_banner_user {background: transparent url(../images3.0/banner_user.jpg) scroll 0 0 no-repeat;
  width: 730px; height: 210px;}
#main_banner_advertiser {background: transparent url(../images3.0/banner_advertiser.jpg) scroll 0 0 no-repeat;
  width: 730px; height: 210px;}
#main_banner_agency {background: transparent url(../images3.0/banner_agency.jpg) scroll 0 0 no-repeat;
  width: 730px; height: 210px;}
#main_banner_techpartner {background: transparent url(../images3.0/banner_techpartner.jpg) scroll 0 0 no-repeat;
  width: 730px; height: 210px;}
#main_banner_user h1, #main_banner_advertiser h1,#main_banner_agency h1, #main_banner_techpartner h1 {display: none;}

#promotion_info {float: left; width: 185px; margin-top: 29px; position: relative;}
#promotion_info h1 {font-size: 1.35em; color: #00a0cd; text-align: right; display: block; padding-right: 20px;}
#promotion_info p {margin-top: 22px; background: transparent url(../images3.0/target_left_bg.gif) scroll 0 0 no-repeat;
  padding: 15px 20px 0 15px; height: 176px;}
  
#main_info {float: left; width: 525px; margin: 29px 0 0 20px; position: relative;}
#main_info h1 {font-size: 1.35em; color: #00a0cd; display: block;}
#main_info h3 {margin-top: 19px; color: #00a0cd;}
#main_info p {margin-top: 19px;}
#main_info p.first_line {margin-top: 18px;}
#main_info p.info_link {color: #999; text-align: right; margin-top: 0;}
ul.info_list {margin-left: 15px;}
ul.info_list li {list-style-position: outside; list-style-type: disc; line-height: 1.6em;}

#main_right {float:left; width: 215px; height: 450px; margin: 50px 0 0 15px; 
  background: transparent url(../images3.0/target_right_bg.gif) scroll 0 20px no-repeat;}
#main_right h3 {color: #999;}

#product_line {}
#product_line ul {margin: 12px 0 0 9px;}
#product_line ul h3 {font-weight: normal; padding: 15px 0 0 55px;}
#product_line a {display: block; height: 200px; height: 44px; position: relative; text-decoration: none;}
#product_line a.s1 {background: transparent url(../images3.0/service01.gif) scroll 0 0 no-repeat;}
#product_line a.s1:hover {background: transparent url(../images3.0/service01_O.gif) scroll 0 0 no-repeat;}
#product_line a.s2 {background: transparent url(../images3.0/service02.gif) scroll 0 0 no-repeat;}
#product_line a.s2:hover {background: transparent url(../images3.0/service02_O.gif) scroll 0 0 no-repeat;}
#product_line a.s3 {background: transparent url(../images3.0/service03.gif) scroll 0 0 no-repeat;}
#product_line a.s3:hover {background: transparent url(../images3.0/service03_O.gif) scroll 0 0 no-repeat;}
#product_line a.s4 {background: transparent url(../images3.0/service04.gif) scroll 0 0 no-repeat;}
#product_line a.s4:hover {background: transparent url(../images3.0/service04_O.gif) scroll 0 0 no-repeat;}
#product_line a.s5 {background: transparent url(../images3.0/service05.gif) scroll 0 0 no-repeat;}
#product_line a.s5:hover {background: transparent url(../images3.0/service05_O.gif) scroll 0 0 no-repeat;}
#product_line a.s6 {background: transparent url(../images3.0/service06.gif) scroll 0 0 no-repeat;}
#product_line a.s6:hover {background: transparent url(../images3.0/service06_O.gif) scroll 0 0 no-repeat;}
#product_line a.s7 {background: transparent url(../images3.0/service07.gif) scroll 0 0 no-repeat;}
#product_line a.s7:hover {background: transparent url(../images3.0/service07_O.gif) scroll 0 0 no-repeat;}
#product_line a.s8 {background: transparent url(../images3.0/service08.gif) scroll 0 0 no-repeat;}
#product_line a.s8:hover {background: transparent url(../images3.0/service08_O.gif) scroll 0 0 no-repeat;}
#product_line a.s9 {background: transparent url(../images3.0/service09.gif) scroll 0 0 no-repeat;}
#product_line a.s9:hover {background: transparent url(../images3.0/service09_O.gif) scroll 0 0 no-repeat;}


/* 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 38px; 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;}