/* WindPro 2009: A2C Club
   Author:	Alex
   default.css
   --------------------------------------------------
   --------------------------------------------------*/

@charset "utf-8";
*,html,body,div,ul,li,h1,h2,h3,h4,h5,h6,p {margin:0; padding:0;}
ul,ol {list-style:none; margin:0; padding:0;}
a {text-decoration:none; outline:none}
a:hover {text-decoration:underline}
img {border:none; outline:none; float:left}

/* READY */
body {font:12px/18px Arial, Helvetica, sans-serif}
h1, h2, h3, h4, h5, h6, p {margin:0}/* fixed Chrome */
#container {width:100%; height:auto; margin:0 auto}
#navigator {
	height: 37px;
	width:100%;
	float:left;	
	
}
#menu_contain{
	width: 1020px;
	margin:0 auto;
}
#header, #content, #footer, #extra1, #extra2 {width:100%; height:auto; float:left}
.styleline {width:100%; height:5px; text-indent:-9999px; float:left}

/* HEADER */
.header {width:970px; height:136px; padding:0 25px 0 25px; margin:0 auto}
.logo, .logo a, .logotext {height:136px; text-indent:-9999px; float:left}
.logo, .logo a {width:120px; display:block}
.logotext {width:416px}
.quicklink {width:238px; padding-top:36px; float:right}
.quicklink pre {width:110px; height:15px; margin-bottom:12px; float:right}
.quicklink form {width:238px; height:33px; float:right}
.quicklink select {border:none; width:220px; font:14px Arial; letter-spacing:0.1px; margin:7px 0 0 10px}

/* NAVIGATOR */
.menu {width:1020px; height:37px; margin:0 auto; position: absolute;}
.mainmenu, .mainmenu ul {width:auto; height:37px; float:left}
.mainmenu li, .submenu li {font-weight:bold; float:left}
.mainmenu a {height:28px; display:block; padding:9px 25px 0 25px;}
.mainmenu a:hover {text-decoration:none}
.submenu {height:31px; padding:3px 5px; margin-right:22px; float:right}
.submenu a#forum, .submenu a#blog {height:31px; display:block; text-indent:-9999px; float:left}
.submenu a#forum {width:86px}
.submenu a#blog {width:67px}

/* CONTENT */
.focusbox, .contentbox, .megabox, .titlebox {width:960px; padding:0 30px 0 30px; margin:0 auto} /* section */
.focuspic {width:625px; height:69px; margin:34px 0 24px 0; padding:240px 0 0 25px; float:left}
.focuspic div {width:80%; font:bold 16px Arial; padding-top:8px; float:left} 
.focusdaily {width:290px; height:309px; margin:34px 0 0 19px; float:left}
.focusdaily h1 {width:228px; padding:15px 0 15px 62px; font:bold 14px Arial; float:left} 
.focusdaily li {width:235px; padding:8px 10px 8px 45px; font:normal 12px/16px Tahoma; float:left}
.focusdaily li span {font:normal 11px/16px Tahoma}
.megabox {height:184px; padding:30px 0 35px 0}
.megatext {width:918px; height:150px; padding:12px 10px 20px 10px; float:left}
.megabox1 {width:460px; font:normal 12px/20px Arial; padding-right:12px; float:left}
.megabox1 a {text-decoration:underline}
.megabox1 h1, .megabox2 h1 {font:bold 18px Arial; width:100%; padding-bottom:10px; float:left}
.megabox1 img, .megabox2 img {margin-right:13px; margin-bottom:10px; float:left}
.megabox2 {width:425px; padding-left:12px; float:left}
.megabox2 h6 {font:normal 11px/18px Arial}
.titlebox {height:44px; padding-top:20px}
.title-name {width:95%; height:30px; padding-top:3px; font:bold 24px Arial; letter-spacing:0.2px; float:left}
.cat-icon {width:5%; height:33px; float:left}
.cat-icon a {width:36px; height:33px; display:block; text-indent:-9999px; float:left}

