@charset "utf-8";
/* CSS Document */

html{
height: 100%; 
margin:0;
padding:0;
background-color: #333;
}

body{
width:100%;
height: 100%;
min-width:650px;
background-color: #333;
}

#bgwrapper{
position: fixed;/* absolute, require for firefox cursor bug */
left:0;
top:0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
text-align: center;
overflow: hidden;/* require for firefox cursor bug */
}

#bgcursorw{
position: absolute;/* absolute used to resolve FF cursor bug, but BG cannot be fixed */
left:0;
top:0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
text-align: center;
overflow: hidden;/* require for firefox cursor bug */
}

#background{
left:0;
top:0;
width:100%;
height:100%;
overflow:hidden;/* require for firefox cursor bug */
}

#navbar{
width:100%;
position:fixed;
z-index:1;
}

#menusection{
width:610px;
height:52px;
position:fixed;
z-index:1;
}

#feedbacks{
position:fixed;
right:0;
padding-top:220px;
float:right;
}

#content {
width:100%;
min-height:100%; /* allows for footer to fixed, works in conjunction with body.height=100%, do not set here height=100% */
position:relative;
margin: 0 auto;
z-index:0;
}

#maincolumn{
min-height:100%;
padding-top:150px;
width:655px;
position:relative;
left:50%;
margin-left: -326px;
}

.textBox1{
width:655px;
height:23px;
background: transparent url('../images/bgBoxTop.png') top right no-repeat;
}

.textBoxBG{
width:655px;
padding-bottom:10px;
background: transparent url('../images/bgBoxFill.png') right repeat;
overflow: hidden; /* require for firefox cursor bug */
}

.textBox1b{
width:655px;
height:33px;
clear:both;
background: transparent url('../images/bgBoxBottom.png')  right no-repeat;
}

#spacefooter{
display:block;
height:50px;
}

#footer{
clear:both;
height:50px;
width:100%;
position:relative;
margin: -50px auto 0 auto;
}

.footmenu{
position:absolute;
width:318px;
left:50%;
margin-left: -149px;
top: 0px;
}

/* whatis section */

#intro{
padding:6px 10px 0 28px;
}


.floatbox{
width:211px;
padding-top:20px;
margin-left:3px;
float:left;
}

/* howto section */

.instructions{
padding-bottom:20px;
height:195px;
}

.instructions_last{
height:195px;
}

.instructions_sht{
padding-bottom:20px;
height:100px;
}

.instructions_ext{
padding-bottom:20px;
height:262px;
}

.pic{
float:right;
border:none;
overflow:visible;
padding-right:40px;
}

.howtext, h3{
padding-right:310px;
}

/* getit and contact section */

.CAicon{
border:none;
height:65px;
padding-right:70px;
padding-top:60px;
float:right;
}

.AppP{
padding-right:180px;
padding-bottom:25px;
}

.emailoptional{
padding-left:130px;
padding-top:20px;
}

#sendmail{	
margin: 0 20px 0 20px;
}

#sendmail .alabel {
float: left;
width: 50px;
text-align: right;
padding: 4px 20px 10px 40px;
}

#sendmail .demail {
float: left;
width: 50px;
text-align: right;
padding: 4px 20px 10px 0;
}

#sendmail .textbox {
width: 400px;
}

#sendmail .stextbox {
width: 300px;
}

#sendmail .listbox {
width: 404px;
}

#sendmail .megbox {
height: 150px;
width: 400px;
}


#sendmail p{
padding: 10px 10px 10px 0;
}

#sendmail .buttons{
margin: 0 0 0 70px;
padding: 0 25px 0px 25px;
width:125px;
height: 22px;
background-color: #6699CC;
border: 1px solid #6699FF;
cursor:pointer;
}

#sendmail .sbutton{
margin: 0 0 0 109px;
padding: 0 25px 0px 25px;
width: 90px;
height: 22px;
background-color: #6699CC;
border: 1px solid #6699FF;
cursor:pointer;
}

#messagebox p{
padding: 10px;
}

#messagebox{
margin: 10px 17px 0 10px;
background-color: #FF6600;
border: 1px solid #FF3300;
}


#messagesend p{
padding: 10px 10px 10px 10px;
}

#messagesend{
margin: 10px 17px 0 10px;
background-color: #009900;
border: 1px solid #006600;
}


.dload{
margin: 10px 0 10px 60px;
}

#dbutton{
padding: 2px 27px 2px 27px;
height: 22px;
background-color: #6699CC;
border: 1px solid #6699FF;
}

.donateP{
padding-right:180px;
padding-bottom:35px;
}

#DPdonate{	
margin: 0 20px 0 20px;
width:105px;
padding-top:60px;
padding-right:40px;
float:right;
}

#OPdonate{
position:fixed;
right:0;
padding-right:20px;
padding-top:20px;
z-index:1;
float:right;
outline:none;
}

/* Not used so far */

#wrapper{
position: relative;
height:100%;
}