html 
{
    overflow-y:scroll;
}
body
{
	font-family:"Aptos","Calibri","Verdana","Arial";
	width:100%;
	overflow-x: hidden;
	background-color:rgb(0,91,170);
  	margin:0;
} 
#login
{
	float:left;
}
 #bottomText
 {
 	float:left;
 	width:35%;
 }

#footer
{
	margin-top:1em;
	width:100%;
	text-align:center;
}
#container
{
	width:100%;
	background-color:rgb(255,255,255);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
	margin:0;
	padding:0;
}
hr
{                      
	border-width:2px;
}
p, li, .contactLabel, .contactSubmit
{
	font-size:1em;
}
li
{
	margin-bottom:0.5em;
	width:95%;
}
.areas ul
{
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
}
h2
{
	font-size:1.5em;
	font-weight:normal;
	text-align:left;
	color:rgb(0,91,170);
	margin-top:0.5em;
	margin-bottom:0em;
}
h3
{
	margin-top:0.5em;
	margin-bottom:0em;
}

a:link, a:visited, a:hover, a:active, a:focus
{
	text-decoration:none;
	color:rgb(0,91,170);
}
a:hover
{
	color:rgb(0,0,0);
}
#contact                   
{
	margin-left:5%;
	margin-bottom:5%;
}
#phone
{
	color:rgb(0,91,170);
}
#home
{
	width:100%;
	float:left;
}                          
#banner
{
	text-align:left;
	margin-top:0.5em;
	margin-left:0.5em;
	height:4em;

} 
#banner1
{	
	width:60%;
	float:left;
}
#hamburger
{
	display:none;
	cursor:pointer;
}
#facebook img, #instagram img, #tiktok img
{
	height:1.25em;
	margin-right:0.5em;
	margin-top:0.5em;
	float:left;
}
#banner2
{
	width:18%;
	float:left;
	font-size:1.5em;
	color:rgb(255,255,255);
	text-align:right;
}                   
#address
{
	text-align:center;
	float:left;
	width:20%;
	font-size:1.25em;
}
#company
{
	font-size:3em;
	color:rgb(255,255,255);
	font-family:"Century Schoolbook","Inter","Verdana";
}
#menuExit
{
	display:none;
}
#banner a
{
	color:rgb(255,255,255);
}

.columnLeft, .columnRight
{
	margin-left:1em;
	width:45%;
	background:rgb(255,255,255);
	margin-left:1em;
	margin-top:1em;
	border-style:solid;
	border-width:5px;
	border-color:rgb(0,91,170);
	border-radius:2em;
	position:relative;top:0;
}
.columnLeft p, .columnLeft h2, .columnLeft h3,
.columnRight p, .columnRight h2, .columnRight h3
{
	margin-left:1em;
	margin-right:1em;
}

.columnRight
{
	float:right;
	margin-right:1em;
	margin0;
	position:relative;top: -3em;
}
.columnLeft
{
	float:left;
}
.clear
{
	clear:both;
}
.clearLeft
{
	clear:left;
}
.clearRight
{
	clear:right;
}
#menu
{                
	margin-right:auto;
	background-color:rgb(0,91,170);
	width:100%;
	padding-bottom:1em;
	color:rgb(255,255,255);
	border-bottom-style:solid;
	border-width:5px;
	border-color:rgb(255,255,255);
	margin-bottom:1em;
}
#menu-toggle
{
	display:none;
}
.menuLink
{
	text-align:center;
	font-size:1em;
	line-height:1em;
	margin-left:0.75em;
	margin-right:0.75em;
}

a.menuLink:link,  a.menuLink:hover, a.menuLink:active, a.menuLink:focus, a.menuLink:visited
{
	color:rgb(255,255,255);
	text-decoration:none;
	line-height:1.25em;       
}                              
a.menuLink:active
{
	color:rgb(255,255,255);
}

