/* general fonts etc */


/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v15-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/montserrat-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v15-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v15-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v15-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/montserrat-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v15-latin-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/montserrat-v15-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v15-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v15-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v15-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v15-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v15-latin-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v15-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/montserrat-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v15-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-800 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v15-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/montserrat-v15-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v15-latin-800italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-900 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat-v15-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v15-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v15-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v15-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v15-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v15-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-900italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/montserrat-v15-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v15-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v15-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v15-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v15-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v15-latin-900italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}


















body, h1, h2, h3, h4, h5, h6, p, ul, ol, td, th,input, select, textarea,form,table,tr,div,span,nobr
{
	font-size: 16px;
	color: #868686;
	font-family:  'Montserrat', Helvetica, Arial, verdana,  sans-serif;
	padding:0px;
	margin:0px;
	line-height:1.2em;
	font-weight:500;

}


.mobile
{
	display:none;
}


input[type=submit]
{
    cursor:pointer;
}

.nobr	{ white-space:nowrap; }


A
{
	color: #1F52D8;
	text-decoration: underline;
}


A:hover
{
	color:#CE2226;
	text-decoration: underline;
}


img{border:none;}




area,area:focus,area:active
{
	border-style:none;
	border: 0px;
	outline:none;
	-webkit-appearance: none;
}



input:focus { outline: none; }
a:focus { outline: none; }





/* headers */



H1
{
	
	font-size: 26px;
	line-height:28px;
	margin-top: 0px;
	margin-bottom: 20px;
	color: #12aae3;
	font-weight:600;
	
}




H2
{
	font-size: 20px;
	line-height:24px;
	font-style: normal;
	margin-top: 0px;
	margin-bottom: 16px;
	font-weight:600;
}




H3
{
	
	font-size: 18px;
	line-height:20px;
	margin-top: 0px;
	margin-bottom: 2px;
	font-weight:500;
}


.picture_h1
{
	font-size: 90px;
	line-height:100px;
	font-weight:700;
	color:white;
	text-shadow: 0 0 10px #948C8C;
	min-height:10px;
}


.picture_h2
{
	font-size: 40px;
	line-height:50px;
	font-weight:700;
	color:white;
	text-shadow: 0 0 6px #948C8C;
	min-height:10px;

}





p
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 18px;
	padding-top: 0px;
}


ul
{
	margin-left:18px;
	/* list-style-image: url(../images/ebsl_bullet_small.gif); */
}

li ul
{
	padding-top:15px;
}
ul li ul
{
	
	/* list-style-image: url(../images/ebsl_bullet_small2.gif); */

	padding-top:15px;
}
li
{
	margin-bottom: 6px;
}

ul.gilmex_ticks
{
	list-style: none;
	margin-left:0px;
	padding-left:0px;

}


ul.gilmex_ticks li
{
	margin-bottom: 20px;
	position: relative;
    padding-left: 26px;
}


ul.gilmex_ticks li:before
{
	content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    background-image: url(../images/style/bullet_point_tick_36v2.png);
    background-size: cover;
    background-position: center;
    left: 0;
    top: 10px;
    transform: translateY(-50%);
}


ol
{
	list-style-position: outside;
	margin-bottom: 20px;
	list-style-type: decimal;
}


.numberlist li
{
	
	list-style-type: none;
}

.nobulletlist li
{
	
	list-style-type: none;
}







.clear
{
	clear: both;
	width: 1px;
	height: 1px;
}

.balance-text 
{
    text-wrap: balance;   /* Apply (proposed) CSS style */
}


/* body and sundry */
body
{
	border-right: 0px;
	border-top: 0px;
	margin: 0px auto;
	border-left: 0px;
	border-bottom: 0px;
	background-color: #ffffff;
	
	padding-bottom:20px;
}
th
{
	vertical-align: top;
}
td
{
	vertical-align: top;
}
.error
{
	font-weight: bold;
	color: red;
}

