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

/* READY */
body {background:#f2f1ea}
#navigator {background:#13a6d0 url('../img/menubg.png') repeat-x; border-bottom:1px solid #c1c1c1}
#content {background:white}
#header {background:white}
#footer {background:#2b1503 url('../img/footerbg.png') repeat-x}
#extra1, #extra2 {background:#f2f1ea}
.styleline {background:#401f06 url('../img/styleline.png') no-repeat center 0}
.rgb-black {color:#010817}
.rgb-red {color:#c13c02}
.rgb-orange {color:#a06e45}

/* HEADER */
.logo, .logo a {background:url('../img/logo.jpg') no-repeat}
.logotext {background:url('../img/logo_text.jpg') no-repeat}
.quicklink form {background:url('../img/selectbg.png') no-repeat}
.quicklink select {background:#f7f7f7; color:#888888}
.quicklink option {color:black}

/* NAVIGATOR */
.mainmenu ul {border-left:1px solid #13a6d0; border-right:1px solid #78cee7}
.mainmenu a {color:#fff; border-left:1px solid #79cfe7; border-right:1px solid #139fc7; text-shadow:0 1px 1px #0f82a1}
.mainmenu a.current {background:url('../img/menubg2.png') repeat-x}
.mainmenu a:hover, .mainmenu a:hover.current {background:url('../img/menubg2.png') repeat-x}
.submenu a#forum {background:url('../img/menubtn_exp.png') no-repeat left top}
.submenu a:hover#forum {background:url('../img/menubtn_exp.png') no-repeat left bottom}
.submenu a#blog {background:url('../img/menubtn_exp.png') no-repeat right top}
.submenu a:hover#blog {background:url('../img/menubtn_exp.png') no-repeat right bottom}

/* CONTENT */
.focuspic {background:url('../img/xtremepic.jpg') no-repeat}
.focusdaily {background:#4f8ebe; color:#fff}
.focusdaily h1 {background:#1a6aa1 url('../img/daily.png') no-repeat 10px center; border-bottom:1px solid #3481b5; text-shadow:0 1px 1px #083d4e} 
.focusdaily li {background:#2773a6 url('../img/icon1_daily.png') no-repeat 20px 10px; border-bottom:1px solid #276a9a; color:#e1f2ff}
.focusdaily li a {color:#e1f2ff}
.focusdaily li a:hover {color:#9ee946}
.focusdaily li span {color:#b2c2ce}
.megatext {border-top:1px solid #e9e4da; border-bottom:1px solid #e9e4da; background:#fff}
.megabox1 {color:#cc3e00; border-right:1px solid #e0dccf}
.megabox1 a {color:#787a7b}
.megabox1 a:hover {color:#4e8ebe}
.megabox1 h1, .megabox2 h1 {color:#e76a26}
.megabox2 {color:#cc3e00}
.megabox2 h6 {color:#545657}
.megabox2 h6 span {color:#24a7c8}
.title-name {color:#c5680f}
.cat-icon a#cat-news {background:url('../img/icon2.png') no-repeat -72px top}
.cat-icon a#cat-contact {background:url('../img/icon2.png') no-repeat left top}
.cat-icon a#cat-download {background:url('../img/icon2.png') no-repeat -36px top}
.cat-icon a#cat-album {background:url('../img/icon2.png') no-repeat -180px top}
.cat-icon a#cat-video {background:url('../img/icon2.png') no-repeat -144px top}
.cat-icon a#cat-photo {background:url('../img/icon2.png') no-repeat -108px top}

/* element */
.btn1 {background:url('../img/more1.png') no-repeat 0 top}
.btn1:hover {background:url('../img/more1.png') no-repeat 0 bottom}
.btn2 {background:url('../img/more2.png') no-repeat 0 top}
.btn2:hover {background:url('../img/more2.png') no-repeat 0 bottom}
.btn3 {background:url('../img/more3.png') no-repeat 0 top}
.btn3:hover {background:url('../img/more3.png') no-repeat 0 bottom}
.btn4 {background:url('../img/more4.png') no-repeat 0 bottom}
.btn4:hover {background:url('../img/more4.png') no-repeat 0 top}
.btn5#arrowlt {background:url('../img/photoarrow.png') no-repeat left top}
.btn5#arrowrt {background:url('../img/photoarrow.png') no-repeat right top}
.btn5#arrowlt:hover {background:url('../img/photoarrow.png') no-repeat left bottom}
.btn5#arrowrt:hover {background:url('../img/photoarrow.png') no-repeat right bottom}
.btn6 {background:url('../img/more3.png') no-repeat 0 bottom}
.btn6:hover {background:url('../img/more3.png') no-repeat 0 top}
.btn7 {background:url('../img/play.png') no-repeat 0 top}
.btn7:hover {background:url('../img/play.png') no-repeat 0 bottom}
.btn8 {background:url('../img/btn2.png') no-repeat 0 top}
.btn8:hover {background:url('../img/btn2.png') no-repeat 0 bottom}
.btn9 {background:url('../img/btn3.png') no-repeat 0 top}
.btn9:hover {background:url('../img/btn3.png') no-repeat 0 bottom}
.btn10 {background:url('../img/btn1.png') no-repeat 0 top}
.btn10:hover {background:url('../img/btn1.png') no-repeat 0 bottom}

.category {background:#f6f5f0; color:#7c756c}
.categoryitem {background:#99d146 url('../img/catbg.jpg') repeat-x; color:#fff}

.breadcrumb {color:#746d65}
.breadcrumb a {color:#7c756c}
.breadcrumb a:hover {color:#15b0db}
.breadcrumb span {color:#15b0db}

.headline1 a {color:#64340a}
.headline2 a, .headline3 a {color:#7c756c}
.headline1 a:hover, .headline2 a:hover, .headline3 a:hover {color:#15b0db}
.headline1 li, .headline2 li, .headline3 li {background:url('../img/icon3_green.png') no-repeat 0 4px}
.headline3 h3 {color:#cc3e00}

.pagination a {border:1px solid #ccc; background:#f4f4f4; color:#8598a6}
.pagination a:hover, .pagination a:hover.current {border:1px solid #a63503; background:#a63503; color:#fff}
.pagination a.none {color:#bfb8b8}
.pagination a:hover.none {color:#cc3e00}
.pagination a.current {border:1px solid #000; background:#000; color:#fff}

/* mainbox */
.about, .photo1 {color:#7c756c}
.about h2, .photo1 h2 {color:#e76a26}
.photo1bg {border-top:1px solid #e9e4da; border-bottom:1px solid #e9e4da; background:#f6f5f0}
.photo2item {background:url('../img/photoitem.jpg') no-repeat right 0}
.videoitem {background:url('../img/photoitem.jpg') no-repeat left 0}
.alt a {color:#15afda}
.alt a:hover {color:#cb2206}
.photo2item img {border:4px solid #fff; width:75px; height:56px;}
.photo2item h5 {color:#453f13; padding: 5px 0 0 0; text-align: center; width:75px;}
.videoitem h5 {color:#bcc5d3}
.photo3 h1 span {color:#16bae2}
.photo3 img {border:1px solid #ccc}
#slideshow img{
    max-height:500px;
    height:auto !important;
    height:500px;
    max-width:724px;
    width:auto !important;
    width:724px;
    display: block;
    margin: auto;
    float:none;
}
#gallery {
    clear: both;
}

#outslideshow
{
    height:506px;
    width:100%;    
    display: table; 
    position: static;
}

#middleslideshow 
{
    display: table-cell; 
    vertical-align: middle; 
    position: static;
}

#gallery div#loading {background:  url(../img/loading.gif) no-repeat 50% ;	width: 700px;	height: 500px;}

/* for IE */

/* end for IE */

.photo3.normal h1
{
    float:none;
    width:auto;
}

div#controls {float:right;}
div#controls div {float:left;}
div.ss-controls {}
div#controls a {display: block; float:left; height:30px; width:30px;}
div#controls .nav-controls a.prev{background:url('../img/photoarrow.png') no-repeat left top;}
div#controls .nav-controls a.next{background:url('../img/photoarrow.png') no-repeat right top;}
div#controls .nav-controls a.prev:hover{background:url('../img/photoarrow.png') no-repeat left bottom;}
div#controls .nav-controls a.next:hover{background:url('../img/photoarrow.png') no-repeat right bottom;}
div#controls .nav-controls a{text-indent:-9999px;}
div#controls .ss-controls a.play, div#controls .ss-controls a.pause{line-height: 30px;color: #4B4B56; width: 40px;}
div#controls .ss-controls a.play:hover, div#controls .ss-controls a.pause:hover{line-height: 30px; color: #0972A3; text-decoration: none;}


ul.thumbs {	margin: 0;padding: 0;}
ul.thumbs li {float: left;	list-style: none;text-align: center;}
ul.thumbs li img{width: 75px; height: 75px;}


.newsitem {color:#333}
.newstext1 a, .newstext2b a, .newstext3 a, .newscomment {color:#cc3e00}
.newstext1 a:hover, .newstext2 a:hover, .newstext3 a:hover {color:#15b0db}
.newstext3 h1 {color:#64340a}
.newstext3 h2 {color:#c17a45}
.comment h3 span {color:#7a7877}
.comment h3 b {color:#376797}
.comment-left {background:url('../img/cmt_bg.jpg') repeat-y}
.comment-text {color:#594533}
.comment-text span {color:#b2afaf}
.comment-text a {color:#5e8ebe}
.comment-text a:hover {color:#cb2206}
.comment-right img {border:1px solid #dedede}
.form2text {background:#f6f5ed; border-top:1px solid #eeebe2; border-bottom:1px solid #eeebe2}
.form2text h1 {color:#cc3e00}
.form2text div {color:#542d03}
.form2text input.name, .form2text textarea {border:1px solid #d8e8ef}
.form2text textarea {color:#84715d}
.form2text img {border:1px solid #d9e8ee}

.formtext {color:#9d551f}
.formfield {color:#5a626f}
.formfield input.user, .formfield input.msg {border:1px solid #d8e8ef}
.formfield input.btn1 {background:url('../img/contactbtn.png') no-repeat left top}
.formfield input.btn2 {background:url('../img/contactbtn.png') no-repeat right top}
.formfield input:hover.btn1 {background:url('../img/contactbtn.png') no-repeat left bottom}
.formfield input:hover.btn2 {background:url('../img/contactbtn.png') no-repeat right bottom}

.download-desc {color:#71411d}
.download-list {border-top:1px dotted #dee0e2}
.list1 a {background:url('../img/icon1_disc1.png') no-repeat 10px; color:#64340a; border-bottom:1px dotted #dee0e2}
.list2 a {background:#f9f9f9 url('../img/icon1_disc1.png') no-repeat 10px; color:#64340a; border-bottom:1px dotted #dee0e2}
.list1 a:hover, .list2 a:hover {background:#faf2ed url('../img/icon1_disc2.png') no-repeat 10px; color:#cb2206}

/* sidebox */
h3#bar1 {background:url('../img/sidetitle.jpg') repeat-x; color:#fff}
h3#bar2 {background:url('../img/sidetitle.jpg') repeat-x 0 -25px; color:#fff}
h3#bar3 {background:url('../img/sidetitle.jpg') repeat-x 0 -50px; color:#fff}
h3#bar4 {background:url('../img/sidetitle.jpg') repeat-x 0 -75px; color:#fff}
.event-item a {color:#4e8ebe}
.event-item a:hover, .event-mini a:hover {color:#cb2206}
.event-mini {background:#f2efe7 url('../img/icon3_red.png') no-repeat 4px}
.event-mini a {color:#65686b}
.price-box table, .price-box td {border:1px solid #000}
.download-box {color:#4e8ebe}
.download-box a {color:#d66e0a}
.download-box a:hover {color:#cb2206}
.download-box li a {background:url('../img/icon1_disc2.png') no-repeat 0 6px; color:#787a7b}
.contact-box, .download-box, .price-box, .stock-box {border:1px solid #d9ecf3}
.contact-box strong {color:#cc3e00}
.contact-box span {color:#24a7c8}
.contact-box h6 {color:#545657}
/*******   Stock   ********/
.stock {float:left;}
.stock-box {clear: both;}
.stock-box .where {float:left; background-color: #4F8EBE; padding: 5px 5px 0 5px;}
.stock-box .where a{display:block; padding: 3px; float: left; color: #FFF; font-weight: bold;}
.stock-box .where a.active{background: #2773A6;}
.stock-box .stock_header {clear: both; }
.stock-box .stock_header li {float: left; padding: 0 1px; text-align: center; margin-right: 1px; background: #2773A6;}
.stock-box #stock_data {height: 265px; overflow: auto; padding: 1px; clear: both;}
.stock-box #stock_data table {border-collapse:  collapse; border-spacing: 0;}
.stock-box #stock_data table td {border: 1px solid #000; padding: 0 1px;}
.stock-box .S {FONT-SIZE: 8pt; BACKGROUND: #FFFFFF; COLOR: #000000; FONT-FAMILY: 'Arial'; TEXT-ALIGN: left; font-weight:bold; width: 45px !important;}
.stock-box .V {FONT-SIZE: 8pt; BACKGROUND: #FFFFFF; COLOR: #000000; FONT-FAMILY: 'Arial'; TEXT-ALIGN: right; width: 33px !important;}
.stock-box .C {FONT-SIZE: 10pt; COLOR: #FF00FF; FONT-FAMILY: 'Arial'; TEXT-ALIGN: right;}
.stock-box .F {FONT-SIZE: 10pt; COLOR: #66CCFF; FONT-FAMILY: 'Arial'; TEXT-ALIGN: right;}
.stock-box .Y {FONT-SIZE: 8pt; COLOR: #F7FF31; FONT-FAMILY: 'Arial'; TEXT-ALIGN: right; BACKGROUND:#999999; width: 30px !important;}
.stock-box .R {FONT-SIZE: 8pt; COLOR: #FF0000; FONT-FAMILY: 'Arial'; TEXT-ALIGN: right; BACKGROUND:#999999; width: 30px !important;}
.stock-box .G {FONT-SIZE: 8pt; COLOR: #00FF00; FONT-FAMILY: 'Arial'; TEXT-ALIGN: right; BACKGROUND:#999999; width: 30px !important;}
.stock-box .W {FONT-SIZE: 10pt; COLOR: #FFFFFF; FONT-FAMILY: 'Arial'; TEXT-ALIGN: right; width: 30px !important;}
 /*******   End Stock   ********/

/* FOOTER */
.copyright, .c1 a, .c2 a {color:#989a7d}
.copyright a:hover {color:#f7b412}
.c3, .c4, .c3 a, .c4 a {color:#926b35}