@font-face {
    font-family: 'robotoblack';
    src: url('Roboto-Black-webfont.eot');
    src: url('Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Black-webfont.woff') format('woff'),
         url('Roboto-Black-webfont.ttf') format('truetype'),
         url('Roboto-Black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;
    }
    
@font-face {
    font-family: 'roboto_condensedbold';
    src: url('RobotoCondensed-Bold-webfont.eot');
    src: url('RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('RobotoCondensed-Bold-webfont.woff') format('woff'),
         url('RobotoCondensed-Bold-webfont.ttf') format('truetype'),
         url('RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.mobilestar	{
		display:none;}	   

body { 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  background: #c1dcf2;
  text-align:center;
	}

.columnicons {
	width: 25%;
	float:left;
	margin:0;
}

.homeicons {
	width: 100%;
	float:left;
	margin:0;
}	
/* STRUCTURE */

.main {
	padding: 0;
	width: 911px;
	margin: 20px auto;
	}

#content {
	position: relative;
	height:543px;
	width: 198px;
	float: left;
	overflow:hidden;
	   }

#middle {
	position: relative;
	width: 400px; /* Account for margins + border values */
	float: left;
	margin-left: 10px;
	height:543px;
	overflow: auto;
	background:#def0ff;
	}

#sidebar {
	position: relative;
	width: 233px;
	padding: 0;
	float: left;
	margin-left: 10px;
	height:543px;
	background:#def0ff;
	}

.contact {
	border-top: 10px solid white;
	background:#00a7d9;
	height:400px;
	}
	
.contact_st {
	border-top: 10px solid white;
	background:#ff6000;
	height:400px;
	}	
	   
#content {
	background: #0b2a6f;
	}
#contentstorage {
	background: #ff6000;
	}	
	
#sidebar {
	background: #def0ff;
}
header, #content, #middle, #middleservices, #sidebar {
	margin-bottom: 5px;
}

#content, #middle, #middleservices, #sidebar {
	border: solid 10px #fff;
}

.logo {
	border-bottom: 3px solid white;
	height:93px;
	padding: 0;
	vertical-align: bottom;
}

.logohome {
	border-bottom: 3px solid white;
	height:93px;
	padding: 0;
	vertical-align: bottom;
}

.logomob {
	display:none;
	}
	
.logostorage {
	border-bottom: 3px solid white;
	height:93px;
	padding: 0;
	vertical-align: bottom;
	background-color: #ff6000;		   
	}		
	   
img.mainpic {
	border-bottom: 10px solid white;
	height:168px;
	padding: 0;
	width:400px;
	vertical-align: bottom;
		   }

img.mainpichome {
	border-bottom: 10px solid white;
	height:168px;
	padding: 0;
	width:400px;
	vertical-align: bottom;
		   }

img.mainpicmob {
	display:none;
		   }
		   
img.sideimage {
	border-bottom: 10px solid white;
	height:168px;
	padding: 0;
	width:233px;
	vertical-align: bottom;
		   }
		   
.sideimagetwo {
	display:none;
		   }		   
		   
.contactcentre { display:none; }
.contactcentreservices { display:none; }	
.contactcentre_st { display:none;  }	
.contactcentrequote { display:none;  }	
.contactcentrerefs { display:none;  }	
.contactcentrecontact { display:none;  }	
		   


		   
.yellowpages{
	display:block;}			   	
		   
