html, body
{
		margin: 0 0 0 0;
		background-color: #333333;
		color: #000000;
		font-size: .875em;
		font-family: Arial;
		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: #202024;
		vertical-align: middle;
}

#logoimagewrapper
{
	    width: auto;
}

#logoimage
{
	    width:80%;
}

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

h1
{
font-family:Arial;
font-weight:normal;
font-size:1.75em;
color:#FFFFFF;
margin-right:3%;
text-align: right;
} 


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

#pagetitle
{
		position: absolute;
		top: 10px;
		left: 0;
		right: 0;
		width: 100%;
		height: 30px;
}

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


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

#transboxtext
{
		margin: 5%;
 }

#main
{

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

#mainimagewrapper
{
	    width: auto;
}

#mainimage
{
	    width:100%;
}





#maintextwrapper
{
	    width: auto;
}

h2
{
font-family:Arial;
font-weight:normal;
font-size:1.75em;
color:#4bc9fd;
margin-left:5%;
text-align: left;
} 

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

p.blue
{
		color:#4bc9fd;
}


#contactus
{

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

p.contactus
{
		font-family:Arial;
		font-size:1em;
		color:#333333;
		margin-left:3%;
		margin-right:3%;
		line-height:140%;
		text-align: left;
}









#footer
{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		text-align: center;
		height: 50px;
		background: rgba(0, 0, 0, 0.5) /* Green background with 30% opacity */;
		color: #000000;
}

#footimagewrapperleft
{
		width: auto;
		position: fixed;
		bottom: 10px;
		left: 3%;
}

#footimagewrapperright
{
		width: auto;
		position: fixed;
		bottom: 10px;
		right: 3%;
}

#footimage
{

	    height:32px;
}

    



a:link {color:#4bc9fd;text-decoration:none;}
a:visited {color:#4bc9fd;text-decoration:none;}
a:hover {color:#4bc9fd;text-decoration:none;}
a:active {color:#4bc9fd;text-decoration:none;}
a.body:link {color:#ffffff;text-decoration:none;}
a.body:visited {color:#ffffff;text-decoration:none;}
a.body:hover {color:#9bdffc;text-decoration:none;}
a.body:active {color:#4bc9fd;text-decoration:none;}
a.foot:link {color:#333333;text-decoration:none;}
a.foot:visited {color:#333333;text-decoration:none;}
a.foot:hover {color:#4bc9fd;text-decoration:none;}
a.foot:active {color:#4bc9fd;text-decoration:none;}








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

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

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

#header
{
		height: 75px;
}

#navbar
{
		top: 75px;
		height: 35px;
}


#container
{
		top: 75px;
}

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

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

#transboxtext
{
		margin: 10%;
}

#logoimage
{
	    width:80%;
}

#footer
{
		height: 55px;
}



}




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

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

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

#header
{
		height: 105px;
}

#navbar
{
		top: 105px;
		height: 40px;
}


#container
{
		top: 105px;
}

#logoimage
{
	    width:70%;
}



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

#transbox
{
 		top: 25px;
	    left: 5%;
		height: 140px;
		width: 150px;
}

#transboxtext
{
		margin: 10%;
}

#footer
{
		height: 65px;
}


#footimagewrapperleft
{
		bottom: 15px;
		left: 3%;
}

#footimagewrapperright
{
		bottom: 15px;
		right: 3%;
}

#footimage
{

	    height:40px;
}


}




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

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

p
{
		font-size:1.15em;
}

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

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

#header
{
		height: 120px;
}

#navbar
{
		top: 120px;
		height: 40px;
}


h1
{
		font-size:2em;
}

#container
{
		top: 120px;
}

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

#transbox
{
 		top: 30px;
	    left: 5%;
		height: 180px;
		width: 150px;
}

#transboxtext
{
		margin: 10%;
}


#logoimage
{
	    width:60%;
}

#footer
{
		height: 65px;
}


#footimagewrapperleft
{
		bottom: 15px;
		left: 3%;
}

#footimagewrapperright
{
		bottom: 15px;
		right: 3%;
}

#footimage
{

	    height:40px;
}


}




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

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

p
{
		font-size:1.25em;
}

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

p.contactus
{
		font-size:1.25em;
}

#header
{
		height: 140px;
}

#navbar
{
		top: 140px;
		height: 45px;
}


h1
{
		font-size:2.25em;
		margin-right: 13%;
}

#container
{
		top: 140px;
}

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

#transbox
{
 		top: 30px;
	    left: 13%;
		height: 200px;
		width: 175px;
}

#transboxtext
{
		margin: 12%;
}

#logoimage
{
	    width:50%;
}

#footer
{
		height: 75px;
}

#footimagewrapperleft
{
		bottom: 15px;
		left: 13%;
}

#footimagewrapperright
{
		bottom: 15px;
		right: 13%;
}

#footimage
{

	    height:45px;
}


}




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

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

p
{
		font-size:1.35em;
}

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

p.contactus
{
		font-size:1.35em;
}

#header
{
		height: 160px;
}

#navbar
{
		top: 160px;
		height: 55px;
}


h1
{
		font-size:2.75em;
		margin-right: 20%;
}

#container
{
		top: 160px;
}


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

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

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

#footer
{
		height: 85px;
}

#footimagewrapperleft
{
		bottom: 15px;
		left: 20%;
}

#footimagewrapperright
{
		bottom: 15px;
		right: 20%;
}

#footimage
{

	    height:50px;
}


}