html, body
{
		margin: 0 0 0 0;
		background-color: #333333;
		color: #000000;
		font-size: .875em;
		font-family: Verdana;
		font-weight: normal;
		text-align: center;
		vertical-align: middle;
		line-height: 140%;
}







#header
{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 55px;
		background-color: #FFFFFF;
}



#logoimagewrapper
{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}



#logoimage
{
	    width:44%;
}



#container
{
		position: absolute;
		top: 55px;
		height: 100%;
		width: 100%;
		background-color: #333333;
}


p.header
{
		font-family:Verdana;
		font-size:1em;
		color:#ffffff;
		font-weight: normal;
		margin-top:0;
		margin-left:0;
		margin-right:0;
		line-height:140%;
		text-align: left;
}


#transbox
{
		position: absolute;
 		border-radius: 5px;
 		top: 5px;
	    left: 2%;
		height: 80px;
		width: 70px;
		background: rgba(0, 0, 0, 0.5) /* Green background with 30% opacity */;
 }

#transboxtext
{
		margin-top:5px;
		margin-left: 10%;
 }

#main
{

		width: 100%;
		margin-right: 0;
		margin-left: 0;
		float: left;
		background-color: #4A4A4A;
}

#mainimagewrapper
{
	    width: auto;
}

#mainimage
{
	    width:100%;
}






h2
{
font-family:Verdana;
font-weight:normal;
font-size:2em;
color:#d3b6ca;
margin-left:5%;
text-align: left;
} 

p
{
		font-family:Verdana;
		font-size:1em;
		color:#FFFFFF;
		margin-left:5%;
		margin-right:5%;
		line-height:140%;
		text-align: left;
}




#footer
{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 30px;
		vertical-align: middle;
		background-color: #ffffff;
		color: #4A4A4A;
}

#footimagewrapper
{
		width: auto;
}

#footimage
{

	    width:100%;
}


#footcredit
{
		position: fixed;
		bottom: 5px;
		left: 0;
		right: 0;
		width: 100%;
		height: 20px;
}

p.footer
{
		font-family:Verdana;
		font-size:.75em;
		color:#4A4A4A;
		text-align: center;
}



a:link {color:#4A4A4A;text-decoration:none;}
a:visited {color:#4A4A4A;text-decoration:none;}
a:hover {color:#4A4A4A;text-decoration:none;}
a:active {color:#4A4A4A;text-decoration:none;}
a.body:link {color:#ffffff;text-decoration:none;}
a.body:visited {color:#ffffff;text-decoration:none;}
a.body:hover {color:#ede3eb;text-decoration:none;}
a.body:active {color:#d3b6ca;text-decoration:none;}
a.foot:link {color:#333333;text-decoration:none;}
a.foot:visited {color:#333333;text-decoration:none;}
a.foot:hover {color:#4D9EE1;text-decoration:none;}
a.foot:active {color:#4D9EE1;text-decoration:none;}








@media screen and (max-width:480px) and (min-width:321px)
{

#main
{
		width: 100%;
		margin-right: 0;
		margin-left: 0;
}


#header
{
		height: 75px;
}



#container
{
		top: 75px;
}

p.header
{
		font-size:1.15em;
		line-height:160%;
}

#transbox
{
 		top: 10px;
	    left: 3%;
		height: 110px;
		width: 90px;
}


#logoimage
{
	    width:38%;
}


#footer
{
		height: 40px;
}


#footcredit
{
		bottom: 10px;
}


p.footer
{
		font-size:.9em;
}


}




@media screen and (max-width:767px) and (min-width:481px)
{

#main
{
		width: 100%;
		margin-right: 0;
		margin-left: 0;
}


#header
{
		height: 105px;
}


#container
{
		top: 105px;
}


p.header
{
		font-size:1.25em;
		line-height:150%;
}

#transbox
{
 		top: 25px;
	    left: 5%;
		height: 120px;
		width: 110px;
}

#transboxtext
{
		margin: 10%;
}


#logoimage
{
	    width:35%;
}


#footer
{
		height: 45px;
}


#footcredit
{
		bottom: 18px;
}


p.footer
{
		font-size:1.15em;
}



}




@media screen and (max-width:1023px) and (min-width:768px)
{

#main
{
		width: 100%;
		margin-right: 0;
		margin-left: 0;
}

p
{
		font-size:1.15em;
}



#header
{
		height: 120px;
}




#container
{
		top: 120px;
}

p.header
{
		font-size:1.35em;
		line-height:180%;
}

#transbox
{
 		top: 30px;
	    left: 4%;
		height: 160px;
		width: 130px;
}

#transboxtext
{
		margin: 10%;
}


#logoimage
{
	    width:30%;
}


#footer
{
		height: 50px;
}


#footcredit
{
		bottom: 20px;
}


p.footer
{
		font-size:1.3em;
}


}




@media screen and (max-width:1365px)and (min-width:1024px)
{

#main
{
		width: 80%;
		margin-right: 10%;
		margin-left: 10%;
}

p
{
		font-size:1.25em;
}



#header
{
		height: 140px;
}




#container
{
		top: 140px;
}

p.header
{
		font-size:1.5em;
		line-height:180%;
}

#transbox
{
 		top: 30px;
	    left: 14%;
		height: 185px;
		width: 175px;
}

#transboxtext
{
		margin: 12%;
}

#logoimage
{
	    width:23%;
}

#footer
{
		height: 60px;
}


#footcredit
{
		bottom: 23px;
}


p.footer
{
		font-size:1.3em;
}


}




@media screen and (min-width:1366px)
{

#main
{
		width: 66%;
		margin-right: 17%;
		margin-left: 17%;
}

p
{
		font-size:1.35em;
}


#header
{
		height: 160px;
}


#container
{
		top: 160px;
}


p.header
{
		font-size:1.75em;
		line-height:180%;
}

#transbox
{
 		top: 40px;
	    left: 19%;
		height: 250px;
		width: 150px;
 }

#transboxtext
{
		margin: 15%;
}
 
 
 #logoimage
{
	    width:18%;
}

#footer
{
		height: 70px;
}


#footcredit
{
		bottom: 17px;
}


p.footer
{
		font-size:1.5em;
}

}