.shieldsection{
background: #fffcde;text-align:left;}	
	
img.shield{
	position:relative;margin:10px 2px 10px 10px;float:left;}	

img.homeicons{
	position:relative;margin:0px 0px 0px 0px;float:left;}

.boxtest{
	position:relative;float:left;width:100%;
display:block; padding:0;}
	
.shieldtext{
	padding:0;position:relative;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-top:20px;font-weight:bold;font-size:14px;
	color: #0b2a6f;}		


.title {
	border-bottom: 10px solid white;
	width:100%;
	height:32px;
	padding: 0;
	vertical-align: bottom;
	background: #00a7d9;
	text-align:left;}
		   	 	   	   

h2 {
	padding: 0;
	}
	
p {
	margin:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: justify;
    text-justify: inter-word;
	}
	
p.first {
	margin:20px 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:left;
	}			      

.footer {
	width:100%;
	height:31px;
	display:block;
	position: absolute;
	bottom:0;
	clear: both;
	padding:0;margin:0;background: #ffffff;}
	
.spacer{
	height:20px;
	width:100%;
	display:block;}		

.bottom{
	margin-top:5px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;font-size:13px;
	text-align:middle;
	color: #0b2a6f;
	overflow:hidden;}	
	
.bottomservices{
	margin-top:5px;
	margin-left:4px;font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;font-size:13px;
	text-align:middle;
	color: #0b2a6f;
	overflow:hidden;}			

#tP {
	margin:5px 0;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	}
	
	
.cell{
	width:auto;
	clear:both;
	margin-bottom:15px;
	}		
	
input[name=email] 	{
    width:96%;height:20px;margin-bottom:15px;margin-top:5px;position:relative;float:left;
}	

textarea[name=address] 	{
    width:96%;height:80px;margin-bottom:15px;margin-top:5px;position:relative;float:left;
}	

textarea[name=your_comments] 	{
    width:96%;height:80px;margin-bottom:15px;margin-top:5px;position:relative;float:left;
}				
	

ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #0b2a6f;
}

/* Style the links inside the list items */
ul.topnav li a {
    font-family: robotoblack, Arial;
    vertical-align: middle;
    display: block;
    height:16px;
    line-height: 16px;
    color: #f2f2f2;
    text-align: left;
    padding-left: 10px;
    padding-bottom: 1px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 13px;
    border-top: 2px solid white;
}

/* Change background color of links on hover */
ul.topnav li a.home:hover {background-color: #00a7d9; display: block;}
ul.topnav li a.storage:hover {background-color: #ff6000; display: block;}
ul.topnav li a.services:hover {background-color: #e41b5b; display: block;}
ul.topnav li a.quotemenu:hover {background-color: #b1006d; display: block;}
ul.topnav li a.refs:hover {background-color: #77b300; display: block;}
ul.topnav li a.contactus:hover {background-color: #6d157c; display: block;}

/* Change background color of 'on' links */
ul.topnav li a.homeon {background-color: #00a7d9; display: block;}
ul.topnav li a.storageon {background-color: #ff6000; display: block;}
ul.topnav li a.serviceson {background-color: #e41b5b; display: block;}
ul.topnav li a.quotemenuon {background-color: #b1006d; display: block;}
ul.topnav li a.refson {background-color: #77b300; display: block;}
ul.topnav li a.contactuson {background-color: #6d157c; display: block;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none; margin-top:-3px; width:100%;}


/************************************************************************************
STORAGE PAGE
*************************************************************************************/

img.storageinset{
	position:relative;margin-top:10px;float:right;border:7px solid white;margin-left:5px;margin-right:10px;margin-bottom:5px;}

.boxtestother{
	width:100%;
	display:block;
	position: absolute;
	bottom:30px;
	clear: both;
	padding:0;margin:0;}
	
.titlestorage {
	border-bottom: 10px solid white;
	width:100%;
	height:32px;
	padding: 0;
	vertical-align: bottom;
	background: #ff6000;
	text-align:left;}
		   	 	  	
ul.storage{
	position:relative;
	top:-10px;margin-left:25px;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;font-size: 13px;
	color: #333333;
	list-style-image:url(images/bullet.gif);
	text-align:left;
	margin-top:20px;margin-bottom:-10px;}


/***mobile***/

.rollover_storage_mobile_phone {
	position:relative;
	display:block;
	width: 160px;
	height: 160px;
	background: url('images/left_block_storage_mobile_phone.gif');
	margin:auto;
	}

.rollover_storage_mobile {
	position:relative;
	display:block;
	width: 140px;
	height: 160px;
	background: url('images/left_block_storage_mobile_star.gif');
	margin:auto;
	}

/************************************************************************************
REFS PAGE
*************************************************************************************/

h2.refstitles {
    font-family: roboto_condensedbold, Arial;
	line-height: 16px;
    color: #77b300;
    text-align: left;
    padding-left: 10px;
    padding-top:0;
    margin-bottom:0;padding-bottom: 1px;
    font-size: 18px;
}

em {
	font-weight:bold;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal; color: #333333;
	text-align:left;
		}

#refsmiddle {
	position: relative;
	width: 400px; /* Account for margins + border values */
	float: left;
	margin-left: 10px;
	height:100%;
	overflow: auto;
	background:#def0ff;
	}
	
#rfscontent {
	position: fixed;
	height:543px;
	width: 198px;
	float: left;
	overflow:hidden;
	   }
	   
.titlerefs {
	border-bottom: 10px solid white;
	width:100%;
	height:32px;
	padding: 0;
	vertical-align: bottom;
	background: #77b300;
	text-align:left;}	   
	   	

/************************************************************************************
SERVICES PAGE
*************************************************************************************/

#middleservices {
	position: relative;
	width: 663px; /* Account for margins + border values */
	float: left;
	margin-left: 10px;
	height:543px;
	overflow: auto;
	background:#ffffff;
	}

.serviceimage{
		width:32%;
		height:auto;
		border:4px solid white;
		padding:0;
		margin:0;
		float:left;}	
		
img.serviceimageten {
		display:none;
		}				
		
.servicetitle {
	border-bottom: 6px solid white;
	width:100%;
	height:32px;
	padding: 0;
	vertical-align: bottom;
	background: #e41b5b;
	text-align:left;}


	
	
/************************************************************************************
QUOTE PAGE
*************************************************************************************/	
	
a.quotelink:link {
    text-decoration:none;
    font-family: roboto_condensedbold, Arial;
    height:auto;
    line-height: 20px;
    color: #b1006d;
    text-align: left;
    padding-right:150px;margin-top:20px;margin-bottom:25px;padding-left: 10px;
    display:block;font-size: 20px;
}	
	
a.quotelink:visited {
	color: #b1006d;
	text-decoration: none;}	
	
a.quotelink:hover {
	color: #FF9900;
	text-decoration: none;
}	

.titlequote {
	border-bottom: 10px solid white;
	width:100%;
	height:32px;
	padding: 0;
	vertical-align: bottom;
	background: #b1006d;
	text-align:left;}	
	
	
.titlecontact {
	border-bottom: 10px solid white;
	width:100%;
	height:32px;
	padding: 0;
	vertical-align: bottom;
	background: #6d157c;
	text-align:left;}	  
	
/************************************************************************************
CONTACT SECTIONS ROLLOVERS
*************************************************************************************/	
.rollover_home {
	position: absolute;
	display:block;
	width: 162px;
	height: 264px;
	background: url('images/left_block_home_double.gif');
	margin-left:18px;
	margin-top:10px;
	}
.rollover_home_on {
	position: absolute;
	display:block;
	width: 162px;
	height: 264px;
	background: url('images/left_block_home_double.gif');
	background-position: -162px 0;
	margin-left:18px;	
	margin-top:10px;
		}
a.rollover_home:link, a.rollover:visited, a.rollover:active {
	background: url('images/left_block_home_double.gif') no-repeat;
}
a.rollover_home:hover {
	background-position: -162px 0;
}

/***mobile***/

.rollover_home_mobile_phone {
	position:relative;
	display:block;
	width: 160px;
	height: 160px;
	background: url('images/left_block_home_mobile_phone.gif');
	margin:auto;
	}

.rollover_home_mobile {
	position:relative;
	display:block;
	width: 165px;
	height: 160px;
	background: url('images/left_block_home_mobile_star.gif');
	margin:auto;
	}
.rollover_home_mobile_on {
	position: relative;
	display:block;
	width: 165px;
	height: 160px;
	background: url('images/left_block_home_mobile_star.gif');
	background-position: -165px 0;
	margin:auto;
		}
a.rollover_home_mobile:link, a.rollover:visited, a.rollover:active {
	background: url('images/left_block_home_mobile_star.gif') no-repeat;
}
a.rollover_home_mobile:hover {
	background-position: -165px 0;
}










.rollover_services {
	position: absolute;
	display:block;
	width: 162px;
	height: 264px;
	background: url('images/left_block_services_double.gif');
	margin-left:18px;
	margin-top:10px;
	}
.rollover_services_on {
	position: absolute;
	display:block;
	width: 162px;
	height: 264px;
	background: url('images/left_block_services_double.gif');
	background-position: -162px 0;
	margin-left:18px;	
	margin-top:10px;
		}
a.rollover_services:link, a.rollover:visited, a.rollover:active {
	background: url('images/left_block_services_double.gif') no-repeat;
}
a.rollover_services:hover {
	background-position: -162px 0;
}
.contactservices {
	border-top: 10px solid white;
	background:#e41b5b;
	height:400px;
	}


/***mobile***/

.rollover_services_mobile_phone {
	position:relative;
	display:block;
	width: 160px;
	height: 160px;
	background: url('images/left_block_services_mobile_phone.gif');
	margin:auto;
	}

.rollover_services_mobile {
	position:relative;
	display:block;
	width: 165px;
	height: 160px;
	background: url('images/left_block_services_mobile_star.gif');
	margin:auto;
	}
.rollover_services_mobile_on {
	position: relative;
	display:block;
	width: 165px;
	height: 160px;
	background: url('images/left_block_services_mobile_star.gif');
	background-position: -165px 0;
	margin:auto;
		}
a.rollover_services_mobile:link, a.rollover:visited, a.rollover:active {
	background: url('images/left_block_services_mobile_star.gif') no-repeat;
}
a.rollover_services_mobile:hover {
	background-position: -165px 0;
}




	
.rollover_quote {
	position: absolute;
	display:block;
	width: 162px;
	height: 264px;
	background: url('images/left_block_quote_double.gif');
	margin-left:18px;
	margin-top:10px;
	}
.rollover_quote_on {
	position: absolute;
	display:block;
	width: 162px;
	height: 264px;
	background: url('images/left_block_quote_double.gif');
	background-position: -162px 0;
	margin-left:18px;	
	margin-top:10px;
		}
a.rollover_quote:link, a.rollover:visited, a.rollover:active {
	background: url('images/left_block_quote_double.gif') no-repeat;
}
a.rollover_quote:hover {
	background-position: -162px 0;
}
.contactquote {
	border-top: 10px solid white;
	background:#b1006d;
	height:400px;
	}	
	

/***mobile***/

.rollover_quote_mobile_phone {
	position:relative;
	display:block;
	width: 160px;
	height: 160px;
	background: url('images/left_block_quote_mobile_phone.gif');
	margin:auto;
	}

.rollover_quote_mobile {
	position:relative;
	display:block;
	width: 165px;
	height: 160px;
	background: url('images/left_block_quote_mobile_star.gif');
	margin:auto;
	}
.rollover_quote_mobile_on {
	position: relative;
	display:block;
	width: 165px;
	height: 160px;
	background: url('images/left_block_quote_mobile_star.gif');
	background-position: -165px 0;
	margin:auto;
		}
a.rollover_quote_mobile:link, a.rollover:visited, a.rollover:active {
	background: url('images/left_block_quote_mobile_star.gif') no-repeat;
}
a.rollover_quote_mobile:hover {
	background-position: -165px 0;
}




	
.rollover_refs {
	position: absolute;
	display:block;
	width: 162px;
	height: 264px;
	background: url('images/left_block_refs_double.gif');
	margin-left:18px;
	margin-top:10px;
	}
.rollover_refs_on {
	position: absolute;
	display:block;
	width: 162px;
	height: 264px;
	background: url('images/left_block_refs_double.gif');
	background-position: -162px 0;
	margin-left:18px;	
	margin-top:10px;
		}
a.rollover_refs:link, a.rollover:visited, a.rollover:active {
	background: url('images/left_block_refs_double.gif') no-repeat;
}
a.rollover_refs:hover {
	background-position: -162px 0;
}
.contactrefs {
	border-top: 10px solid white;
	background:#77b300;
	height:400px;
	}		

/***mobile***/

.rollover_refs_mobile_phone {
	position:relative;
	display:block;
	width: 160px;
	height: 160px;
	background: url('images/left_block_refs_mobile_phone.gif');
	margin:auto;
	}

.rollover_refs_mobile {
	position:relative;
	display:block;
	width: 165px;
	height: 160px;
	background: url('images/left_block_refs_mobile_star.gif');
	margin:auto;
	}
.rollover_refs_mobile_on {
	position: relative;
	display:block;
	width: 165px;
	height: 160px;
	background: url('images/left_block_refs_mobile_star.gif');
	background-position: -165px 0;
	margin:auto;
		}
a.rollover_refs_mobile:link, a.rollover:visited, a.rollover:active {
	background: url('images/left_block_refs_mobile_star.gif') no-repeat;
}
a.rollover_refs_mobile:hover {
	background-position: -165px 0;
}

	



.rollover_contact {
	position: absolute;
	display:block;
	width: 162px;
	height: 264px;
	background: url('images/left_block_contact_double.gif');
	margin-left:18px;
	margin-top:10px;
	}
.rollover_contact_on {
	position: absolute;
	display:block;
	width: 162px;
	height: 264px;
	background: url('images/left_block_contact_double.gif');
	background-position: -162px 0;
	margin-left:18px;	
	margin-top:10px;
		}
a.rollover_contact:link, a.rollover:visited, a.rollover:active {
	background: url('images/left_block_contact_double.gif') no-repeat;
}
a.rollover_contact:hover {
	background-position: -162px 0;
}
.contactcontact {
	border-top: 10px solid white;
	background:#6d157c;
	height:400px;
	}			
	
/***mobile***/

.rollover_contact_mobile_phone {
	position:relative;
	display:block;
	width: 160px;
	height: 160px;
	background: url('images/left_block_contact_mobile_phone.gif');
	margin:auto;
	}

.rollover_contact_mobile {
	position:relative;
	display:block;
	width: 165px;
	height: 160px;
	background: url('images/left_block_contact_mobile_star.gif');
	margin:auto;
	}
.rollover_contact_mobile_on {
	position: relative;
	display:block;
	width: 165px;
	height: 160px;
	background: url('images/left_block_contact_mobile_star.gif');
	background-position: -165px 0;
	margin:auto;
		}
a.rollover_contact_mobile:link, a.rollover:visited, a.rollover:active {
	background: url('images/left_block_contact_mobile_star.gif') no-repeat;
}
a.rollover_contact_mobile:hover {
	background-position: -165px 0;
}

		  	   			
			
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {

.spacer{
		display:none;}		
	
	.main {
	width: 650px;
	}
	
	#content {
		height: 512px;padding: 0;
	}
	#middle {
		height: 512px;
		float: right;
	}
	
	#sidebar {
		clear: both;
		width: 630px;
		height:auto;
		float: none;
		top:8px;
		margin-left:0;}

.sideimage {
		display: none;
	}

.sideimagetwo {
	display:block;border-bottom: 0;
	float:left;height:168px;
	padding: 0;
	width:233px;
	vertical-align: bottom;
		   }

		   
.sidecols {
    width: 60%;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 10px; /* Firefox */
    column-gap: 10px;
    -webkit-column-width: 60%; /* Chrome, Safari, Opera */
    column-width: 60%;height:168px;
}

.footer {
		display: none;
	}
.sideimagetwo {
	float:left;display:block;border-bottom: 0;
	height:168px;
	padding: 0;
	width:233px;
	vertical-align: bottom;
		   }	
img.sidemobile {
	width: 100%;
    height: auto;
	vertical-align:bottom;	   }		
	
#middleservices {
	position: relative;
	width: 400px; /* Account for margins + border values */
	float: left;
	margin-left: 10px;
	height:auto;
	overflow: auto;
	background:#def0ff;
	}
	
img.serviceimage{
		width:48%;
		height:auto;
		border:4px solid white;
		padding:0;
		margin:0;
		float:left;}	
		
img.serviceimageten {
		display:block;
		width:48%;
		height:auto;
		border:4px solid white;
		padding:0;
		margin:0;
		float:left;}		
		
.boxtestother{
	width:100%;
	display:block;
	position: absolute;
	bottom:10px;
	clear: both;
	padding:0;margin:0;}			
					
	
}

/************************************************************************************** for 700px or less */
@media screen and (max-width: 660px) {

	

	
.mobilestar	{
		display:block;
	width: 51%;
		float: left;
		margin: 0px;
	height:145px;padding: 0;}		
	
.mobilephone	{
		display:block;
	width: 35%;
		float: left;
		margin: 0;
	height:145px;padding: 0;}			
	
.logo {
	position:relative;
	border-top:3px;}	
	
.logohome {
	position:relative;
	border-top:3px;}		
	
.logostorage {
	position:relative;
	border-top:3px;
	background: #ff6000;}		
	
ul.topnav {
    position: relative;
    margin-top: 0;
 }
ul.topnav li a {
    font-family: robotoblack;
    vertical-align: middle;
    display: block;
    height:25px;
    line-height: 25px;
    color: #f2f2f2;
    text-align: left;
    padding: 10px 10px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 15px;
    border-top: 3px solid white;
}

  ul.topnav li:not(.icon) {display: none;}
  
  ul.topnav li.icon {
    float: right;
    display: block;
    position: absolute;
    right: 0;
    top: 0; }


  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
    border-top: 0; }
    
  ul.topnav.responsive li {
    float: none;
    display: block;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
 }

	.main {
	width: auto;
	}
	#content {
		height:auto;width: auto;
		float: none;
	}
	
	#middle {
		height:auto;width: auto;
		float: none;
		margin-left: 0px;
	}
	
	#sidebar {
		height:auto;width: auto;
		float: none;
	}

.boxtestother, .contact, .contact_st, .footer {
		display: none;
	}

.contactcentre {
	margin:auto;display:block;width:auto;
	border: 10px solid white;
	height:160px;background:#00a7d9;padding:0;
	   }	
.contactcentreservices {
	margin:auto;display:block;width:auto;
	border: 10px solid white;
	height:160px;background:#e41b5b;padding:0;
	   }		
	   
.contactcentre_st {
	margin:auto;display:block;width:auto;
	border: 10px solid white;
	height:160px;background:#ff6000;padding:0;
	   }	   	
	   
.contactcentrerefs {
	margin:auto;display:block;width:auto;
	border: 10px solid white;
	height:160px;background:#77b300;padding:0;
	   }		
	   
.contactcentrequote {
	margin:auto;display:block;width:auto;
	border: 10px solid white;
	height:160px;background:#b1006d;padding:0;
	   }		
	   	   	   
.contactcentrecontact {
	margin:auto;display:block;width:auto;
	border: 10px solid white;
	height:160px;background:#6d157c;padding:0;
	   }		   
	   

img.mainpic {
	width: 100%;
    height: auto;
	vertical-align:bottom;	   }
	   	   
	   

img.mainpichome {
	width: 100%;
    height: auto;
	vertical-align:bottom;	   }

.sidecols {
    width: 45%;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 10px; /* Firefox */
    column-gap: 10px;
    -webkit-column-width: 45%; /* Chrome, Safari, Opera */
    column-width: 45%;height:168px;overflow:hidden;
}

.sideimagetwo {
	float:left;display:block;border-bottom: 0;
	height:168px;
	padding: 0;
	width:233px;
	vertical-align: bottom; }
		
img.sidemobile {
	width: 100%;
    height: auto;
	vertical-align:bottom;	   
	}	
	
#middleservices {
	height:auto;width: auto;
		float: none;
		margin-left: 0px;
		background:#ffffff}
	
	
img.serviceimage{
		width:48%;
		height:auto;
		border:4px solid white;
		padding:0;
		margin:0;
		float:left;}	
		
img.serviceimageten {
		display:block;width:48%;
		height:auto;
		border:5px solid white;
		padding:0;
		margin:0;
		float:left;}	
		
a.quotelink:link {
    padding-right:30px;}	
    
p.first {
	margin:10px 10px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:left;
	}	
	
h1.first {
	margin:10px 10px 10px 10px;
	}		
	
	
.contact { display: none;}	
.contactcontact { display: none;}	
.contactservices { display: none;}	
.contactrefs { display: none;}
.contactquote { display: none;}
.contact_st { display: none;}		    				
	
}


/************************************************************************************** for 480px or less */
@media screen and (max-width: 480px) {

	

	
.rollover_home_mobile_phone {
	position:relative;
	display:block;
	width: 145px;
	height: 145px;
	background: url('images/left_block_home_mobile_phone_small.gif');
	margin:auto;
	}
	
.rollover_home_mobile {
	position:relative;
	display:block;
	width: 150px;
	height: 145px;
	background: url('images/left_block_home_mobile_star_small.gif');
	margin:auto;
	}
.rollover_home_mobile_on {
	position: relative;
	display:block;
	width: 150px;
	height: 145px;
	background: url('images/left_block_home_mobile_star_small.gif');
	background-position: -150px 0;
	margin:auto;
		}
a.rollover_home_mobile:link, a.rollover:visited, a.rollover:active {
	background: url('images/left_block_home_mobile_star_small.gif') no-repeat;
}
a.rollover_home_mobile:hover {
	background-position: -150px 0;
}
	
	
.homeicons {
	width: 96%;
	float:left;
	margin:0;
}		
	
.logohome {
	display:none;
	}
	
.logomob {
	display:block;
	position:relative;
	border-top:5px;
	border-bottom:5px;}
	
.logo {
	display:block;
	position:relative;
	border-top:3px;}	
	
ul.topnav {
    position: relative;
    margin-top: 0;
 }
ul.topnav li a {
    font-family: robotoblack;
    vertical-align: middle;
    display: block;
    height:25px;
    line-height: 25px;
    color: #f2f2f2;
    text-align: left;
    padding: 10px 10px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 15px;
    border-top: 3px solid white;
}

  ul.topnav li:not(.icon) {display: none;}
  
  ul.topnav li.icon {
    float: right;
    display: block;
    position: absolute;
    right: 0;
    top: 0; }


  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
    border-top: 0; }
    
  ul.topnav.responsive li {
    float: none;
    display: block;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
 }

   
	   
.rollover_storage_mobile_phone {
	position:relative;
	display:block;
	width: 145px;
	height: 145px;
	background: url('images/left_block_storage_mobile_phone_small.gif');
	margin:auto;
	}

.rollover_storage_mobile {
	position:relative;
	display:block;
	width: 127px;
	height: 145px;
	background: url('images/left_block_storage_mobile_star_small.gif');
	margin:auto;
	}
	   
 


.rollover_services_mobile_phone {
	position:relative;
	display:block;
	width: 145px;
	height: 145px;
	background: url('images/left_block_services_mobile_phone_small.gif');
	margin:auto;
	}
	
.rollover_services_mobile {
	position:relative;
	display:block;
	width: 150px;
	height: 145px;
	background: url('images/left_block_services_mobile_star_small.gif');
	margin:auto;
	}
.rollover_services_mobile_on {
	position: relative;
	display:block;
	width: 150px;
	height: 145px;
	background: url('images/left_block_services_mobile_star_small.gif');
	background-position: -150px 0;
	margin:auto;
		}
a.rollover_services_mobile:link, a.rollover:visited, a.rollover:active {
	background: url('images/left_block_services_mobile_star_small.gif') no-repeat;
}
a.rollover_services_mobile:hover {
	background-position: -150px 0;
}


.rollover_refs_mobile_phone {
	position:relative;
	display:block;
	width: 145px;
	height: 145px;
	background: url('images/left_block_refs_mobile_phone_small.gif');
	margin:auto;
	}
	
.rollover_refs_mobile {
	position:relative;
	display:block;
	width: 150px;
	height: 145px;
	background: url('images/left_block_refs_mobile_star_small.gif');
	margin:auto;
	}
.rollover_refs_mobile_on {
	position: relative;
	display:block;
	width: 150px;
	height: 145px;
	background: url('images/left_block_refs_mobile_star_small.gif');
	background-position: -150px 0;
	margin:auto;
		}
a.rollover_refs_mobile:link, a.rollover:visited, a.rollover:active {
	background: url('images/left_block_refs_mobile_star_small.gif') no-repeat;
}
a.rollover_refs_mobile:hover {
	background-position: -150px 0;
}



.rollover_contact_mobile_phone {
	position:relative;
	display:block;
	width: 145px;
	height: 145px;
	background: url('images/left_block_contact_mobile_phone_small.gif');
	margin:auto;
	}
	
.rollover_contact_mobile {
	position:relative;
	display:block;
	width: 150px;
	height: 145px;
	background: url('images/left_block_contact_mobile_star_small.gif');
	margin:auto;
	}
.rollover_contact_mobile_on {
	position: relative;
	display:block;
	width: 150px;
	height: 145px;
	background: url('images/left_block_contact_mobile_star_small.gif');
	background-position: -150px 0;
	margin:auto;
		}
a.rollover_contact_mobile:link, a.rollover:visited, a.rollover:active {
	background: url('images/left_block_contact_mobile_star_small.gif') no-repeat;
}
a.rollover_contact_mobile:hover {
	background-position: -150px 0;
}


.rollover_quote_mobile_phone {
	position:relative;
	display:block;
	width: 145px;
	height: 145px;
	background: url('images/left_block_quote_mobile_phone_small.gif');
	margin:auto;
	}
	
.rollover_quote_mobile {
	position:relative;
	display:block;
	width: 150px;
	height: 145px;
	background: url('images/left_block_quote_mobile_star_small.gif');
	margin:auto;
	}
.rollover_quote_mobile_on {
	position: relative;
	display:block;
	width: 150px;
	height: 145px;
	background: url('images/left_block_quote_mobile_star_small.gif');
	background-position: -150px 0;
	margin:auto;
		}
a.rollover_quote_mobile:link, a.rollover:visited, a.rollover:active {
	background: url('images/left_block_quote_mobile_star_small.gif') no-repeat;
}
a.rollover_quote_mobile:hover {
	background-position: -150px 0;
}



		   
	.main {
	width: 96%;
	margin: 0;
	padding:0;
		}
	
	#content {
		width: 98%;
		height:auto;
		float: none;
	padding: 0;}

	
	#middle {
		width: 98%;
		float: none;
		margin: 0;
		height:auto;
		padding: 0;}
	
	#sidebar {
		width: 98%;
		float: none;
		margin-left: 0px;
	height:auto;padding: 0;}

	
  
	
	
