* {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

/* Style the top navigation bar */
.topnav {
	clear:left;
    overflow: hidden;
    background-color: #ff0000;
	}

.header{
    display: block;
    color: #000000;
    
    padding: 10px;
    text-decoration: none;
	height:150px;
	
	
}
.header a {
    float: left;
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}


/* Style the topnav links */
.topnav a {
    float: left;
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
    background-color: #ffffff;
    color: black;
}

/* Style the content */
.content {
    background-color: #ffffff;
    padding: 10px;
    /*height: 200px; /* Should be removed. Only for demonstration */
}

.wrapper {
	max-width: 1000px;
	margin: 0 auto;
	background-color: #ffffff;
}

/* Style the footer */
.footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
height:50px;
  background-color: #000000;
  text-align: center;
	
    padding: 10px;
}
.footertext{
  background-color: #000000;
  font-size:10px;
  color:#000000;
}


.footertext a{
  background-color: #000000;
  font-size:10px;
  color:#ffffff;
}


#logo{
	float:left;
}
/*#logo img
	{
	box-shadow: 5px 5px 10px #888888;
	}  
	*/
#companyname{
	float:left;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 55px;
	font-weight:bold;
	text-shadow: 5px 5px #cccccc;		
		
		
}


.imageleft {
    float: left;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 16pt;
    padding: 20px 20px 20px 20px;
}

.imageright 
	{
	float:right;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	padding:20px 20px 20px 20px;
	}
	
.heading 
	{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	text-align: left;
	padding:5px 5px 5px 5px;
	}	
	
#customertext 
	{
	/*margin-left:40px;
	margin-right:40px;*/
	width:100%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	text-align: center;
	/*background-color: yellow;*/
	}
	
.fontleft{
	text-align:left;
}	



input[type=password] {padding:5px; border:2px solid #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px;
}

input[type=password]:focus 
{
border-color:#f00; 
}


input[type=submit] {
	padding:5px 15px; 
	background:#ccc; 
	border:0 none;
	cursor:pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px; 

	font-family: Geneva, Arial, Helvetica, sans-serif;
	transition:ease-in all 500ms;
	-moz-transition:ease-in all 500ms;
	-webkit-transition:ease-in all 500ms;
	-o-transition:ease-in all 500ms;	
	}

input[type=submit]:hover{
	background:#f00; 

	font-family: Geneva, Arial, Helvetica, sans-serif;
	transition:ease-in all 500ms;
	-moz-transition:ease-in all 500ms;
	-webkit-transition:ease-in all 500ms;
	-o-transition:ease-in all 500ms;	
}


input[type=submit]:active{
	background:#ff0; 

	font-family: Geneva, Arial, Helvetica, sans-serif;
	transition:ease-in all 0ms;
	-moz-transition:ease-in all 0ms;
	-webkit-transition:ease-in all 0ms;
	-o-transition:ease-in all 0ms;	
}
input[type=text] {padding:5px; border:2px solid #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px;
}

input[type=text]:focus 
{
border-color:#f00; 
}


input[type=number] {padding:5px; border:2px solid #ccc; 
-webkit-border-radius: 5px;
border-radius: 5px;
}

input[type=number]:focus 
{
border-color:#f00; 
}


select{
	height:25px;
	padding:1px; 
	border:2px solid #ccc; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

select:focus 
{
border-color:#f00; 
}


.menubutton{
/*clear:both;*/
font-size:12pt;
cursor: pointer;
margin-top:1px;
padding-top:10px;
padding-left:5px;
height:50px;
width:100px;
background-color: #ff0000; 
color:black;
-webkit-transition:width 1s; /* For Safari 3.1 to 6.0 */
transition:width 1s;
vertical-align: middle;
float:left;
}

.menubutton:hover
{
/*width:290px;*/
color:#ff0000;
background-color: #000000; 

}
.menubutton:active{
	color:#ffffff;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	transition:ease-in all 0ms;
	-moz-transition:ease-in all 0ms;
	-webkit-transition:ease-in all 0ms;
	-o-transition:ease-in all 0ms;	

}