body {background:#ddd; background:url(../images/bg.gif); padding: 0; margin:0 0 25px 0; font: normal 12px arial, san-serif; color:#000; width: 100%; text-align: center; }

a.menu { text-decoration: none; font: bold 12px arial, sans-serif; color: #000000; }
a.link { text-decoration: none; font: bold 12px arial, sans-serif; color: #038DD6; }
a.footer_link { text-decoration: none; font: bold 11px arial, sans-serif; color: #444444; }
a.link:hover, a.footer_link:hover {background:#0084FF; color: #fff; }
a.menu:hover {color: #0084FF; }

.list {list-style-type: none; padding: 8px 0px 8px 0px; margin: 0px; }
.blastmob_list {padding: 0px 8px 0px 0px; margin: 0px;}
.list_item {padding: 3px 0px 3px 0px; letter-spacing: 0px; }
.list_item1 {padding: 2px 0px 2px 0px; margin-left: 18px;}
.main_text {font: normal 14px arial, sans-serif; color: #000000; }
.regular_text {font: normal 12px arial, sans-serif; color: #000000; }
.footer_text {font: bold 10px arial, sans-serif; color: #000000;}
.bold_text {font: bold 12px arial, sans-serif; color: #000000;}
.eighteen_text {font: bold 18px arial, sans-serif; color: #000000; }
.sixteen_text {font: bold 16px arial, sans-serif; color: #000000; }
.sixteen_n_text {font: normal 16px arial, sans-serif; color: #000000; }
.fourteen_text {font: bold 14px arial, sans-serif; color: #000000; }
.fourteen_n_text {font: normal 14px arial, sans-serif; color: #000000; }
.title {font-size: 15px; font-weight: bold;	color: #4a4a4a;	line-height: 17px; }

.post {border: solid 1px #9c9c9c;}
.submit_button {border: solid 1px #FFF; }

.left_top_corner {position: absolute; left: 0px; top: 0px; width: 3px; height: 3px; background: url(../images/left_top_corner.gif) no-repeat; z-index: 9; }
.left_bottom_corner {position: absolute; left: 0px; bottom: 0px; width: 3px; height: 3px; background: url(../images/left_bottom_corner.gif) no-repeat; z-index: 9; }
.right_top_corner {position: absolute; right: 0px; top: 0px; width: 3px; height: 3px; background: url(../images/right_top_corner.gif) no-repeat; z-index: 9; }
.right_bottom_corner {position: absolute; right: 0px; bottom: 0px; width: 3px; height: 3px; background: url(../images/right_bottom_corner.gif) no-repeat; z-index: 9; }

.sub_left_bottom_corner {position: absolute; left: 0px; bottom: 0px; width: 3px; height: 3px; background: url(../images/sub_menu_left.jpg) no-repeat; z-index: 9; }
.sub_right_bottom_corner {position: absolute; right: 0px; bottom: 0px; width: 3px; height: 3px; background: url(../images/sub_menu_right.jpg) no-repeat; z-index: 9; }

#container {position: relative; top: 0px; left: 0px; width: 750px; text-align: left; margin: 0 auto; padding-bottom: 80px; }

#header {position: relative; left: 0px; top: 0px; height: auto; width: auto; border: solid 1px transparent; }
#logo_header {position: relative; top: 0px; left: 0px; height: 64px; background: url(../images/logo_bg2.gif); border: 0px; padding: 0px; margin: 0px; width: 100%; }
#logo {position: absolute; top: -65px; left: -5px; height: 64px; width: auto; }
#drop_menu {position: absolute; top: 0px; left: 0px; height: 31px; width: 750px; text-align: center; }
#drop_menu #drop_main_menu {position: absolute; top: 0px; left: 0px; width: 100%; height: 31px; background: url(../images/drop_menu_bg.gif); }

#drop_main_menu #top_menu {position: relative; top: 8px; left: 15px; width: auto; text-align: left; }
#drop_main_menu #top_menu #menu_home, #menu_services, #menu_company, #menu_news, #menu_contactus {position: relative; display: inline; height: auto; padding: 0px 5px 0px 5px; border-right: dotted 1px #000000; }
#drop_main_menu #top_menu #menu_contactus {border-right: none; }

#submenu {position: absolute; display: block; top: 31px; left: 0px; height: 31px; width: 100%; z-index: 10; }

//#submenu_home {position: relative; display: none; top: 0px; left: 10%; height: auto; width: 55%; background-color: #EDEDED; padding: 5px 0px 5px 5px; z-index: 10; }

#submenu_company {position: absolute; display: none; top: 0px; left: 10%; height: auto; width: 55%; background-color: #EDEDED; padding: 5px 0px 5px 5px; z-index: 10; }
#submenu_services {position: absolute; display: none; top: 0px; left: 10%; height: auto; width: 60%; background-color: #EDEDED; padding: 5px 0px 5px 5px; z-index: 10; }
#submenu_news {position: absolute; display: none; top: 0px; left: 10%; height: auto; width: 55%; background-color: #EDEDED; padding: 5px 0px 5px 5px; z-index: 10; }

#submenu .menu_item1, .menu_item2 {position: relative; display: inline; top: 0px; left: 0px; width: auto; height: auto; padding: 0px 5px 0px 5px; border-right: dotted 1px #000000; }
#submenu .menu_item2 { border-right: none; }


#what_we_do {position: relative; top: 42px; left: 0px; background-color: #FFFFFF; height: 373px; width: 750px; }
#what_we_do #we_header {position: relative; top: 0px; left: 0px; }
#what_we_do #we_phone {position: absolute; top: 103px; left: 10px; }
#what_we_do #we_content {position: relative; top: 0px; left: 0px; width: 100%; height: 230px; }
#what_we_do #we_content #we_content_top {position: relative; left: 0px; top: 0px; width: 100%; height: 125px; }
#what_we_do #we_content #we_content_bottom {position: relative; left: 0px; top: 10px; width: 99%; height: 95px; border-top: dotted 1px #000000; }
#what_we_do #we_content #we_content_top #content_top {position: relative; left: 250px; top: 0px; width: 500px; }
#what_we_do #we_content #we_content_bottom #content_bottom {position: relative; left: 230px; width: 512px; top: 0px; padding: 5px 0px 5px 0px; }

#we_content #we_content_top #content_top #left_cat {position: absolute; left: 10px; top: 0px; width: 48%; }
#we_content #we_content_top #content_top #right_cat {position: absolute; right: 0px; top: 0px; width: 47%; }

#services_n_client {position: relative; top: 54px; left: 0px; width: 750px; }
#services {position: relative; top: 0px; left: 0px; width: 500px; padding: 0px 0px 10px 0px; background-color: #FFF; }
#services #services_header {position: relative; top: 0px; left: 0px; }
#services #services_intro {position: relative; top: 8px; left: 8px; border-bottom: dotted 1px #000000; width: 97%; padding: 0px 0px 8px 0px; }
#services #sites {position: relative; height: auto; width: auto; padding: 8px 8px 8px 8px; }
#services .site {position: relative; top: 8px; left: 0px; width: 484px; height: 75px; }
#services .site .site_logo {position: absolute; top: 0px; left: 0px; width: 33%;  }
#services .site .site_desc {position: absolute; top: 5%; right: 10%; bottom: 5%; width: 55%; padding: 3px; }

#news {position:absolute; right:0px; top:444px; padding:0px 0px 10px 0px; width:236px; height:auto; background-color:#FFF; margin-bottom:25px;}
#news #news_header {position: relative; left: 0px; top: 0px;}
#news #news_links {text-indent:8px;}

#client {position: absolute; right: 0px; top:0px; padding: 0px; width: 236px; height:auto; background-color: #FFF; }
#client #client_header {position: relative; text-align:center;}
#client #client_name {position: relative; left: 8px; top: 0px; padding: 8px 0px 7px 0px; border-bottom: dotted 1px #000000; width: 95%; }
#client #we_offer {position: relative; left: 0px; top: 0px; padding: 8px; text-align:justify;}
#client #client_icon {position:relative; text-align:center; padding:0; }

#site_n_services {position: relative; top: 42px; left: 0px; width: 750px; height: auto; }
#netomat_site {position: relative; top: 0px; left: 0px; width: 500px; padding: 0px 0px 10px 0px; background-color: #FFF; }
#site_header {position: relative; top: 0px; left: 0px; }
#site_intro {position: relative; top: 0px; left: 0px; height: auto; padding: 8px; }
#features_n_benefits {position: relative; top: 0px; left: 0px; height: auto; padding: 0px 8px 8px 8px; }
#features_n_benefits .header {position: relative; top: 0px; left: 0px; padding: 3px;}
#features_n_benefits #key_features {position: relative; top: 0px; left: 0px; width: 55%; height: auto; }
#features_n_benefits #benefits {position: absolute; top: 0px; left: 55%; width: 45%; height: auto; }
#netomat_site #site_more_infor {position: relative; top: 10px; left: 0px; width: 100%; height: auto; padding: 10px 0px 10px 0px; }
#netomat_site #blast_shots {position: relative; top: 0px; left: 0px; padding: 8px 8px 0px 8px; }
#netomat_site #blast_shots #phone_shot {position: relative; top: 0px; left: 0px; width: 27%; height: auto; }
#netomat_site #blast_shots #web_shot {position: absolute; top: 8px; left: 30%; width: 39%; height: auto; }
#netomat_site #blast_shots #message_shot {position: absolute; top: 8px; left: 71%; width: 28%; height: auto; }
#try_it {position: relative; top: 0px; left: 0px; width: auto; height: auto; padding: 0px 15px 0px 0px; text-align: right;}

#features_n_benefits #community_benefits {position: absolute; top: 20px; left: 55%; width: 45%; height: auto; }
#netomat_site #hub_shots {position: relative; top: 0px; left: 0px; padding: 0px 8px 10px 8px; }
#netomat_site #hub_shots #phone_shot {position: relative; top: 0px; left: 10%; width: 33%; height: auto; }
#netomat_site #hub_shots #web_shot {position: absolute; top: 0px; left: 45%; width: auto; height: auto; }

#netomat_site #com_shots {position: relative; top: 0px; left: 0px; padding: 0px 8px 20px 8px; height: auto; }
#netomat_site #com_shots #phone_shot {position: relative; top: 0px; left: 8%; width: 18%; height: auto; }
#netomat_site #com_shots #web_shot {position: absolute; top: 0px; left: 32%; width: auto; height: auto; }


#netomat_services {position: absolute; right: 0px; top: 0px; padding: 0px 0px 8px 0px; width: 236px; height: auto; background-color: #FFF; }
#netomat_services #service_intro {position: relative; top: 0px; left: 5px; height: auto; padding: 8px 8px 8px 5px; border-bottom: dotted 1px #000000; width: 90%;}
#netomat_services #hub_icon {position: relative; top: 0px; left: 0px; width: auto; height: auto; padding: 12px 8px 0px 8px; text-align: center; }
#netomat_services #hub_desc {position: relative; top: 0px; left: 0px; width: auto; height: auto; padding: 8px 8px 0px 8px;}
#netomat_services #community_icon {position: relative; top: 0px; left: 0px; width: auto; height: auto; padding: 12px 8px 0px 8px; text-align: center; }
#netomat_services #com_desc {position: relative; top: 0px; left: 0px; width: auto; height: auto; padding: 8px 8px 0px 8px;}
#netomat_services #blastmob_icon {position: relative; top: 0px; left: 0px; width: auto; height: auto; padding: 12px 8px 0px 8px; text-align: center; }
#netomat_services #blastmob_desc {position: relative; top: 0px; left: 0px; width: auto; height: auto; padding: 8px 8px 0px 8px;}

#message_form {position: relative; top: 8px; left: 0px; padding: 8px; }
#req_intro {position: relative; top: 0px; left: 8px; padding: 8px 8px 8px 0px; border-bottom: dotted 1px #000000; width: 93%; }
.input_row {position: relative; left: 0px; top: 0px; width: 100%; height: auto; padding: 0px 0px 5px 0px; }
.label {position: absolute; left: 0px; top: 0px; width: 30%; height: auto; font: bold 12px arial, sans-serif; color: #000000; }
.regular_input {position: relative; left: 25%; top: 0px; width: auto; height: auto; font: normal 12px arial, sans-serif; color: #000000; }
.message_input {position: relative; left: 25%; top: 0px; width: auto; height: auto; font: normal 12px arial, sans-serif; color: #000000; }

.investor_group {position: relative; top: 0px; left: 0px; height: auto; padding: 8px; }
.investor_name {position: relative; top: 0px; left: 0px; padding: 10px 0px 10px 0px; border-top: dotted 1px #000000; }
.investor_detail {position: relative; top: 0px; left: 0px;}

.person {position: relative; top: 0px; left: 8px; height: auto; width: 95%; padding: 10px 8px 8px 0px; border-top: dotted 1px #000000; }
.person .person_name {position: relative; top: 0px; left: 0px; height: auto; }
.person .person_title {position: relative; top: 0px; left: 0px; height: auto; }
.person .person_history {position: relative; top: 0px; left: 0px; height: auto; padding: 10px 0px 0px 0px; }
.person .back_to_top {position: relative; top: 0px; left: 0px; height: auto; }

#advisor_header {position: relative; top: 0px; left: 8px; height: auto; width: 95%; padding: 8px 8px 0px 0px; border-bottom: dotted 1px #000000; }
#art_intro_header {position: relative; top: 0px; left: 0px; height: auto; padding: 0px 0px 10px 0px; }

#exhibitions {position: relative; top: 0px; left: 8px; height: auto; width: 95%; padding: 8px 8px 8px 0px; border-top: dotted 1px #000000; }
#exhibitions #exhibitions_title {position: relative; top: 0px; left: 0px; height: auto; padding-bottom: 8px; }
#exhibitions #exhibitions_desc {position: relative; top: 0px; left: 0px; height: auto;}

.project {position: relative; top: 0px; margin-bottom: 25px; left: 0px; height: auto; width: 100%; }
.project .project_icon {position: absolute; top: 8px; left: 8px; height: auto; width: 100px; }
.project .project_desc {position: relative; top: 0px; left: 118px; height: auto; width: 356px; padding: 8px; }

.release_new {position: relative; top: 0px; left: 0px; width: 474px; height: auto; padding: 8px; }

#corp_address {position: relative; top: 0px; left: 0px; width: 100%; height: auto; border-bottom: dotted 1px #000000; }
.corp_dept {position: relative; top: 0px; left: 0px; width: 100%; height: auto; padding: 8px; }

#site_nav {position: relative; top: 0px; left: 0px; height: auto; text-align: left; padding-left: 8px; }
#site_nav .nav {position: relative; display: inline; height: auto; width: auto; }
#footer {position:relative; top:64px; left:0px; display:inline; }

.sixteen { font: bold 16px arial, san-serif; color: #FFFFFF;}
.eighteen { font: bold 18px arial, san-serif; color: #FFFFFF;}
#create_a_badge {position: relative; top: 0px; left: 0px; padding: 8px; width: 518px; height: auto; background-color: #E4E4E4; }
#create_a_badge #badge_intro {position: relative; top: 0px; left: 0px; }
#create_a_badge #flash_n_color {position: relative; top: 0px; left: 0px; padding: 8px; width: 100%; height: auto; }
#flash_n_color #badge_flash {position: relative; top: 0px; left: 0px; width: 335px; height: 400px; border: solid red; }
#flash_n_color #badge_colors {position: absolute; top: 8px; left: 355px; width: 130px; height: auto; border: solid #000000; background-color: #FFF; }
#flash_n_color #badge_colors #colors_header {position: relative; top: 0px; left: 0px; width: 127px; height: auto; background-color: #4A4A4A; padding: 3px 0px 3px 3px; }

#badge_colors .colors_row {position: relative; top: 5px; left: 8px; height: 40px; width: 100%; }
#badge_colors .color_item1 {position: absolute; top: 0px; left: 0px; height: 23px; width: 23px; border: solid 1px #9c9c9c;}
#badge_colors .color_item2 {position: absolute; top: 0px; left: 33%; height: 23px; width: 23px; border: solid 1px #9c9c9c;}
#badge_colors .color_item3 {position: absolute; top: 0px; left: 66%; height: 23px; width: 23px; border: solid 1px #9c9c9c;}


#hex_form {position: relative; top: 0px; left: 0px; padding: 0px 8px 5px 8px; }
#hex_form #hex_form_header {position: relative; top: 0px; left: 0px; }
#hex_form #hex_input {position: relative; top: 5px; left: 0px; }
#hex_form #submit_icon {position: relative; top: 8px; left: 0px; text-align: right; }

#badge_code_desc {position: relative; top: 5px; left: 0px; }
#badge_code {position: relative; top: 10px; left: 0px; }
#badge_code #badge_code_lable {position: relative; top: 0px; left: 0px; }
#badge_code #badge_code_form {position: relative; top: 0px; left: 0px; }
#badge_code #badge_code_form #badge_form_buttons {position: relative; top: 10px; left: 5px; padding-bottom: 8px; }
#badge_code #badge_code_form #badge_form_buttons #copy_button, #done_button {position: relative; display: inline; margin-right: 8px; }