.contactcentre { width: 98%;  height: 145px;}	
.contactcentreservices { width: 98%;height: 145px; }	
.contactcentrequote { width: 98%;height: 145px; }
.contactcentrerefs { width: 98%; height: 145px;}
.contactcentrecontact { width: 98%; height: 145px;}
.contactcentre_st { width: 98%;height: 145px; }

.footer {display: none;	}
	
.contact { display: none;}	
.contactcontact { display: none;}	
.contactservices { display: none;}	
.contactrefs { display: none;}
.contactquote { display: none;}
.contact_st { display: none;}	
	
img.mainpic {
	display:inline;
	width: 100%;
    height: auto;
	vertical-align:bottom;	
	border-bottom: 10px solid white;}	
	
img.mainpichome {
	display:none;	   }	
	
img.mainpicmob {
	display:inline;
	width: 100%;
    height: auto;
	vertical-align:bottom;	
	border-bottom: 10px solid white;}	
	
img.contactmobile {
	max-width: 100%;
    height: auto;
	vertical-align:bottom;	   }	

.shieldtext{
	margin-top:15px;margin-right:30px;font-size:13px;}	
	
.sidecols {
    width: 100%;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 10px; /* Firefox */
    column-gap: 10px;
    -webkit-column-width: 100%; /* Chrome, Safari, Opera */
    column-width: 100%;
}

