html, body
{
		margin: 0 0 0 0;
		background-color: #303030;
		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: 115px;
		background-color: #000000;
}

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

#logoimage
{
	    width:70%;
		float: center;
}



#topnav
{
		position: absolute;
		top: 90px;
		width: 100%;
		height: 20px;
}



#title
{
		position: absolute;
		top: 90px;
		width: 100%;
		height: 20px;
}

h1
{
		font-family:Verdana;
		font-weight:bold;
		font-size:1.1em;
		color:#939598;
		margin-left:5%;
		margin-right:5%;
		text-align: center;
} 



#strap
{
		position: absolute;
		top: 115px;
		width: 100%;
		height: 35px;
}

h2
{
		font-family:Verdana;
		font-weight:normal;
		font-size:.9em;
		color:#939598;
		margin-left:5%;
		margin-right:5%;
		text-align: center;
} 


#mainimagecontainer
{
		position: absolute;
		top: 150px;
		height: 50px;
		width: 100%;
		background-color: #303030;
}

#mainimagewrapper
{
	    width:auto;
}

#mainimage
{
	    width:100%;
}



#container
{
		position: absolute;
		top: 200px;
		height: 400px;
		width: 100%;
		background-color: #303030;
}

h3
{
		font-family:Verdana;
		font-weight:normal;
		font-size:1.5em;
		color:#cd1719;
		line-height:100%;
		margin-left:5%;
		margin-top:1em;
		margin-bottom:0em;
		text-align: left;
} 

h4
{
		font-family:Verdana;
		font-weight:normal;
		font-size:1.25em;
		color:#ffffff;
		line-height:100%;
		margin-left:5%;
		margin-top:.75em;
		margin-bottom:0em;
		text-align: left;
} 

p
{
		font-family:Verdana;
		font-size:1em;
		color:#a0a0a0;
		margin-left:5%;
		margin-right:5%;
		margin-top:.75em;
		margin-bottom:0em;
		line-height:125%;
		text-align: left;
}



#transbox
{
		position: absolute;
 		border-radius: 5px;
 		top: 5px;
	    left: 2%;
		height: 80px;
		width: 100px;
		background: #E0DFDB;
}

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

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;
}



#contact
{
		position: absolute;
		top: 600px;
		height: 225px;
		width: 100%;
		background-color: #ffffff;
}

h5
{
		font-family:Verdana;
		font-weight:normal;
		font-size:1.25em;
		color:#cd1719;
		margin-left:5%;
		margin-top:1em;
		margin-bottom:0em;
		text-align: left;
		line-height:140%;
} 



#footer
{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 25px;
		background-color: #C7C4C0;
}

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

p.footer
{
		margin-right: 0;
		margin-left: 0;
		font-family:Verdana;
		font-size:1em;
		color:#666666;
		text-align: center;
}