.eco
{
	color:#00C000;
	font-weight:bold;
}
#wrapper
{
	min-height: 300px;
	 margin: 0 auto;
	 width:100%;
    max-width: 1920px;
    overflow: hidden;
    position:relative;
    /*
    background-color:blue;
   */

}


#wtl
{
	display:none;
}
#wtr
{
	display:none;

}
#wtc
{
	display:none;
	
}



#wbl
{
	display:none;

}
#wbr
{
	display:none;

}
#wbc
{
	display:none;

}




#pagecontainer
{
	
	width: 100%;
	

	min-height:800px;
}

#pagecontainer2
{
	width: 100%;

	min-height:800px;
}
#pagecontainer3
{
	width: 100%;
	min-height:800px;
}





/*======================= pageheader ==================================*/

#pageheader
{
	width: 100%;

	height:90px;
	position:relative;
	
}


#pageheader #logo
{
	width:200px;
	height:55px;
	position:absolute;
	top:22px;
	left:40px;
	background-image:url('../images/Gilmex_logo_200.png')
}





/* --------------------------------------------------------------- */
#topmenu_container
{
	clear: both;
	position:relative;
	top:26px;
	left:0px;
	height: 60px;
	width:100%;
	min-width:740px;
	display:flex;
	justify-content:flex-end;
	
}


#topmenu
{
	display:inline-block;
	clear: both;
	position:relative;
	
	height: 60px;
	flex-basis:840px;

	max-width:840px;
	min-width: 640px;
	
	
	
	z-index:200;
	margin-right:40px;
	
}

#topmenu_inner
{
	display:flex;
	flex-direction: row;
	justify-content:space-between;
	height: 60px;
	flex-basis:600px;
	max-width:600px;
	min-width:500px;
	position:relative;
	margin-left:240px;
}


.topmenu_but
{
	text-align: center;
	position:relative;
	
	clear: none;
	float: left;
	min-width: 30px;
	height: 50px;

	flex-grow:1;
	margin-top:10px;
	white-space: nowrap;
}

#topmenu_services
{
	
}

#topmenu_services .arrow-down 
{
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  
  border-top: 12px solid #12aae3;
  margin-left:5px;
  display:inline-block;
}


#topmenu_contact
{
	margin-top:5px;
	height:30px;
	margin-left:10px;

}

#topmenu #topmenu_contact a
{
	color:white;
	margin-top:0px;
	/*
	background-color:#12aae3;
	*/
	border: 1px solid transparent;
	padding-left:14px;
	padding-right:14px;
	border-radius: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-image: linear-gradient(to right, rgba(18,170,227,1), rgba(18,170,227,0.5));
	font-weight:600;
	min-width:100px;
}


#topmenu a
{
	
	padding-right: 15px;
	display: block;
	padding-left: 15px;
	font-weight: normal;
	font-size: 16px;
	
	color: #12aae3;
	line-height: 20px;
	position:relative;
	height: 20px;
	text-decoration: none;
	min-width: 30px;
	
}


#topmenu .topmenu_but a
{
	
}









#topmenu .topmenu_but .topmenu_dd a
{
	
}



#topmenu A:hover, #topmenu .hi a, .button_container a:hover, .button_container .hi a
{
	text-decoration: none;
	color: #12aae3;
}

.topmenu_dd
{
	position: absolute;
	z-index:240;
	background-color: #ffffff;
	
	/*
	filter: alpha(opacity=85);
	moz-opacity: .85;
	opacity: .85;
	*/
	
	top:48px;
	left:-6px;
	display:none;
	overflow:auto;
	min-width: 174px;
	padding-bottom:10px;
	border:1px #ffffff solid;
	border-top-width:0px;
	padding-top:6px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-left:18px;
	padding-right:18px;
	white-space: normal;

}




#topmenu_dd_more .topmenu_dd a
{
	cursor:auto;
}

#topmenu_dd_more .topmenu_dd a
{
	cursor:pointer;
}




#topmenu .topmenu_dd a
{
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 4px;
	padding-right: 0px;
	display: block;
	font-weight: normal;
	font-size: 16px;
	width: 170px; 
	
	height:auto;
	line-height: 18px;
	min-height: 18px;
	text-decoration: none;
	background-image: none;
	cursor: pointer;
	border-bottom: 2px #12aae3 solid;
}