.sideimagetwo {
	float:left;display:block;border-bottom: 10px solid #def0ff;
	height:auto;
	padding: 0;
	width:100%;
	vertical-align: bottom;
		   }	
		   
img.sidemobile {
	width: 100%;
    height: auto;
	vertical-align:bottom;	   }		   

ul.righthand{
	margin-top:0;}
	
#middleservices {
	width: 98%;
		float: none;
		margin: 0;
		height:auto;
		padding: 0;}
	
img.serviceimage{
		width:46%;
		height:auto;
		border:5px solid white;
		padding:0;
		margin:0;
		float:left;}		

img.serviceimageten {
		display:block;width:46%;
		height:auto;
		border:5px solid white;
		padding:0;
		margin:0;
		float:left;}
		
			

}


#content {
	background: #0b2a6f;
	}
#sidebar {
	background: #def0ff;;
}
header, #content, #middle, #sidebar {
	margin-bottom: 5px;
}

#content, #middle, #sidebar {
	border: solid 10px #fff;
}



/* TEXT AND LINKS */

ul.righthand{
	position:relative;
	top:0px;margin-left:25px;
	padding:0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;font-size: 13px;
	color: #333333;
	list-style-image:url(images/bullet.gif);
	text-align:left;
	margin-top:0;}

.righthand a:link {
	text-decoration: none;
	}