a:link {color:#666666;text-decoration:none;}
a:visited {color:#666666;text-decoration:none;}
a:hover {color:#666666;text-decoration:none;}
a:active {color:#666666;text-decoration:none;}








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


#header
{
		height: 130px;
}


#logoimage
{
	    width:60%;
		float: center;
}



#title
{
		position: absolute;
		top: 105px;
		width: 100%;
		height: 20px;
}

h1
{
		font-family:Verdana;
		font-weight:bold;
		font-size:1.25em;
		color:#939598;
		margin-left:4%;
		margin-right:4%;
		text-align: center;
} 



#strap
{
		position: absolute;
		top: 130px;
		width: 100%;
		height: 35px;
}

h2
{
		font-family:Verdana;
		font-weight:normal;
		font-size:1em;
		color:#939598;
		margin-left:4%;
		margin-right:4%;
		text-align: center;
} 



#mainimagecontainer
{
		top: 165px;
		height: 65px;
}

#container
{
		top: 225px;
		height: 525px;
}


h3
{
		font-size:2em;
		margin-left:4%;
		margin-right:4%;
} 

h4
{
		font-size:1.5em;
		margin-left:4%;
		margin-right:4%;
} 

h5
{
		font-size:1.5em;
		margin-left:4%;
		margin-right:4%;
} 


p
{
		font-size:1.15em;
		margin-left:4%;
		margin-right:4%;
}

#transbox
{
 		top: 15px;
	    left: 2%;
		height: 110px;
		width: 20%;
}

#transboxtext
{
		margin: 10%;
}



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


#contact
{
		top: 750px;
		height: 225px;
}

#footer
{
		height: 30px;
}


#footcredit
{
		height: 20px;
		bottom: 15px;
}


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


}





















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

#header
{
		height: 130px;
}


#logoimage
{
	    width:40%;
		float: center;
}

#title
{
		position: absolute;
		top: 110px;
		width: 100%;
		height: 20px;
}

h1
{
		font-family:Verdana;
		font-weight:bold;
		font-size:1.5em;
		color:#939598;
		margin-left:3%;
		margin-right:3%;
		text-align: center;
} 



#strap
{
		position: absolute;
		top: 125px;
		width: 100%;
		height: 30px;
}

h2
{
		font-family:Verdana;
		font-weight:normal;
		font-size:1.15em;
		color:#939598;
		margin-left:3%;
		margin-right:3%;
		text-align: center;
} 


#mainimagecontainer
{
		top: 160px;
		height: 75px;
}

#container
{
		top: 235px;
		height: 440px;
}

h3
{
		font-size:2em;
		margin-left:3%;
		margin-right:3%;
} 

h4
{
		font-size:1.5em;
		margin-left:3%;
		margin-right:3%;
} 

h5
{
		font-size:1.5em;
		margin-left:3%;
		margin-right:3%;
} 

p
{
		font-size:1.15em;
		margin-left:3%;
		margin-right:3%;
}

#transbox
{
 		top: 25px;
	    left: 2%;
		height: 120px;
		width: 20%;
}

#transboxtext
{
		margin: 10%;
}

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

#contact
{
		top: 675px;
		height: 200px;
}

#footer
{
		height: 35px;
}


#footcredit
{
		height: 20px;
		bottom: 20px;
}


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



}




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

#header
{
		height: 150px;
}

#logoimagewrapper
{
		top: 15px;
		left: 4%;
}

#logoimage
{
	    width:30%;
		float: left;
}

#title
{
		position: absolute;
		top: 10px;
		width: 100%;
		height: 30px;
}

h1
{
		font-weight:bold;
		margin-right:4%;
		font-size:2em;
		text-align: right;
} 

#strap
{
		position: absolute;
		top: 75px;
		width: 100%;
		height: 20px;
}

h2
{
		margin-right:4%;
		font-size:1.5em;
		text-align: right;
} 
 

#mainimagecontainer
{
		top: 150px;
		height: 150px;
}

#container
{
		top: 300px;
		height: 400px;
}

h3
{
		font-size:2em;
		margin-left:4%;
		margin-right:4%;
} 

h4
{
		font-size:1.5em;
		margin-left:4%;
		margin-right:4%;
} 

h5
{
		font-size:1.5em;
		margin-left:4%;
		margin-right:4%;
} 

p
{
		font-size:1.15em;
		margin-left:4%;
		margin-right:4%;
}

#transbox
{
 		top: 30px;
	    left: 4%;
		height: 150px;
		width: 16%;
}

#transboxtext
{
		margin: 10%;
}

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

#contact
{
		top: 700px;
		height: 150px;
}

#footer
{
		height: 40px;
}

#footcredit
{
		height: 20px;
		bottom: 25px;
}

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


}




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

#header
{
		height: 175px;
}

#logoimagewrapper
{
		top: 15px;
		left: 12%;
}

#logoimage
{
	    width:25%;
		float: left;
}

#title
{
		position: absolute;
		top: 10px;
		width: 100%;
		height: 30px;
}

h1
{
		font-weight:bold;
		margin-right:12%;
		font-size:2.15em;
		text-align: right;
} 

#strap
{
		position: absolute;
		top: 125px;
		width: 100%;
		height: 20px;
}

h2
{
		margin-right:12%;
		font-size:1.75em;
		text-align: right;
} 


#mainimagecontainer
{
		top: 175px;
		height: 125px;
}

#container
{
		top: 300px;
		height: 400px;
}

h3
{
		font-size:2em;
		margin-left:12%;
		margin-right:12%;
} 

h4
{
		font-size:1.5em;
		margin-left:12%;
		margin-right:12%;
} 

h5
{
		font-size:1.5em;
		margin-left:12%;
		margin-right:12%;
} 

p
{
		font-size:1.25em;
		margin-left:12%;
		margin-right:12%;
}

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

#transboxtext
{
		margin: 12%;
}

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

#contact
{
		top: 700px;
		height: 200px;
}

#footer
{
		height: 40px;
}

#footcredit
{
		height: 20px;
		bottom: 25px;
}

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


}





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