#call
{
	clear:both;
	margin-left:auto;
	margin-right:auto;
	width:50%;
	font-size:1.5em;
	text-align:center;
	border-color: rgb(0,91,170);
	border-style:solid;
	border-width:5px;
	border-radius:1em;
	background:rgb(255,255,255);
	margin-bottom:1em;
	margin-top:1em;
}
#picNav
{
	background: rgb(0,91,170);
}
#road, #roadText, #storage, #storageText, #air, #airText, #sea, #seaText
{

	border-color:rgb(0,91,170);
	border-style:solid;
	border-width:5px;
	border-radius:1em;
	width:25%;
	float:left;
	height:14em;
	box-sizing: border-box;
}
#road img, #storage img, #air img, #sea img
{
	width:100%;
	height:100%;
	border-radius:1em;
}
#roadText h2, #storageText h2, #airText h2, #seaText h2
{
	text-align:center;
}
#roadText a, #storageText a, #airText a, #seaText a
{
	display:block;
	width:6em;
	margin-top:1em;
	border-style:solid;
	border-color:white;
	border-width:2px;
	border-radius:0.25em;
	padding:0.25em;
	color:white;
	background:rgb(0,91,170);
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#roadText p, #storageText p, #airText p, #seaText p
{
	margin-left:1em;
	margin-right:1em;
}
#roadText, #storageText, #airText, #seaText
{
	text-align:center;
	border-left-style:none;
	background:rgb(255,255,255);
}
#road, #roadText, #storage, #storageText
{
	border-bottom-style:none;
}
#roadText, #airText
{
	border-right-style:none;
}
.q
{
	font-style:italic;
	font-weight:bold;
}
.a
{
	padding-left:1em;
}
#imageBox
{
	width:45%;
	clear:both;
	background:rgb(255,255,255);
	text-align:center;
	margin-left:1em;
	margin-top:1em;
	border-style:solid;
	border-width:5px;
	border-color:rgb(0,91,170);
	margin-bottom:2em;
	border-radius:2em;
}
#headline
{
	font-size:2em;
	color:rgb(0,91,170);
}
#imageBox p
{
	margin-left:1em;
	margin-right:1em;
}
#imageBoxText
{
	margin-left:1em;
	margin-right:1em;
}

.image
{
	float:left;
	margin:1%;
}
td
{
	vertical-align:top;
}
tr
{
	height:1.5em;
}
.contactLabel, .contactField
{
	float:left;
	line-height:2em;
}
.contactLabel
{
	width:25%;
}
.contactField
{
	width:75%;
}
input
{
	width:89%;
	line-height:0.8em;	
}
textarea
{
	width:88%;
	margin-top:0.5em;
}
.contactSubmit
{
	line-height:1.5em;
	margin-top:0.5em;
	width:50%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.mandatory
{
	color:rgb(255,0,0);
}                                                 
#rgt
{
	width:10%;
	height:10%;
}
.right
{
	float:right;
	margin-left:1em;
}
.left
{
	float:left;
	margin-right:1em;
}
.left, .right
{
	width:40%;
}
.clear
{                       
	clear:both;
}

.contactForm, .contactDetails
{
	width:45%;
	float:left;
	margin-right:1%;
}
.contactForm
{
	margin-left:5%;
}
#logo
{
	height:3em;
	margin-top:0.5em;
	margin-right:0.5em;
	float:left;
}

.hide
{
	display:none;
}
.areas, .cities
{
	width:30%;
	float:left;
}
.areas
{
	width:20%;
}
.fullWidth
{
	width:100%;
}
.column
{ 
    padding-left:12em;
	margin-left:1em;
	width:100%;
	background-repeat: no-repeat;
	background-position: left top;	
	background-size:10em auto;
}
#usaandcanada {background-image:url("images/usaandcanada.jpg");}
#africa {background-image:url("images/africa.jpg");}
#asia {background-image:url("images/asia.jpg");}
#australasia {background-image:url("images/australasia.jpg");}
#europe {background-image:url("images/europe.jpg");}
#southamerica {background-image:url("images/southamerica.jpg");}
#rha {background-image:url("images/rhalogo.jpg");}

.review
{
	min-height:8em;
	font-size:2em;
}
.leftArrow, .rightArrow
{
	font-size:5em;
	margin-top:1em;
	float:left;
	width:1em;
}
.rightArrow
{
	margin-left:0.5em;
}
.staffImage
{
	float:left;
	width:17.5%;
	margin-left:2%;
}
.staffImage img
{
	width:100%;
}