a:link {
	text-decoration: underline;
	color: #333333;
	font-weight: bold;}

a:visited {
	color: #FF9900;text-decoration: underline;
}

.overview a:link {
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}
.overview a:hover {
	color: #FF9900;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}

a:visited {
	color: #333333;
	text-decoration: none;
	font-weight: bold;}
a:hover {
	color: #FF9900;
	text-decoration: underline;
	font-weight: bold;
}


p.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CC0000;
	font-weight: bold;
	text-align:left;
	}
	
h1 {
	margin:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
		text-align: justify;
    text-justify: inter-word;
	}	
	
h1.first {
	margin:20px 10px 10px 10px;
	}		


h3 {
	font-size: 26px;
	font-style: normal;
	font-weight: bold;
	color: #6b166e;
	font-family: Arial, Helvetica, sans-serif;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}
a.quote:link {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CC3366; display:block;
}

.quotelinkcontainer {
	width:100%;
	height:auto;display:block;
}




	
#columnmid a {
	color: #FF0000;
	text-decoration: underline;
	}
	
#columnmid a:visited {
	color: #FF0000;
	text-decoration: underline;
	}	
	
#columnmid a:hover {
	color: #FF9900;
	text-decoration: underline;
	}			
	
a.feedback {
	color: #FF0000;
	text-decoration: underline;
	font-weight:bold;}
	