#topmenu .topmenu_dd li:last-child a
{
	border-bottom-width: 0px;
}





#topmenu .topmenu_dd a nobr
{
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	
	
}



#topmenu .topmenu_dd a:hover, #topmenu .topmenu_dd a:hover nobr
{
	text-decoration: none;
	color:#ffffff;
	background-color:#12aae3;
}

#topmenu .topmenu_dd ul
{
	padding-right: 0px;
	display: inline;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	padding-top: 0px;
}
#topmenu .topmenu_dd ul li
{
	clear: both;
	padding-right: 0px;
	display: inline;
	padding-left: 0px;
	float: left;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: none;
	text-align: left;
}












/*======================= page body ==================================*/





#pagebody
{
	
	min-height:100px;
	position:relative;
}




#body_content
{
	MIN-HEIGHT: 100px;
	
	
	

}




/*======================= Gilmex general ==================================*/
#main_image_container
{
	height:0px;
	position:relative;
	padding-bottom: 25%;
	background-size: cover;
    background-position: center;
    /*
	box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.45);
	*/
	margin-bottom:30px;
}



#main_image
{
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	display:flex;
	flex-direction: row;
	align-items:center;
	justify-content:left;
	margin-left:40px;
	
}

#main_wording
{
	margin-top: -16px;
	min-height:10px;
	min-width:90%;
}


#main_content
{
	padding-left:40px;
	padding-right:40px;
	display:flex;
	justify-content: space-between;
	align-items:flex-start;
	flex-direction: row;
}




#focus_image_container
{
	min-height:10px;
	position:relative;
	
	width:30%;
}



#focus_image
{
	height:0px;
	position:relative;
	background-size: cover;
    background-position: center;
   	border:1px white solid;
	border-radius: 12px;
	
}


#main_narrative
{
	width:65%;
}


#main_narrative h3
{
	margin-bottom:12px;
}

#main_narrative h2
{
	margin-top:30px;
}

#case_studies_container
{
	padding-left:40px;
	padding-right:40px;
}

#case_studies
{
	margin-top:60px;
	padding-top:60px;
	border-top:2px #12aae3 solid;
	display:flex;
	flex-direction: column;
	align-items:flex-start;

}


#case_studies h1
{
	margin-bottom:0px;
	
}



.case_study
{
	
	display:flex;
	justify-content: space-between;
	align-items:flex-start;
	flex-direction: row;
	
}

.case_study_narrative
{
	width:65%;
}


.case_study_narrative h3
{
	margin-bottom:12px;
}

.case_study_narrative h2
{
	margin-top:30px;
}


.case_study_image_container
{
	min-height:10px;
	position:relative;
	
	width:30%;
}


.case_study_image
{
	height:0px;
	position:relative;
	background-size: cover;
    background-position: center;
   	border:1px white solid;
	border-radius: 12px;
}


.case_study_author
{
	font-weight:bold;
	font-style:italic;
}

/*======================= home ==================================*/



#home
{
	
}



#home #main_image_container
{
	padding-bottom:33%;
	background-image: url(../images/main/home_main.jpg);
    
	box-shadow: none;
	margin-bottom:0px;

}

#home #main_wording
{
	margin-top: 0px;
}




#home #main_image
{
	
	margin-left:100px;
}



#home .picture_h2
{
	font-size: 60px;
	line-height:80px;
	text-shadow: 0 0 6px #948C8C;

}

#service_icons_container
{
	min-height:70px;
	padding-left:4px;
	padding-right:4px;
	margin-top: 40px;
	
}

