body {background: #fff url("../images/bg.gif") repeat-x 0px 100px}
body, p, h1, h2, ul, li {margin:0; padding:0; font: normal normal 12px arial; color:#353535}
html,body { margin:0; padding:0; height:100%;}

a img {border:none}
a {text-decoration:none; cursor:pointer}
a:hover {text-decoration:underline}
.clear {clear:both; line-height:0; height:0; font-size:0}

h1{color:#6b204e; font-size:24px; letter-spacing:-1px}
h2{color:#4b4b4b; font-size:14px; font-weight:bold;}
h3{color:#353535; font-size:14px; height:35px; overflow:hidden; line-height:17px}

.wrapper{width:960px; margin:auto; position:relative}
#container{min-height:100%; position:relative;}

/*--- header ---*/
#header{height:100px}
#header #logo {margin-top:32px; float:left}
#header #right_panel {float:right}
#header #right_panel p{margin-top:60px; color:#c0c0c0}
#header #right_panel .link_email {margin:0 15px; color:#c0c0c0}
#header #right_panel .link_login {margin-left:15px; color:#5e5e5e; font-weight:bold}

/*--- header ---*/
#menu {height:60px;}
#menu ul{padding:10px 0 0 0}
#menu li{ list-style:none; float:left; padding-top:10px;position:relative; z-index:1}
#menu a {float:left; height:21px; line-height:21px; padding-left:10px; margin-right:3px; font-weight:bold; color:#353535; text-decoration:none}
#menu a .tail {width:7px; height:21px; padding:3px 3px 4px 3px; line-height:21px;}
#menu a:hover, #menu a.on {background:url("../images/menu_btn.gif") left top;color:#fff}
#menu a:hover .tail, #menu a.on .tail {Background:url("../images/menu_btn.gif") no-repeat right top; padding-bottom:9px}
#menu .submenu {clear:both; top:31px; left:0; position:absolute; z-index:10; background:#fff url("../images/bg.gif") repeat-x scroll top left; padding:10px 15px;margin-left:-1px; border:1px solid #ddd;}
#menu .headlink:hover ul { display: block; }
#menu .headlink ul { display: none;}
#menu .submenu li {list-style-type:none; line-height:22px;clear:both;padding:0 0 3px 0}
#menu .aboutus li {width:160px}
#menu .solutions li {width:260px;}
#menu .products li {width:170px}


/*--- content ---*/
#content{padding:0 0 350px;   /* Height of the footer */}


/*--- hero ---*/
#hero {position:relative}
#hero .nav, #hero .nav a {color:#b9b9b9; font-size:36px; letter-spacing:-1.5px}
#hero .nav a:hover { text-decoration:none; color:#4b4b4b}
#hero .detail {margin:25px 20px 0; left:13px; width:590px}
#hero .detailx {margin:25px 10px 0; width:980px}
#hero .detail h1{margin:0 0 10px 0}
#hero .detail p{height:50px;color:#353535; font-size:13px; line-height:17px}
#hero h2 {margin-bottom:4px}

.content_detail {margin-top:5px}

.pmp #hero {background: url("../images/solutions_pmp.jpg") no-repeat center bottom; height:210px}
.cmm #hero {background: url("../images/solutions_cmm.jpg") no-repeat center bottom; height:210px}
.ringtone #hero {background: url("../images/product_ringtone.jpg") no-repeat center bottom; height:210px}
.txtalert #hero {background: url("../images/product_txtalert.jpg") no-repeat center bottom; height:210px}
.trivia #hero {background: url("../images/product_trivia.jpg") no-repeat center bottom; height:210px}
.auction #hero {background: url("../images/product_auction.jpg") no-repeat center bottom; height:210px}
.customer #hero {background: url("../images/product_customer.jpg") no-repeat center bottom; height:210px}
.client #hero {background: url("../images/product_client.jpg") no-repeat center bottom; height:210px}
.smschat #hero {background: url("../images/product_smschat.jpg") no-repeat center bottom; height:210px}
.news_events #hero {background: url("../images/solutions_newsevents.jpg") no-repeat center bottom; height:160px}
.news_events #hero .detail {width:620px; margin-bottom:0}
.text_box p {line-height:20px; margin:10px 0 0 0; text-align:justify;}
.text_box span {padding-right:10px;}
.pmp #hero h1{font-size:23px}
.home #hero img{margin:10px}

/*--- product pages ---*/
.home #hero {margin: -10px}
.ringtone #hero .detail {width:590px; }
.txtalert #hero .detail {width:570px; }
.trivia #hero .detail {width:540px;}
.auction #hero .detail {width:560px;}
.customer #hero .detail {width:560px;}
.client #hero .detail {width:580px;}
.compbg #hero .detail {width:580px;}

.txtalert .text_box .pic_right { padding-top:10px;}
.smschat .text_box .pic_left { padding-top:10px}
.trivia .text_box .pic_right {padding-top:10px;}

/*--- Company Background---*/
.compbg #hero {background: url("../images/hero_compbg.jpg") no-repeat center center; height:270px}
.compbg #hero .detail { margin:20px 20px 0 0;}
.compbg #hero .detail h1 { margin-bottom:5px;}
.compbg #hero .detail p {height:60px; line-height:20px; font-weight:bold}
.compbg .comp_right {background: url("../images/comp_right_box.gif") no-repeat left top; margin-top:60px; height:190px}
.compbg .comp_right h1 {font-size:18px; padding:25px 0 10px 0; line-height:24px;}
.compbg .comp_right p{ line-height:21px; font-size:12px; color:#353535; height:150px;}
.compbg .text_box span {padding:5px 10px 0 10px;}
.compbg #content .content_detail {margin-top:-60px;}
.compbg .text_box div {position:relative}

/*--- Careers---*/
.career #hero {border-bottom:1px solid #D8D8D8; padding-bottom:20px; float:left; width:100%; margin-bottom:10px}
.career #hero .detail { margin:20px 20px 0 0; width:auto; text-align:justify; margin-right:auto}
.career #hero .detail h1 { margin-bottom:5px;}
.career #hero .detail p {height:auto; line-height:20px}
.career .col_right {position:relative}
.career .comp_right { padding:15px 23px; height:auto; position:static}
.career .comp_right h1 {font-size:18px; padding:5px 0 0 0; line-height:24px;}
.career .comp_right p{ line-height:21px; font-size:12px; color:#353535; padding-top:10px; text-align:justify}
.career .text_box span {padding:5px 10px 0 10px;}
.career .text_box a {color:#6B204E}
.career .text_box div {position:relative}

/*--- Contact Us---*/
.contact #hero { height:200px; border-bottom:1px solid #d8d8d8}
.contact #hero .detail h1 { margin-bottom:5px;}
.contact #hero .detail { margin:20px 0 0 0; width:570px; }
.contact #hero .detail p {height:50px; line-height:20px; padding-bottom:10px;}
.contact .right_box {background: url("../images/right_box_form.gif") no-repeat left top; padding:25px 20px; margin-top:10px; position:relative; float:left; width:333px; height:auto;}
.contact .right_box .tail {background: url("../images/right_box_form.gif") no-repeat left bottom;width:373px; height:9px; left:0px; bottom:0px; position:absolute}
.contact .text_box table {margin-bottom:30px;}
.contact ul.form_notice {padding-top:6px}
.contact ul.form_notice li {background:transparent url("../images/bullet_w.gif") no-repeat scroll left 4px;color:#6B204E;list-style-type:none;padding:0 0 1px 12px;}
.contact .contact_left, .contact .contact_right {width:49.5%; float:left}

/*--- index world map --*//
/*.world_map {background: url("../images/index_map.gif") no-repeat 40px 80px; height:400px; padding:10px; position:relative}*/
.world_map {no-repeat 40px 80px; padding:10px; position:relative}
.world_map ul {padding:0px 17px;width:645px; position:absolute; bottom:10px}
.world_map li {background: url("../images/bullet_w.gif") no-repeat left 4px; list-style-type:none;padding:0 0 5px 12px;width:23%; float:left}
.world_map .bg {background:#fff; border: solid 3px #ccc; height:160px; width:620px; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; position:absolute; bottom:0px}

.home .right_box ul{float:left; width:100%}
.home .right_box li {list-style-type:none; color:#777; line-height:23px; width:100%; float:left}
.home .right_box .date {list-style-type:none; color:#6b204e; font-weight:bold; margin:10px 0 2px 0; font-size:12px; clear:both; letter-spacing:normal}
.home .right_box .sub_date {padding-left:8px; font-weight:bold; float:left; width:60px;}
.home .right_box .address {padding-left:8px; float:left; width:240px}
.home .right_box li img {float:right}
.home .right_box { height:120px; padding-top:25px;}


/*--- content ---*/
.sub_detail {}
.col_left {width:634px; float:left; padding-left:2px; }
.col_left2 {width:934px; float:left; padding-left:2px; }
.col_left_contact {width:577px; float:left; padding-right:10px}
.col_right {width:308px; float:right}
.col_right_contact { width:373px; float:left;}
.text_box {clear:both; line-height:20px; margin:15px 0 0; text-align:justify}
.text_box .pic_left {float:left; padding-right:10px}
.text_box .pic_right {float:right; }
.text_box h1 {color:#6b204e; font-size:14px; font-weight:bold; padding-top:5px; letter-spacing: 0px}
.text_box .text_detail { text-align:justify; float:left; width:522px}
.col_right_contact2 { width:673px; float:left;}

.box_frame518 {width:518px; margin:8px 0; background:#e9e9e9}
.box_frame518 h1 { padding-left:15px;}
.box_frame518 .box_head {height:7px; line-height:0; font-size:0;background: url("../images/frame_518.gif") no-repeat center top}
.box_frame518 .box_tail {height:7px; line-height:0; font-size:0;background: url("../images/frame_518.gif") no-repeat center bottom}
.box_frame518 ul, .box_frame628 ul {padding: 0px 30px}
.box_frame518 li, .box_frame628 li {color:#6b204e}
.box_frame518 li span, .box_frame628 li span {color:#353535; line-height:20px}

.box_frame628 {width:628px; margin:8px 0 0 5px; background:#e9e9e9}
.box_frame628 .box_head {height:7px; line-height:0; font-size:0;background: url("../images/frame_628.gif") no-repeat center top}
.box_frame628 .box_tail {height:7px; line-height:0; font-size:0;background: url("../images/frame_628.gif") no-repeat center bottom}

.right_box {background: url("../images/right_box.gif") no-repeat left top; padding:15px; margin-top:10px; position:relative; height:145px}
.right_box h1 {font-size:14px; font-weight:bold;}
.right_box h3 { font-size:12px; color:#6B204E; line-height:20px; height:20px; padding:5px 0; margin:0;}
.right_box p { line-height:18px; margin:0; padding:0;}
.right_box form { margin:0; padding:0}
.right_box .tail {background: url("../images/right_box.gif") no-repeat left bottom;width:308px; height:7px; left:0px; bottom:0px; position:absolute}
.right_box .box_list {color:#6b204e; font-weight:bold; padding:10px 0px}
.right_box .box_list ul{padding:5px 0 0 15px}
.right_box .box_list li {list-style:none; }
.right_box .box_list li a{color:#777777; font-weight:normal; line-height:22px}

.right_box label {width:110px; float:left; padding-top:3px; font-size:12px; color:#777777}
.right_box input.txt { width:200px; border:1px solid #e8e7e7; padding:2px; margin-bottom:5px;}
.right_box select { width:100px; border:1px solid #e8e7e7; padding:2px; margin-bottom:5px;}
.right_box select .paket { width:100px; border:1px solid #e8e7e7; padding:2px; margin-bottom:5px;}
.right_box textarea { height:70px; width:310px; border:1px solid #e8e7e7; padding:2px; margin-bottom:5px; display:block;}
.right_box .submit { height:24px; line-height:20px; font-size:12px; font-weight:bold; color:#353535; padding-bottom:5px; width:70px; display:block;}
.right_box .btn { float:right; padding:5px 15px 0 0 ;}

/*--- news_events ---*/
.exhibition_list{width:100%}
.exhibition_list li.title {width:70px; border-right:1px solid #d7d7d7; text-align:right; padding-right:15px}
.exhibition_list li {width:9.5%; float:left; line-height:20px; list-style:none; position:relative; height:40px; text-align:center; color:#797977}
.exhibition_list .icon_point {background:url("../images/icon_point.gif") no-repeat 0 7px; width:11px; height:11px; padding:5px; line-height:0}
.exhibition_list .month{position:absolute; bottom:0; left:0; width:100%; text-align:center}

.event_list {float:left; margin-bottom:15px}
.event_list li{list-style:none; line-height:50px; float:left}
.event_list li.title {background:#dfdfdf; color:#353535; font-weight:bold; line-height:25px}
.event_list li .col1 {width:85px; float:left; border:1px solid #d6d6d6; border-right:0; border-bottom:0; padding-left:20px}
.event_list li .col2 {width:175px; float:left; border:1px solid #d6d6d6; border-right:0; border-bottom:0; text-align:center}
.event_list li .col3 {width:270px; float:left; border:1px solid #d6d6d6; border-right:0; border-bottom:0; padding-left:20px}
.event_list li .col4 {width:55px; float:left; border:1px solid #d6d6d6; border-bottom:0; text-align:center}
.event_list li .border_none{border-top:none}
.event_list li.last {border-bottom:1px solid #d6d6d6}
.event_list li.odd {background:#eee}
.event_list li.even {background:#f9f9f9}
.event_list li img {float:left; margin-right:10px; margin-top:7px}
.event_list li .spacer {padding:0 20px}

.upcoming_ex h1 {font-size:18px; margin-bottom:15px; letter-spacing:0;}
.upcoming_ex ul {list-style:none}
.upcoming_ex ul h1 {font-size:14px; color:#353535; font-weight:bold; margin-top:8px; margin-bottom:0}
.upcoming_ex ul h1 span{font-size:12px; font-style:italic; font-weight:normal}
.upcoming_ex ul h2 {font-size:12px; margin-top:4px}
.upcoming_ex ul img {float:right; border:1px solid #9e9e9e}
.upcoming_ex ul li{float:left; width:270px; padding:0 10px; margin-bottom:20px}
.upcoming_ex ul a{float:right; width:126px}

/*--- career_list ---*/
.career_list {float:left; margin-bottom:15px;background:#f9f9f9; margin-top:5px}
.career_list {list-style:none; line-height:50px; float:left;border:1px solid #d6d6d6; border-top:none}
.career_list .title {background:#dfdfdf; color:#353535; font-weight:bold; line-height:25px; float:left}
.career_list .col1 {width:296px; float:left; padding:0 10px}
.career_list .col2 {width:295px; float:left; border-left:1px solid #d6d6d6; padding:0 10px}
.career_list ul { padding:10px 15px; text-align:left}
.career_list li { color:#6b204e; padding:5px 0; line-height:18px}
.career .text_box .career_list li span {color:#353535; padding:0}
.career .hero_career {background:url("../images/hero_career.jpg"); height:191px; width:260px}




/*--- footer ---*/
#footer {position:absolute; bottom:0; width:100%; height:350px;   /* Height of the footer */ background:url("../images/footer_bg.gif") repeat-x left bottom;}
.banner_area {margin-top:8px}
.banner_area a, .banner_area a:hover{float:left; position:relative; text-decoration:none}
.banner_area .banner_detail {position:absolute; top:18px; right:20px; width:150px; height:98px}
.banner_area .banner_detail .title {color:#353535; font-size:24px; letter-spacing:-1px; display:block}
.banner_area .banner_detail .detail{color:#777; line-height:16px; display:block}
.banner_area .banner_detail .learn_more {font-weight:bold; color:#6b204e; background:url("../images/arrow_learn.gif") no-repeat; line-height:18px; padding-left:23px; float:left; margin-top:15px; position:absolute; bottom:0px}
.footer_logo {margin:35px 0 10px}
.border_bar {border-top:1px solid #bbb; border-bottom:1px solid #fff}
.footer_sitelink .about_us{ width:144px; border:none}
.footer_sitelink .solutions{ width:173px}
.footer_sitelink .products{width:403px}
.footer_sitelink .news_events{ width:106px}
.footer_sitelink .contact_us{ width:85px}
.footer_sitelink ul {float:left; list-style:none; margin-top: 10px; height:65px; border-left:1px solid #c8c8c8; padding-left:8px}
.footer_sitelink li {padding:2px 0}
.footer_sitelink li a {color:#757575}
.footer_sitelink .products li {width:130px; float:left}
.footer_sitelink li.title {width:100%; color:#6b204e; font-weight:bold; padding:0 0 10px}

.footer_link {margin:45px 0 0;}
.footer_link a {visibility:hidden; float:left; margin-right:15px; color:#454545; font-weight:bold}
.footer_link .copyright {float:right; font-size:11px; color:#757575}


#menu iframe{position:absolute;top: -4px;left: -1px;z-index: -1;filter: mask();} 
#menu .aboutus iframe {width:300px;height:73px}
#menu .solutions iframe {width:292px;height:73px}
#menu .products iframe {width:202px;height:145px}