@import url('reset.css');

html, body{
height:100%;
}

body{
font-family:"Trebuchet MS", Arial, Verdana, Tahoma;
font-size:12px;
color:#646464;
background:url(../images/bg-index.gif) top center no-repeat #f7f7f7;
}

a{
color:#666;
text-decoration:none;
}

p{
line-height:14px;
padding:5px 0;
}

#container{
width:980px;
position:relative;
min-height:100%; /* real browsers */
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
/*border:1px solid red;*/
margin: 0 auto -45px;
}

#header{

}
#header h1{
width:306px;
height:83px;
overflow:hidden;
}
#header h1 span{
width:100%;
height:100%;
display:block;
background:url(../images/logo-bflap.gif) top left no-repeat;
}

/*
	login section
*/
#login{
position:absolute;
width:100%;
top:207px;
left:0;
display:block;
overflow:hidden;
/*border:1px solid red;*/
z-index:10;
}
#login div{
float:left;
/*border:1px solid red;*/
}
#login #login-title{
padding:4px 0 0 0;
text-transform:uppercase;
color:#00aff4;
font-size:18px;
}
#login #frmContact{
position:absolute;
top:2px;
right:12px;
/*margin:0 0 0 410px;*/
/*padding:2px 0 0 0;*/
}
#login #frmContact label{
padding:0 2px;
font-size:11px;
color:#000;
text-transform:uppercase;
}
#login #frmContact .inputTxt{
font-size:11px;
color:#005d80;
width:126px;
border:0;
/*background:#369;*/
}
#login #frmContact .btn-submit{
font-family:"Trebuchet MS", Arial, Verdana, Tahoma;
font-size:11px;
color:#000;
text-transform:uppercase;
cursor:pointer;
border:0;
padding:2px 0 0 0;
width:42px;
height:20px;
background:url(../images/frmlogin-btn-submit.gif) 0 1px no-repeat;
}

#login #login-regit{
padding:7px 0 0 5px;
}
#login #login-regit a{
font-family:"Trebuchet MS", Arial, Verdana, Tahoma;
font-size:11px;
text-transform:uppercase;
}
#login #login-regit a:hover{
color:#0078a5;
text-decoration:underline;
}






#content{
clear:both;
position:relative;
padding:220px 0 0 0;
overflow:hidden;
}

#push{
position:relative;
clear:both;
height:45px;
}

#footer{
position:relative;
margin:0 auto;
padding:10px 0 0 0;
width:980px;
height:45px;
border-top:1px solid #ccc;
}

#footer .copyright{
float:left;
}
#footer .designby{
float:right;
}
#footer .designby a{
padding:0 3px;
}
#footer .designby a:hover{
color:#000;
background:#ff0;
}
#footer .designby a span{
color:#f60;
}
#footer .designby a:hover span{
color:#000;
}

ul.list{
padding:4px 0 4px 40px;
}
ul.list li{
padding:1px 0;
}


#regist{
width:100%;
overflow:hidden;
}
#regist p#box1, #regist p#box2{
float:left;
width:75px;
}
#regist p#box1 a, #regist p#box2 a{
text-indent:-9999px;
display:block;
width:75px;
height:24px;
}
#regist p#box1 a{
background:url(../images/checkbox-accept.gif) top left no-repeat;
}
#regist p#box2 a{
background:url(../images/checkbox-accept.gif) bottom left no-repeat;
}
#regist p#submit1, #regist p#submit2{
float:right;
width:153px;
}
#regist p#submit1 a, #regist p#submit2 a{
text-indent:-9999px;
display:block;
width:153px;
height:20px;
}
#regist p#submit1 a{
background:url(../images/btn-regist.gif) top left no-repeat;
}
#regist p#submit2 a{
background:url(../images/btn-regist.gif) top left no-repeat;
}
#regist p#submit2 a:hover{
background:url(../images/btn-regist.gif) bottom left no-repeat;
}
#regist form{
float:right;
}