#header
{
		height: 275px;
}

#logoimagewrapper
{
		top: 15px;
		left: 15%;
}

#logoimage
{
	    width:30%;
		float: left;
}

#title
{
		position: absolute;
		top: 10px;
		width: 100%;
		height: 30px;
}

h1
{
		font-weight:bold;
		margin-right:15%;
		font-size:2.5em;
		text-align: right;
} 

#strap
{
		position: absolute;
		top: 200px;
		width: 100%;
		height: 20px;
}

h2
{
		margin-right:15%;
		font-size:1.65em;
		text-align: right;
} 

#mainimagecontainer
{
		top: 275px;
		height: 225px;
}

#container
{
		top: 500px;
		height: 400px;
}

h3
{
		font-size:2em;
		margin-left:15%;
		margin-right:15%;
} 

h4
{
		font-size:1.5em;
		margin-left:15%;
		margin-right:15%;
} 

h5
{
		font-size:1.5em;
		margin-left:15%;
		margin-right:15%;
} 

p
{
		font-size:1.35em;
		margin-left:15%;
		margin-right:15%;
}

#transbox
{
 		top: 40px;
	    left: 15%;
		height: 200px;
		width: 13%;
 }

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

#contact
{
		top: 900px;
		height: 200px;
}

#footer
{
		height: 40px;
}

#footcredit
{
		height: 20px;
		bottom: 25px;
}

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


}




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

#header
{
		height: 275px;
}

#logoimagewrapper
{
		top: 15px;
		left: 15%;
}

#logoimage
{
	    width:20%;
		float: left;
}

#title
{
		position: absolute;
		top: 10px;
		width: 100%;
		height: 30px;
}

h1
{
		font-weight:bold;
		margin-right:15%;
		font-size:3em;
		text-align: right;
} 

#strap
{
		position: absolute;
		top: 175px;
		width: 100%;
		height: 30px;
}

h2
{
		margin-right:15%;
		font-size:2.5em;
		text-align: right;
} 


#mainimagecontainer
{
		top: 300px;
		height: 450px;
}

#container
{
		top: 750px;
		height: 500px;
}

h3
{
		font-size:2em;
		margin-left:15%;
		margin-right:15%;
} 

h4
{
		font-size:1.5em;
		margin-left:15%;
		margin-right:15%;
} 

h5
{
		font-size:1.5em;
		margin-left:15%;
		margin-right:15%;
} 

p
{
		font-size:1.35em;
		margin-left:15%;
		margin-right:15%;
}

#transbox
{
 		top: 40px;
	    left: 15%;
		height: 200px;
		width: 13%;
 }

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

#contact
{
		top: 1250px;
		height: 200px;
}

#footer
{
		height: 40px;
}

#footcredit
{
		height: 20px;
		bottom: 25px;
}

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


}