a.feedback:visited {
	color: #FF0000;
	text-decoration: underline;
	font-weight:bold;}	
	
a.feedback:hover {
	color: #FF9900;
	text-decoration: underline;
	font-weight:bold;}				
	
a.email {
	color: #333333;
	text-decoration: none;
	font-weight:bold;}
	
a.email:visited {
	color: #333333;
	text-decoration: none;
	font-weight:bold;}	
	
a.email:hover {
	color: #FF9900;
	text-decoration: none;
	font-weight:bold;}					
	
a.pink {
	color: #e41c5c;
	text-decoration: underline;
	}
	
a.pink:visited {
	color: #e41c5c;
	text-decoration: underline;
	}	
	
a.pink:hover {
	color: #FF9900;
	text-decoration: underline;
	}	
.pinkbold {	
	padding-bottom:0;font-weight:bold;font-size: 13px;
	color: #e41c5c;}		

a.st_orange {
	color: #ff6000;
	text-decoration: underline;
	}
	
a.st_orange:visited {
	color: #ff6000;
	text-decoration: underline;
	}	
	
a.st_orange:hover {
	color: #e41c5c;
	text-decoration: underline;
	}	
.st_orangebold {	
	padding-bottom:0;font-weight:bold;font-size: 13px;
	color: #ff6000;}