/* element */
.btn1, .btn2, .btn3, .btn4, .btn5, .btn6, .btn7, .btn8, .btn9, .btn10 {display:block; text-indent:-9999px}
.btn2, .btn5, .btn7, .btn8, .btn9, .btn10 {float:right}
.btn1 {width:124px; height:41px; float:left}
.btn2 {width:93px; height:28px; margin-top:10px; margin-right:20px}
.btn3, .btn4, .btn6 {width:83px; height:15px; margin-top:15px; float:left}
.btn5 {width:30px; height:30px}
.btn6 {margin-top:8px}
.btn7 {width:24px; height:30px; margin-right:8px}
.btn8 {width:221px; height:38px; margin-bottom:20px}
.btn9 {width:183px; height:36px; margin-top:10px; margin-bottom:10px}
.btn10 {width:136px; height:35px}

.category {width:100%; height:37px; float:left}
.categoryitem {font:bold 18px Arial; width:auto; height:30px; padding:7px 12px 0 12px; float:left}
.category p {padding-top:12px; padding-left:10px; font:normal 12px Arial; float:left}

.breadcrumb {padding-top:12px; padding-left:6px; font:normal 11px Tahoma; float:left}
.breadcrumb a {padding:0 4px 0 4px}
.breadcrumb span {padding-left:4px}

.headline1, .headline2, .headline3 {font:normal 13px/18px Arial; float:left}
.headline1 {width:220px; padding-top:20px; padding-bottom:20px}
.headline2 {width:460px; padding-top:20px}
.headline3 {width:100%; padding-bottom:20px}
.headline1 li, .headline2 li, .headline3 li {padding:0 0 6px 20px; font-size:12px}
.headline3 h3 {padding-bottom:5px; font-size:14px}

.pagination {width:730px; font:bold 12px Arial; text-align:center; padding-bottom:20px; float:left}
.pagination a {display:inline-block; padding:2px 6px}
.pagination a:hover, .pagination a:hover.current {text-decoration:none}
.pagination a.none, .pagination a:hover.none {background:none; border:none}
.adv {width:690px; height:132px; padding:0 10px 0 10px; float:left}

/* mainbox */
.mainbox {width:730px; padding:30px 0 30px 0; float:left}
.about, .photo1, .photo2, .video, .news {font:normal 12px/18px Arial; float:left}
.alt {width:100%; font:bold 11px Tahoma; padding-bottom:20px; float:left}

.about {width:230px; padding-right:20px}
.about h2, .photo1 h2 {font:bold 18px Arial; width:100%; padding-bottom:10px}
.photo1 {width:480px; padding-bottom:30px}
.photo2, .photo3, .video {width:100%}
.photo1 h2 {padding-top:10px; padding-bottom:4px}
.photo1bg {width:440px; height:166px; padding:0 10px 0 10px; float:left}
.photo1bg img {margin-left:10px; float:left}
.photo1lt {width:40%; float:left}
.photo1rt {width:60%; float:left}
.photo1rt h3 {width:100%; padding-top:5px; float:left}
.photo2item, .videoitem {width:108px; height:97px; padding:13px 0 0 35px; margin:0 27px 27px 0; float:left}
.photo2item h5, .videoitem h5 {width:90%; font:bold 10px Tahoma; padding-top:8px; float:left}
.photo2item h5 {padding-left:15px}
.photo3 h1, .photo3 h2, .photo3 h3 {width:730px; float:left}
.photo3 h1 {font:bold 18px Arial; padding-bottom:15px}
.photo3 h1 span {width:70%; float:left}
.photo3 h1 a {float:right}
.photo3 h3 {padding-top:40px; padding-bottom:20px}
.photo3 img {padding:2px; margin:0 10px 10px 0}
.photo3 img.displayed {display: block; margin-left:auto; margin-right:auto; float:none}
#slide img{width:75px; height:75px;}