#service_icons
{
	min-height:70px;
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

#service_icons_divider
{
	display:none;
}

#service_icons .service_icon 
{
	display:inline-block;
	height: 60px;
	padding: 4px;
	text-decoration:none;
	background-position:4px center;
	background-repeat:no-repeat;
	border-top:1px #f8f8f8 solid;
	border-left:1px #f8f8f8 solid;
	border-right:1px #dddddd solid;
	border-bottom:1px #dddddd solid;
	border-radius: 6px;
	margin-left:8px;
	margin-right:8px;
	box-shadow: 1px 1px 6px 1px #dddddd;
	
	
	
	
}



#service_icons .service_icon:hover
{
	text-decoration:none;
	background-color: #4DBFEA;
}



#service_icons .service_icon span
{
	display:inline-block;
	height: 60px;
	display:flex;
	align-items:center;
	min-width: 60px;
	max-width: 100px;
	padding-left: 83px;
	font-size: 11px;
	line-height:14px;
}


#service_icons .service_icon:hover span
{
	text-decoration:none;
	color:white;
}


#service_icons #icon_wfd
{
	background-image:url('../images/icons/icon_wfd.png');
}


#service_icons #icon_wfd:hover
{
	background-image:url('../images/icons/icon_wfd_hi.png');
}




#service_icons #icon_sfd
{
	background-image:url('../images/icons/icon_sfd.png');
}


#service_icons #icon_sfd:hover
{
	background-image:url('../images/icons/icon_sfd_hi.png');
}





#service_icons #icon_pp{
	background-image:url('../images/icons/icon_pp.png');
}


#service_icons #icon_pp:hover
{
	background-image:url('../images/icons/icon_pp_hi.png');
}





#service_icons #icon_td
{
	background-image:url('../images/icons/icon_td.png');
}


#service_icons #icon_td:hover
{
	background-image:url('../images/icons/icon_td_hi.png');
}





#service_icons #icon_spbb
{
	background-image:url('../images/icons/icon_spbb.png');
}


#service_icons #icon_spbb:hover
{
	background-image:url('../images/icons/icon_spbb_hi.png');
}





#service_icons #icon_cf
{
	background-image:url('../images/icons/icon_cf.png');
}


#service_icons #icon_cf:hover
{
	background-image:url('../images/icons/icon_cf_hi.png');
}



#service_icons #icon_cf span
{
	min-width: 70px;
	
}




#service_icons #icon_mec
{
	background-image:url('../images/icons/icon_mec.png');
}


#service_icons #icon_mec:hover
{
	background-image:url('../images/icons/icon_mec_hi.png');
}





#service_icons #icon_df
{
	background-image:url('../images/icons/icon_df.png');
}


#service_icons #icon_df:hover
{
	background-image:url('../images/icons/icon_df_hi.png');
}






/*======================= capacity_folders ==================================*/


#capacity_folders #main_image_container
{
	background-image: url(../images/main/capacity_folders_main.jpg);
    
}

#capacity_folders #focus_image
{
	background-image: url(../images/focus/focus_cf.jpg);
	padding-bottom: 101%;
}




/*======================= wide_format ==================================*/


#wide_format #main_image_container
{
	background-image: url(../images/main/WFD_main.jpg);
    
}

#wide_format #focus_image
{
	background-image: url(../images/focus/focus_wfd.jpg);
	padding-bottom: 154%;
}

#wide_format #main_narrative p, #wide_format #main_narrative h2
{
	margin-top:40px;
}

/*======================= small_format ==================================*/


#small_format #main_image_container
{
	background-image: url(../images/main/SFD_main.jpg);
    
}

#small_format #focus_image
{
	background-image: url(../images/focus/focus_sfd.jpg);
	padding-bottom: 101%;
}





/*======================= personalised_print ==================================*/



#personalised_print #main_image_container
{
	background-image: url(../images/main/personalised_print_main.jpg);
    

}



#personalised_print #focus_image_container
{
	
	width:22%;
}


#personalised_print #focus_image
{
	background-image: url(../images/focus/focus_pp.jpg);
	padding-bottom: 101%;
}

#personalised_print #main_narrative
{
	width:70%;
}


#personalised_print .case_study_narrative
{
	width:70%;
}

#personalised_print .case_study_image_container
{
	width:22%;
}

#personalised_print .case_study
{
	align-items:flex-start;
}

#personalised_print .case_study_image
{
	background-image: url(../images/case_studies/monteray.jpg);
	padding-bottom: 151%;
}



