body { margin:0; padding:0; background:white; color:#666; font-size:12px; line-height:180%; font-family:Helvetica, Arial, sans-serif;}
img { border:0;}
form,input { margin:0; padding:0;}
input.cat_textbox,input.cat_textbox_small,textarea { padding:5px; border:1px solid #ccc; width:200px; color:#000; font-size:12px;}
input.cat_search { width:120px; padding:5px; background:transparent; border:0; color:#999; font-size:11px; height:15px; text-align:center;}
textarea { height:97px;}
select { padding:2px; border:1px solid #999; width:250px; height:25px;}
ul,ol { margin:5px 0 20px; padding-left:20px;}
li { margin:0; padding:0;}
h1,h2,h3,h4 { margin:0; padding:0; color:#000; font-size:24px; line-height:30px; font-weight:normal;}
p { margin:12px 0;}
a { color:#666; text-decoration:underline;}
a:hover { color:#000;}
.white a { color:white;}
.white a:hover { color:#ccc;}
.red a { color:#E40021; font-weight:bold;}
.pink a { color:#990066;}
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;}
.captchaimg img { width:212px;}
.line { margin:20px 0; clear:both; width:607px; height:1px; background:#ccc; overflow:hidden; position:relative; left:-35px;}

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

/*main*/
#main { margin-top:50px; border:1px solid #ccc; border-bottom:none; height:100%; background:url(images/bg.gif) repeat-y;}
#left { float:left; width:319px;}
#left-logo { margin:59px 0 0 63px;}
#left-menu { margin:40px 0 20px 60px; width:166px;}
#left-search { margin-left:60px; width:166px; height:40px; background:url(images/search.gif) no-repeat;}
#left-search div { float:left; margin-left:3px; display:inline;}
/*#left-h1 { margin-left:40px; height:50px;}
#left-h1 h1 { font-size:11px; line-height:15px; font-weight:bold; color:#999;}*/
#left h2 { margin:10px 0; border-bottom:1px solid #ccc;}
#left-fb { margin-left:97px; height:60px;}

#right { float:left; width:609px; position:relative;}
#right-image-home { position:absolute; left:52px; top:-29px; width:565px; height:432px; background:url(images/headers/home.jpg) no-repeat; z-index:3;}
#right-box-home { position:relative; margin:385px 0 20px; border:1px solid #ccc; }
#right-image-inner { position:absolute; /*left:0; top:-51px; width:609px; height:270px; background:url(images/inner.jpg) no-repeat;*/}
#right-box-inner { margin:25px 0 20px; padding:35px; border:1px solid #ccc; overflow:hidden;}
#right-image-blog { position:absolute; left:110px; top:-39px; width:433px; height:290px; background:url(images/headers/blog.jpg) no-repeat;}
#right-box-blog { margin:222px 0 20px; padding:35px; border:1px solid #ccc; overflow:hidden;}
.home { float:left; padding:30px 0 20px 25px; width:270px; display:inline;}
.home p { margin:5px 0;}
.home a { color:#990066;}
.pink-box { float:left; padding:15px 20px; background:#990066; color:white;}
.pink-box a { font-size:17px; color:white;}
.pink-box a:hover { color:#ddd;}

/*slider*/
#slider-area { margin:0; width:590px; height:310px; overflow:hidden;}
#slider-area ul { margin:0; padding:0; list-style:none;}
#slider-area ul li { margin:0;}
#prevBtn { position:absolute; left:-11px; top:125px;}
#nextBtn { position:absolute; right:-11px; top:125px;}
#pauseBtn,#playBtn { position:absolute; right:7px; bottom:7px;}
#playBtn { display:none;}

/*webapps*/
.list { margin-bottom:30px; height:100%; overflow:hidden;}
.list-left { float:left; width:185px;}
.list-right { float:left; width:350px;}
.list-right p { margin:0;}
.list-right a { color:#990066;}

#detail-text { margin-top:10px;}
#detail-downloads { margin-top:40px; border-top:1px solid #990066;}
#detail-downloads h4 { margin:20px 0 5px;}
#detail-pink { padding:20px 30px; background:#990066; color:white; line-height:30px;}
#detail-pink a { font-size:17px; color:white;}
#detail-pink a:hover { color:#ddd;}
.detail-h3 h3 { margin:40px 0 20px; border-bottom:1px solid #ccc;}

/*blog*/
#blog-left { margin-left:60px; width:166px; line-height:120%;}
.blog { margin:20px 0 40px; overflow:hidden;}
.blog-left { float:left; padding:5px 0; width:44px; background:#990066; color:white; font-size:15px; line-height:18px; text-align:center; text-transform:uppercase;}
.blog-right { float:left; margin-left:16px; width:477px; display:inline;}
.blog-note { margin:20px 0 6px; padding-bottom:5px; border-bottom:1px solid #666; font-weight:bold;}

/*contact*/
.contact { float:left; padding-bottom:20px; width:268px;}
.contact-form p { margin:8px 0;}

/*footer*/
#footer { position:relative; height:600px; background:#C6C0CC url(images/footer.gif) no-repeat 70px 74px;}
#footer-box1 { position:absolute; left:0; top:0; width:294px; height:54px; border-right:1px solid white; border-bottom:1px solid white;}
#footer-box2 { position:absolute; left:0; top:322px; width:950px; height:144px; border-top:1px solid white; border-bottom:1px solid white;}
#footer-text1,#footer-text2 { position:absolute; left:641px; top:60px; width:270px; font-size:12px; line-height:150%;}
#footer-text2 { top:325px;}
#footer-joi { position:absolute; right:43px; bottom:18px;}
#footer-joi a { color:#000;}
#footer-joi a:hover { color:#444;}
#footer-joi h1 { font-size:12px; line-height:15px; font-weight:bold; display:inline; padding-right:15px;}

/*menu*/
.menu-off,.menu-over,.menu-on { font-size:12px; color:#999; font-weight:bold; text-align:center;}
.menu-over { color:#000; cursor:pointer;}
.menu-on { border-bottom:1px solid #ccc; /*color:#444;*/}