body { margin:0; padding:0; background:white; color:#252525; font-size:12px; line-height:180%; font-family:Helvetica, Arial, sans-serif;}
img { border:0;}
form,input { margin:0; padding:0;}
input.cat_textbox { padding:4px; border:none; width:200px; background:#EFEFEF; /*display:block;*/ font-size:13px; color:#252525; font-family:Helvetica, Arial, sans-serif;}
input.cat_textbox_small,textarea,input.cat_textbox { padding:3px; border:1px solid #999; width:160px; background:white;}
input.cat_subscribe { padding:3px; border:1px solid #999; width:160px;}
input.cat_search { width:102px; padding:4px; background:transparent; border:0; color:#ccc; font-size:12px;}
textarea { margin:0; font-size:13px; color:#252525; font-family:Helvetica, Arial, sans-serif;}
select { padding:2px; border:1px solid #999; width:197px; height:25px;}
ul { margin:0 0 20px; padding-left:20px;}
li { margin:0; padding:0;}
h1,h2,h3 { margin:0; padding:0; color:#000; font-size:52px; line-height:40px; font-weight:normal;}
h2 { font-size:17px; line-height:18px;}
h3 { font-size:25px; line-height:25px;}
p { margin:12px 0;}
a { color:#252525; text-decoration:underline;}
a:hover { color:#000;}
.black a { color:#000;}
.black a:hover { color:#333;}
.white a { color:white;}
.white a:hover { color:#ccc;}
.gray a { color:#949494; text-decoration:none;}
.gray a:hover { color:#666;}
.red a { color:#E40021; font-weight:bold;}
div {margin:0 auto; text-align:left;}

.clearer { clear:both;margin:0;padding:0;height:0;line-height:0;font-size:0;overflow:hidden;}
.normal { font-weight:normal; font-size:12px; font-family:Helvetica, Arial, sans-serif;}
.small { font-size:11px;}
.right { text-align:right;}
.title31 { margin:0; padding:0; color:#000; font-size:31px; line-height:31px;}
.title28 { margin:0; padding:0; color:#000; font-size:28px; line-height:28px;}
.title27 { margin:0; padding:0; color:#9F9F9F; font-size:27px; line-height:27px;}
.title21 { margin:0; padding:0; color:#000; font-size:21px; line-height:21px;}
.height24 { height:24px; overflow:hidden;}

/*container*/
#container { width:950px;}

/*top*/
#top { height:214px; background:url(images/top_bg.jpg) repeat-x; position:relative;}
#top-logo { position:absolute; left:38px; top:73px;}
#top-text { position:absolute; right:36px; top:121px; width:176px; height:12px; background:url(images/top_text.gif) no-repeat;}
#top-menu { margin:7px 0 10px; height:70px; background:url(images/menu_bg.gif) no-repeat; position:relative;}
#top-popup-bg { position:absolute; left:732px; top:-44px; width:102px; height:60px; background:url(images/notice.png) no-repeat; overflow:hidden;}
#top-popup { position:absolute; left:0; top:14px; width:100px; color:white; text-align:center; font-size:15px;}

/*home*/
#home { height:100%; overflow:hidden;}
#home-left { float:left; width:345px;}
#home-box { height:300px; position:relative; overflow:hidden;}

#effect-image1 { position:absolute; z-index:3;}
#effect-image2 { position:absolute; z-index:2;}
#effect-image1 img,#effect-image2 img { width:345px; height:300px;}

#home-box-cover { position:absolute; width:345px; height:280px; background:url(images/home_box.png) no-repeat; z-index:5; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/home_box.png'); _background:none;}
#home-box1 { position:absolute; left:100px; top:242px; z-index:6; width:200px;}
#home-box2 { position:absolute; left:258px; top:243px; z-index:7;  font-size:13px;}
#home-box3 { position:absolute; z-index:8;}
#home-box3 img { width:345px; height:300px;}
.conversation-app { margin-top:3px; width:345px; height:68px; background:url(images/home_bg1.jpg) repeat-x; position:relative;}
.conversation-app1 { position:absolute; left:18px; top:19px;}
.conversation-app2 { position:absolute; left:42px; top:16px; width:215px;}
.conversation-app3 { position:absolute; left:42px; top:37px; width:215px;}
.conversation-app4 { position:absolute; right:20px; top:16px;}
.conversation-app5 { position:absolute; left:0; top:68px; width:345px; height:122px; background:#333; color:white; font-size:11px; line-height:150%; z-index:10; position:relative; display:none;}
.conversation-app5 p { margin:0; padding:10px 20px;}
.conversation-app5 div { position:absolute; right:20px; bottom:10px;}
#home-left-info { margin:5px 0; height:117px; background:url(images/home_bg2.jpg) repeat-x; overflow:hidden;}
#home-left-info-photo { float:left; margin:8px 12px 0 41px; width:86px; display:inline;}
#home-left-info-text { float:left; margin-top:13px; width:190px; font-size:11px; line-height:150%;}

#home-right { float:right; width:590px;}
#home-right-text-bg { height:252px; background:url(images/home_monetise.jpg) no-repeat; position:relative; overflow:hidden;}
#home-right-text { margin:0; padding:30px 0 0 183px; width:355px; line-height:160%;}
#home-right-twitter { position:absolute; right:0; top:33px;}
#home-right-box { height:312px; background:url(images/home_bg.jpg) no-repeat;}
#home-right-box-left { float:left; margin:29px 8px 0 30px; width:265px; display:inline;}
#home-right-box-right { float:left; margin-top:4px; width:287px;}
.workshops-app { float:left; margin:25px 18px 0 4px; width:265px; height:246px; background:white; position:relative;}
.workshops-app1 { position:absolute; left:185px; top:23px;}
.workshops-app2 { position:absolute; left:24px; top:36px; width:150px;}
.workshops-app3 { position:absolute; left:24px; top:115px; width:221px; font-size:11px; line-height:150%;}
.workshops-app4 { position:absolute; right:9px; bottom:13px;}

/*inner*/
#inner-top { height:64px; background:url(images/inner_top.jpg) no-repeat right top; position:relative;}
#inner-header { position:absolute; left:637px; top:8px;}
#inner { height:100%; overflow:hidden;}

#conversation-left { float:left; margin:27px 28px 50px 18px; width:181px; display:inline;}
#conversation-left-text { padding:0 5px;}
#conversation-mid { float:left; margin:16px 0 130px; width:345px;}
#conversation-right { float:right; margin:27px 0 50px; width:345px;}

#workshops-left { float:left; margin:20px 0 30px 17px; width:275px; display:inherit;}
#workshops-left p { padding:0 20px 0 30px;}
#workshops-left-title { margin:0 6px; padding:10px 0 6px 24px; border-top:1px solid #000; border-bottom:1px solid #000;}
#workshops-right { float:right; margin:11px 0 30px; width:631px; background:#E1E1E1 url(images/workshops_bg.jpg) repeat-x;}
#workshops-list { padding:0 30px 25px 38px; overflow:hidden;}

#connect-left { float:left; margin:180px 0 20px 17px; width:252px; display:inline;}
#connect-form { padding-left:3px;}
#connect-form p { margin:8px 0;}
#connect-form .cat_textbox { width:165px;}
#connect-form textarea { width:230px; height:122px;}
#connect-right { float:right; margin:45px 0 40px; width:681px; position:relative;}
#connect-box1,#connect-box2,#connect-box3,#connect-box4 { position:absolute; left:53px; top:93px;}

#keynote-left { float:left; margin:40px 71px 30px 17px; width:181px;}
#keynote-left-text { padding:0 4px;}
#keynote-left-title { padding-top:15px; border-top:1px solid #000;}
#keynote-right { float:right; margin:50px 0 40px; width:681px;}

#monetise-left { float:left; margin:27px 30px 30px 17px; width:181px;}
#monetise-left-text { padding:0 4px;}
#monetise-left-title { padding-top:15px; border-top:1px solid #000;}
#monetise-right { float:right; margin:27px 0 20px; width:722px; min-height:601px; background:url(images/monetise.gif) no-repeat;}
#monetise-right-text { padding:100px 5px 0 260px;}

#about-left { float:left; margin:27px 58px 30px 17px; width:195px;}
#about-left-text { padding:0 4px;}
#about-left-title { padding-top:15px; border-top:1px solid #000;}
#about-right { float:right; margin:12px 0 20px; width:680px; background:url(images/about2.jpg) no-repeat 36px 0;}
#about-right-list { margin:0; padding:216px 0 0; list-style:none; height:100%; overflow:hidden;}
#about-right-list li { float:left; margin:0 33px 0 57px; width:250px; display:inline;}

.events-app { margin:23px auto; width:840px; border:1px solid #ccc; height:100%; overflow:hidden;}
.events-app-left { float:left; margin:25px 32px 28px 28px; width:272px; display:inline;}
.events-app-right { float:left; margin:25px 0; width:485px;}
.events-app-top { float:left; margin-bottom:15px; border:1px solid #ccc; font-size:13px; font-weight:bold; line-height:100%;}
.events-app-top-price,.events-app-top-date { float:left; padding:3px 6px;}
.events-app-top-date { border-left:1px solid #ccc;}
.events-app-title { clear:both; margin-bottom:5px;}
.events-app-body { /*padding-right:25px;*/}

#sylist-left { float:left; margin:27px 0 20px 19px; width:222px; display:inline;}
#sylist-left-text { padding:0 6px;}
#sylist-left-form { padding:0 19px 0 6px;}
#sylist-left-form p { margin:0 0 15px;}
#sylist-left-link { padding:10px 0 0 6px; font-size:16px;}
#sylist-right { float:right; margin:6px 0 20px; width:679px; background:#E1E1E1 url(images/sylist_bg.jpg) repeat-x;}
#sylist-right-top { height:24px; background:url(images/sylist_top.jpg) no-repeat;}
#sylist-right-list { margin:27px 0 0 50px;}
.sylist-app { float:left; margin:0 0 20px 20px; width:272px; height:174px; background:white; display:inline; position:relative; overflow:hidden;}
.sylist-app1 { position:absolute; left:21px; top:11px; width:48px; height:48px;}
.sylist-app2 { position:absolute; left:75px; top:11px; width:170px;}
.sylist-app3 { position:absolute; left:21px; top:63px; width:226px; font-size:11px; line-height:150%;}
.sylist-app4 { position:absolute; left:114px; top:128px;}

.thanks-top { position:relative; left:-19px; top:-6px;}
#thanks-form { margin:20px 40px 20px 49px;}
#thanks-form input { border:1px solid white;}
#thanks-form .cat_textbox { width:165px;}
#thanks-form textarea { border:1px solid white; width:529px; height:180px;}
#thanks-misc { overflow:hidden;}
#thanks-misc-left { float:left; margin-top:10px; width:300px;}
#thanks-misc-right { float:left; padding:10px 0 0 10px; background:white; width:227px; height:40px;}

#downloads-preload { display:none;}
#downloads { margin:7px 0 20px 22px; height:560px; border:1px solid #C2C2C2; overflow:hidden;}
#downloads-left { float:left; margin:32px 0 0 29px; padding:0; list-style:none; width:270px;}
#downloads-left li { float:left; margin:0 10px 10px 0; width:125px; height:142px; display:inline; position:relative;}
#downloads-left li div { position:absolute; top:0; left:0; width:125px; height:142px; background:url(images/cover.png) no-repeat;}
.downloads-mouseover { cursor:pointer;}
#downloads-right { float:left; margin-top:32px; width:627px; position:relative;}
#downloads-bg { position:absolute; left:0; top:0; width:626px; height:141px; border:1px solid #C2C2C2; border-right:none; background:url(images/downloads_bg.jpg) repeat-x;}
#downloads-image { position:absolute; left:229px; top:59px; width:398px; height:437px;}
#downloads-image1 { position:absolute; z-index:10;}
#downloads-image2 { position:absolute; z-index:5;}
#downloads-name { position:absolute; left:19px; top:82px; width:210px; height:60px; overflow:hidden;}
#downloads-btn { position:absolute; left:20px; top:152px; width:210px; margin:0; padding:0; list-style:none; font-weight:bold;}
#downloads-link { position:absolute; left:17px; top:246px; width:158px;}
#downloads-text { position:absolute; left:21px; top:304px; width:160px; color:#949494; line-height:150%;}

/*shows*/
#show1,#show2 { position:absolute; left:551px; top:33px; width:385px; height:175px; background:#252525 url(images/twitter_bird.gif) no-repeat 317px 58px;}
.show-close { position:absolute; right:10px; bottom:10px;}
#show2 { left:-346px; top:101px;}
.show1 { position:absolute; left:23px; top:29px;}
.show2 { position:absolute; left:109px; top:26px; width:205px; color:white; font-size:11px; line-height:150%;}
#show3 { position:absolute; left:464px; top:142px; width:385px; height:188px; background:#252525;}
.show3 { position:absolute; left:19px; top:27px;}
.show4 { position:absolute; left:105px; top:28px; width:250px; color:white; font-size:11px; line-height:150%;}

/*mid*/
#mid { height:35px; background:url(images/mid_bg.jpg) no-repeat; color:#000; font-size:16px; position:relative; line-height:100%;}
#mid-1 { position:absolute; left:100px; top:8px;}
#mid-2 { position:absolute; left:291px; top:8px;}
#mid-3 { position:absolute; left:420px; top:8px;}
#mid-4 { position:absolute; left:688px; top:8px;}
#mid-5 { position:absolute; left:868px; top:8px;}
#mid2 { height:491px; background:url(images/footer.jpg) no-repeat; position:relative;}
#mid2-1 { position:absolute; left:255px; top:89px;}
#mid2-2 { position:absolute; left:537px; top:27px; width:300px; height:444px;}
#mid2-3 { position:absolute; left:832px; top:24px;}

.app_content_168384582814 { height:300px;}

/*footer*/
#footer { margin-top:8px; height:363px; background:url(images/footer_bg.jpg) repeat-x; position:relative; overflow:hidden;}
#footer1 { position:absolute; left:0; top:101px;}
#footer2 { position:absolute; left:727px; top:152px; width:146px; height:110px; background:url(images/logo.gif) no-repeat;}
#footer3 { position:absolute; left:852px; top:245px; color:white; font-size:11px; line-height:150%;}
#footer4 { position:absolute; left:852px; top:245px; width:66px; height:85px;}
#footer4 img { width:66px; height:85px;}

/*popup*/
.popup1,.popup2 { margin:0; width:395px; background:white; border:1px solid #666;}
.popup2 { width:600px;}
.popup-bg { margin:30px 0 0; height:63px; background:url(images/popup_bg.jpg) repeat-x; position:relative;}
.popup-logo { position:absolute; left:22px; top:12px; width:63px; height:46px; background:url(images/popup_logo.gif) no-repeat;}
.popup-close { position:absolute; right:22px; top:23px;}
.popup-text { margin:18px 30px; background:#D7D7D7;}
.popup { padding:20px 30px;}

/*menu*/
.menu-off1,.menu-over1,.menu-on1 { font-size:12px; color:white; text-align:center;}
.menu-over1 { color:#ccc; cursor:pointer;}
.menu-on1 { font-weight:bold;}