/*======================= tab_dividers ==================================*/



#tab_dividers #main_image_container
{
	background-image: url(../images/main/tab_dividers_main.jpg);
    
}

#tab_dividers #focus_image
{
	background-image: url(../images/focus/focus_td.jpg);
	padding-bottom: 101%;
}

#tab_dividers h1
{
	margin-bottom: 30px;
}


/*======================= stitched_and_perfect_bound ==================================*/



#stitched_and_perfect_bound #main_image_container
{
	background-image: url(../images/main/Books_main.jpg);
    
}






#stitched_and_perfect_bound #focus_image
{
	background-image: url(../images/focus/focus_spbb.jpg);
	padding-bottom: 101%;
	
}




#stitched_and_perfect_bound .case_study
{
	
	flex-direction: row-reverse;
	justify-content:flex-start;
}


#stitched_and_perfect_bound .case_study_narrative
{
	width:auto;
	margin-left:40px;
	
}



#stitched_and_perfect_bound .case_study_image_container
{
	width:230px;
	margin-top:34px;
	height:323px;
}

#stitched_and_perfect_bound .case_study
{
	align-items:flex-start;
}

#stitched_and_perfect_bound .case_study_image
{
	border-width: 0px;
	border-radius: 0;
	width:230px;
	height:323px;
	background-position:left top;
	background-size: auto;
	background-repeat:no-repeat;
	
}

#stitched_and_perfect_bound #case_study_1 .case_study_image
{
	background-image: url(../images/case_studies/Fighter_Jet_Brochure.JPG);
	padding-bottom: 140%;
}



#stitched_and_perfect_bound #case_study_2 .case_study_image
{
	background-image: url(../images/case_studies/Prime_Brokerage.jpg);
	padding-bottom: 140%;
}



/*======================= marketing ==================================*/



#marketing #main_image_container
{
	background-image: url(../images/main/marketing_main.jpg);
    
}

#marketing #focus_image
{
	background-image: url(../images/focus/focus_mec.jpg);
	padding-bottom: 101%;
}





/*======================= document_finishing ==================================*/




#document_finishing #main_image_container
{
	background-image: url(../images/main/doc_finishing_main.jpg);
    
}

#document_finishing #focus_image
{
	background-image: url(../images/focus/focus_df.jpg);
	padding-bottom: 101%;
}



#document_finishing #focus_image_container
{
	
	width:24%;
}


#document_finishing #main_narrative
{
	width:70%;
}




#document_finishing .case_study_narrative
{
	width:70%;
}

#document_finishing .case_study_image_container
{
	width:24%;
}

#document_finishing .case_study
{
	align-items:flex-start;
}

#document_finishing .case_study_image
{
	background-image: url(../images/case_studies/Intel.jpg);
	padding-bottom: 145%;
}



/*======================= about ==================================*/



#about #main_image_container
{
	background-image: url(../images/main/about_main.png);
    
}

#about .offer_panel
{
	width:
}


/*======================= contact ==================================*/


#contact #main_image_container
{
	background-image: url(../images/main/contact_main.jpg);
    
}



#contact #main_narrative
{
	width:25%;
	min-width:300px;
	
}


#contact #focus_image_container
{
	width:600px;
	height:400px;
	padding-bottom: 0%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
}

#contact #focus_image
{
	/*
	border-width: 0px;
	border-radius: 0;
	*/
	width:600px;
	height:400px;
}


#contact #main_content a[href^="tel:"] 
{
	color: inherit;
	text-decoration: none;
	cursor:auto;
}

/*======================= products ==================================*/



#products #main_content
{
	justify-content: space-between;
	align-items:flex-start;
	flex-direction: column;
	justify-content: center;
}


#products #main_image_container
{
	background-image: url(../images/main/products_main.jpg);
    
}



#products #focus_image
{
	background-image: url(../images/focus/focus_products_1706a.jpg);
	padding-bottom: 56%;
}



#products #focus_image_container
{
	width:100%;
	margin-top:60px;
	max-width:1706px;
	margin-left:auto;
	margin-right:auto;
}