.newsitem, .comment {width:730px; float:left}
.newstext1 img {margin-right:20px; margin-bottom:20px; float:left}
.newstext2 img, .newstext3 img {margin-right:20px; float:left}
.newstext1, .newstext2, .newstext3 {font:normal 13px/18px Arial; float:left}
.newstext1 {width:490px; padding:20px 20px 20px 0}
.newstext2, .newstext3 {width:100%; padding-bottom:30px}
.newstext2 {padding-top:20px}
.newstext1 p, .newstext2 p, .newstext3 p {font:bold 13px/18px Arial}
.newstext2a {width:270px; float:left}
.newstext2b {width:460px; float:left}
.newstext2b p {font:bold 18px/24px Arial}
.newstext3 h1 {font:bold 20px/24px Arial; padding-bottom:10px; padding-top:20px}
.newstext3 h2 {font:bold 12px/18px Arial; padding-bottom:20px}
.comment h3 {width:730px; padding-bottom:5px; font:normal 11px Tahoma; float:left}
.comment h3 span {padding-top:2px; float:left}
.comment-item {width:730px; padding-top:10px; float:left}
.comment-left, .comment-bg {width:633px; float:left}
.comment-right {width:76px; padding:10px 0 0 12px; float:left}
.comment-text {width:581px; font:normal 11px Tahoma; padding:8px 10px 8px 10px; float:left}
.comment-text span {font:normal 11px Arial; padding-bottom:5px; float:left}
.comment-text a {font:bold 12px Arial}
.comment-arrow {width:32px; float:left}
.form2 {width:730px; padding:20px 0 20px 0; float:left}
.form2text {padding:10px 0 10px 0; font:bold 12px Arial; width:708px; height:202px; float:left}
.form2text h1 {font:bold 18px Arial; padding-bottom:5px}
.form2text div {padding-top:4px; width:80px; float:left}
.form2text input, .form2text textarea {padding:5px 0 0 10px; margin-bottom:5px; float:left}
.form2text textarea {width:604px; height:96px; font:normal 12px/18px Arial}
.form2text input.name {width:246px; height:21px}
.form2text input.btn10 {border:0; cursor:pointer; margin-right:10px; float:right}

.formbox {padding:40px 36px 40px 36px; float:left}
.formtext {width:112px; padding-top:6px; font:normal 12px/16px Tahoma; float:left}
.formfield, .formfield p {width:540px; float:left}
.formfield input.user, .formfield input.msg {width:530px; margin-bottom:4px;}
.formfield input.msg {height:145px; padding:5px 0 14px 10px}
.formfield input.user {height:21px; padding:5px 0 0 10px}
.formfield input.btn1, .formfield input.btn2 {height:34px; border:0; cursor:pointer; margin-top:14px; float:left}
.formfield input.btn1 {width:96px}
.formfield input.btn2 {width:66px}

.download-desc {font:bold 14px Arial}
.download-list, .download-list li {width:100%; float:left}
.download-list {margin:15px 0 30px 0;}
.list1 a, .list2 a {width:95%; padding:8px 0 8px 5%; font:12px Tahoma; text-decoration:underline; float:left}

/* sidebox */
.sidebox {width:210px; padding:30px 0 30px 20px; float:left}

.event, .price, .download, .contact {width:210px; margin-top:25px; float:left}
h3#bar1, h3#bar2,  h3#bar3, h3#bar4 {width:195px; height:22px; padding:3px 0 0 15px; font:bold 13px Arial; float:left}

.event-item {width:200px; padding:10px 10px 10px 0; font:bold 12px/18px Arial; float:left}
.event-item a {text-decoration:underline}
.event-item a img {margin-right:12px; float:left}
.event-mini {width:185px; padding:8px 5px 8px 20px; margin-bottom:1px; font:normal 11px Tahoma; float:left}
.price-box {width:178px; padding:15px; float:left}
.price-box table {width:168px; border-collapse:collapse; border-spacing:0}
.price-box td {padding:2px; text-align:center}
.download-box, .download-box ul, .download-box p, .download-box h2, .contact-box, .contact-box h6 {width:178px; float:left}
.download-box {padding:15px; font:bold 11px/14px Arial; text-align:left}
.download-box h2 {text-align:right; font-size:11px}
.download-box ul {font:normal 12px/14px Tahoma; padding:15px 0 15px 0}
.download-box li a {padding:5px 0 5px 25px; text-decoration:underline; display:block}
.contact-box {padding:15px}
.contact-box img {margin-bottom:10px}
.contact-box h6 {font:normal 10px/14px Tahoma}

/* FOOTER */
.copyright {width:970px; padding:0 25px 0 25px; margin:0 auto}
.c1, .c2, .c4 {width:485px; float:left}
.c1, .c2 {height:32px; padding-top:17px; font:bold 13px Arial}
.c3, .c4 {height:42px; padding-top:17px; font:normal 12px Arial}
.c2, .c4 {text-align:right}
.c3 {width:480px; padding-left:5px; float:left}
.c1 a, .c2 a, .c3 a {padding:0 5px 0 5px}
.c4 a {padding-right:5px}