* { padding: 0; margin: 0; }
html, body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }
a, a img { border: none; text-decoration: none; color: #d85d68; }
a{-moz-outline: none;}
a:active, a:focus{ outline: none;-moz-outline-style: none; }

body { background: /*#ced4c1*/#fff url(images/background2.jpg) no-repeat center top; color: #52443c; }

/* layout */
.wrapper { width: 960px; margin: 0 auto; }
.content { height: 540px; }
.menubar { height: 100px; }
.footer { height: 60px; }

/* menubar */
#logo { float: left; width: 240px; }
#logo h1 { width: 240px; height: 100px; margin: 0; padding: 0; overflow: hidden; }
#logo h1 span { background: url(images/logo_sftk.png) no-repeat left top; display: block; width: 100%; height: 100%; }
#menu { float: left; width: 560px; }
#menu ul { list-style: none; margin: 34px 0 0 53px; }
#menu ul li { list-style-type: none; display: block; float: left; }
#menu .menu_home { width: 90px; height: 40px; text-indent: -9999px; display: block; background: url(images/menu_home.png) no-repeat left top; margin-right: 36px; }
#menu .menu_about { width: 90px; height: 40px; text-indent: -9999px; display: block; background: url(images/menu_about.png) no-repeat left top; margin-right: 47px; }
#menu .menu_browse { width: 90px; height: 40px; text-indent: -9999px; display: block; background: url(images/menu_browse.png) no-repeat left top; margin-right: 45px; }
#menu .menu_record { width: 90px; height: 40px; text-indent: -9999px; display: block; background: url(images/menu_record.png) no-repeat left top; }
#menu .active, #menu .menu_home:hover, #menu .menu_about:hover, #menu .menu_browse:hover, #menu .menu_record:hover { background-position: left bottom; }
#rlink { float: left; width: 160px; }
#rlink .button_area { margin: 45px 0 0 31px; width: 148px; height: 55px; }
a.button_download { width: 79px; height: 55px; display: block; float: left; text-indent: -9999px; background: url(images/button_download.png) no-repeat left top; }
a.button_boydnop { width: 69px; height: 55px; display: block; float: left; text-indent: -9999px; background: url(images/button_boydnop.png) no-repeat left top; }
a.button_download:hover, a.button_boydnop:hover { background-position: 0 bottom; }

/* footer */
.sponsor { margin: 0 auto; height: 60px; margin-top: 13px; width: 600px; }
.sponsor p.sponsorby { width: 143px; height: 22px; background: url(images/text_sponsorby.png) no-repeat left top; text-indent: -9999px; float: left; margin-right: 20px; }
.sponsor ul.sponsor_logo { list-style: none; width: auto; }
.sponsor ul li { list-style-type: none; display: block; float: left; margin-right: 10px; }

/* login */
.login_main { text-align: center; padding-top: 80px; position: relative; }
h2.login_title { width: 100px; height: 60px; background: url(images/h2_login.png) no-repeat center top; text-indent: -9999px; margin: 0 auto; }
#signInForm { padding-top: 40px; width: 640px; margin: 0 auto; background: url(images/bg_loginform.png) no-repeat center 40px; }
.lrowusername, .lrowpassword { height: 40px; padding-bottom: 12px; }
.lrowusername span, .lrowpassword span { width: 210px; margin-right: 20px; text-align: right; float: left; }
input#i_username, input#i_password { width: 280px; height: 26px; text-align: left; background-color: #fffeff; border-bottom: thin solid #cbd7cc; border-top-style: none; border-right-style: none; border-left-style: none; float: left; font-size: 16px; padding: 3px 5px; }
.link_forgetpass { padding-top: 20px; }
.link_forgetpass a { color: #8c8463; font-size: 12px; }
.link_register { position: absolute; left: 330px; top: 410px; }

/* register */
.register_main { text-align: center; padding-top: 40px; position: relative; }
h2.register_title { width: 100px; height: 60px; background: url(images/h2_register.png) no-repeat center top; text-indent: -9999px; margin: 0 auto; }
.rrowusername, .rrowpassword, .rrowcomfirmpassword, .rrowemail, .rroworganization { height: 40px; width: 480px; }
.rowusername span, .rowpassword span, .rowconfirmpassword span, .rowemail span, .roworganization span { width: 150px; margin-right: 20px; text-align: right; float: left; clear: both; }
input#i_username, input#i_password, input#i_confirmPassword, input#i_email, input#i_tag { width: 280px; height: 26px; text-align: left; background-color: #fffeff; border-bottom: thin solid #cbd7cc; border-top-style: none; border-right-style: none; border-left-style: none; float: left; font-size: 16px; padding: 3px 5px; }
#signUpForm { padding-top: 0px; margin: 0 auto; }
#signUpForm table.registerform { border: 0; border-collapse: collapse; width: 720px; margin: 0 auto; }
.registerform td, .registerform tr { padding: 10px; }
td.labelr { text-align: right; padding-right: 10px; width: 130px; }
td.rightcol { text-align: center; width: 250px; vertical-align: top; }
.signUpControl{text-align:center;padding:5px 0px 5px 0px;}

/* about */
#about .column1 { width: 320px; padding-top: 40px; float: left; }
#about h2.about_title { width: 68px; height: 43px; background: url(images/h2_about.png) no-repeat center top; text-indent: -9999px; margin: 0 auto 30px auto; }
#about p { margin-bottom: 16px; line-height: 1.5em; color: #796d66; font-size: 13px; }
#about p.larger { font-size: 15px; }
#about p.smaller { }
#about p.special_thanks{font-size: 11px;}
#about .column2 { width: 610px; height: 540px; float: right; background: url(images/bg_songsheet.jpg) no-repeat right top; }
.column2 h3 { margin-bottom: 12px; }
#about .column3 { width: 200px; float: left; font-size: 12px; margin-left: 20px; }

.flashMusic{padding:50px 20px 0px 0px;text-align:right;}

/* home */
.totalPerform{font-family:Segoe UI,Verdana,Arial,Helvetica,sans-serif;font-size: 13px;}

/* browse */
.flashDemo{text-align:center;padding: 50px 0px 20px 0px;}
.comingsoon p{text-align:center;padding: 5px;}
.searchInput{width: 860px;margin: 0 auto;text-align:center;font-size: 17px;padding:10px 0px 0px 0px;clear:both;overflow:hidden;}
.searchInput .download{float:left;text-align:left;}
.searchInput .search{float:right;}
.searchInput .search label{font-size: 17px;color: #333333;}


/* record */
.menu{font-size:13px;padding: 10px 0px 0px 0px;text-align:right;}
.menu a{margin:0px 0px 0px 5px;}

/* download */
.download_main { text-align: center; padding-top: 20px; position: relative; }
h2.downloadprop_title { width: 308px; height: 40px; background: url(images/h2_download_prop.png) no-repeat center top; text-indent: -9999px; margin: 0 auto;  }
h2.downloadmp3_title { width: 205px; height: 38px; background: url(images/h2_download_mp3.png) no-repeat center top; text-indent: -9999px; margin: 0 auto;  }
.download_items { padding-top: 20px; }
.download_mp3 { margin: 60px auto; display: block; }
.thank_aia { margin: 20px auto; display: block; }
#slider2 ul, #slider2 li { margin: 0; padding: 0; list-style: none; }
#slider2 li { width: 960px; height: 490px; overflow: hidden; }	
p#controls, p#controls2 { margin: 0; position: relative; } 
#prevBtn, #nextBtn, #prevBtn2, #nextBtn2 { display: block; margin: 0; overflow: hidden; text-indent: -8000px; width: 59px; height: 71px; position: absolute; left: 0px; top: -270px; }	
#nextBtn, #nextBtn2 { left: 906px; }
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a { display: block; width: 59px; height: 71px; background: url(images/link_back.png) no-repeat 0 0; }
#nextBtn a, #nextBtn2 a { background: url(images/link_next.png) no-repeat 0 0; }

/* Search */
.search{}
.search h2{font-size: 28px;font-weight:normal;text-align:center;}
.search h4{font-size: 20px;font-weight:normal;text-align:center;}
.search .performerList{margin: 0 auto; text-align:center;width: 800px;}
.search p{}
.search ol{list-style:none;width: 700px;text-align:left;}
.search li{font-size: 19px;margin:0px 0px 5px 0px;padding: 5px;}
.search li a{color: #D85D68;text-decoration:none;}
.search li a:hover{color: #D85D68;text-decoration:underline;}
.search li strong{color: #333333;font-weight:normal;}
.search li:hover{background: #EEEEEE;}
.search li img{}
.search li img.thumbnail{}

.search div.pagination{font-size: 17px;text-align:center;}


/* Viewer */
.flashViewer{text-align:center;padding: 20px 0px 20px 0px;}
.project_duration{font-size: 11px;padding: 5px 0px 0px 0px;}