#products #main_narrative
{
	width:auto;

}


/*======================= about  ==================================*/

#about #main_content
{
	
	flex-direction: column;
}



#about #main_narrative
{
	width:100%;

}

#about #offer_panels
{
	display:flex;
	justify-content: space-between;
	align-items:stretch;
	flex-direction: row;
	flex-wrap: wrap;
	min-height:200px;
	width:100%;
	margin-left:-10px;
	margin-right:-10px;

}



#offer_panels_divider
{
	display:none;
}

#about .offer_panel
{
	display:block;
	width:300px;
	min-height: 60px;
	padding: 20px;
	padding-top:280px;
	padding-bottom:0px;
	background-position:center 16px;
	background-repeat:no-repeat;
	border-top:1px #f8f8f8 solid;
	border-left:1px #f8f8f8 solid;
	border-right:1px #dddddd solid;
	border-bottom:1px #dddddd solid;
	border-radius: 6px;
	box-shadow: 1px 1px 6px 1px #dddddd;
	margin-bottom:40px;
	background-color:white;
	margin-left:10px;
	margin-right:10px;
}

#about .offer_panel h2
{
	margin-top:10px;
	color:#12aae3;
	text-align:center;
	font-size:16px;
	line-height: 18px;
}


#about .offer_panel p
{
	font-size:14px;
	line-height: 18px;
	text-align:center;
}


#about #offer_panels #offer_quality
{
	background-image:url('../images/icons/icon_quality.png');
}



#about #offer_panels #offer_experience
{
	background-image:url('../images/icons/icon_experience.png');
}





#about #offer_panels #offer_delivery
{
	background-image:url('../images/icons/icon_delivery.png');
}





#about #offer_panels #offer_stock
{
	background-image:url('../images/icons/icon_stock.png');
}




#about #find_out_more
{
	margin-top:0px;
}

#about #find_out_more h2
{
	/* font-weight:normal; */
	color:#12aae3;
	font-weight:600;
}
#about #main_image_container
{
	
	margin-bottom:0px;
}
#about #main_image_container_outer /* currently just used in about page */
{
	min-height:1px;
	position:relative;
	padding-bottom:30px;
}



#about #main_image_container_outer
{
	background-image:url('../images/style/tile_E3E9EC.png');
	background-size: 100% 700px;
	background-position:0px 22px;
	background-repeat: no-repeat;
}

#about #main_content
{
	background-image:url('../images/style/tile_E3E9EC.png');
	background-size: 100% 333px;
	background-position:0px 0px;
	background-repeat: no-repeat;
}



/*======================= footer ==================================*/





#footer
{
	min-height: 108px;
	position:relative;
	background-color:#4DBFEA;
	color:white;
	max-width:100%;
	margin-top:60px;
}
#footer_inner
{
	display:flex;
	justify-content:space-between;
	align-items: center;
	min-height: 108px;
	padding-right:30px;
	padding-left:30px;
	flex-wrap:wrap;
	padding-top:30px;
	padding-bottom:30px;

}

#footer A
{
	
	text-decoration:none;
}


#footer A:hover
{
	text-decoration:underline;

}

#footer #footer_logos
{
	width:331px;
	height: 108px;
	
}

#footer #footer_logos img
{
	width:331px;
	height: 108px;
}


#footer #footer_contact
{
	text-align:right;
	color:white;
	min-width:400px;
	padding-top:10px;
	padding-bottom:10px;
}

#footer #footer_contact p
{
	margin-right:30px;
	text-align:right;
	color:white;
	
}


#footer #footer_contact span
{
	color:white;
	line-height:1.4em;
	margin-right:6px;
	padding-right: 6px;
	border-right:1px white solid;
}


#footer #footer_contact .footer_block span:last-child
{
	margin-right:0px;
	padding-right: 0px;
	border-right-width:0px;
}



#footer #footer_contact a
{
	color:white;
	
}

#footer #footer_contact a[href^="tel:"] 
{
	text-decoration: none;
	cursor:auto;
}