@charset "UTF-8";
@import '//cdn.insurengine.com/css/style_insurengine_form.css';
/* CSS Document */

/* yahoo css reset  -  start*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td, label { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul, li {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* yahoo css reset  -  end*/
/*type*/

body {
	font-family: Verdana, sans-serif;
	font-size:9pt;
	color:#666;
	text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6 {
	margin-top:30px;
	color:#555;
	font-weight: bold;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
margin-top:0;

}
h1 {
	font-size:27pt;
	line-height: 30pt;
}
h2 {
	font-size:25pt;
	line-height: 28pt;
}
h3 {
	font-size:23pt;
	line-height: 26pt;
}
h4 {
	font-size:21pt;
	line-height: 24pt;
}
h5 {
	font-size:19pt;
	line-height: 22pt;
}
h6 {
	font-size:17pt;
	line-height: 20pt;
}
p {
	margin-top:7px;
	line-height: 13pt;
}
a {
	text-decoration: none;
	color:#222;
	border-bottom: 1px solid #ccc;
}
a:hover {border-bottom: 1px solid #999;}

strong {
	font-weight:bold;
}
strong strong {
	font-weight:bold;
}
em {
	font-style: italic;
}
strong em, em strong {
	font-weight:bold;
	font-style: italic;
}
blockquote {
	background:none repeat scroll 0 0 #222;
	color:#ccc;
	font-family:times New Roman;
	font-size:14pt;
	font-style:italic;
	margin:3%;
	padding:3%;
	text-align:center;
	width:38%;
	position:relative;
	clear:both;	
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:0 0 15px #222;
	-webkit-box-shadow:0 0 15px #222;
	box-shadow:0 0 15px #222;

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#111111')"; /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #222,  #111); /* for firefox 3.6+ */

}
blockquote p {
line-height:18pt;
}
cite {
color:#333333;
display:block;
font-family:verdana,sans-serif;
font-size:15px;
left:100%;
line-height:21px;
margin-left:21px;
padding:25px;
background:#f2f2f2;
position:absolute;
text-align:left;
top:30px;
width:300px;
}
cite span {
	border-color:#333 #333 #333 #222222;
	border-style:solid;
	border-width:10px;
	display:block;
	height:1px;
	left:-21px;
	position:absolute;
	top:0;
	width:1px;
	line-height:0;
}
.right_quote {
	float:right;
}
.right_quote cite {
left:auto;
right:100%;
margin-left: none;
margin-right: 21px;
}
.right_quote cite span {
left:auto;
right:-21px;
border-color:#333 #222 #333 #333 ;
}
.section ul li, .aside ul li {
	list-style-position:inside;
	list-style-type:disc;
	list-style-image:none;
}
.section ol li, .aside ol li {
	list-style-position:inside;
	list-style-type: decimal;
	list-style-image:none;
	margin-top: 5px;
}

.section ol li, .section ul li, .aside ol li, .aside ul li {
	margin-left:10px;
}
hr {color:#f9f9f9; margin: 25px 25%; clear:both;}
.display.font {
	font-size:65pt;
	line-height: 65pt;
	text-align:right;
	margin:0 0 50px 0;
}
/*type end*/


/*table start*/

table {
	border-collapse:collapse;
	width:99%;
	border:0 none;
	text-align:center;

}

th, td {
	padding: 10px;
	text-align:center;
	font-weight:bold;

}



thead {	border-bottom:1px solid #ccc;}
tfoot {font-size:20pt; border-top:1px solid #ccc;}
th {}
.odd {
	background:none repeat scroll 0 0 #F9F9F9;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}
tr:hover {}
thead tr:hover {
	background-color:transparent;
	color: inherit;
}
td div.fakecheck_breakjs {
	margin: 0 auto;
	float: none;
	overflow:hidden;
	text-indent:-200px;
}

dl.table-display
{
width: 100%;
margin: 0;
padding: 0;
clear:both;
}

.table-display dd, .table-display dt
{
float: left;
width: 45%;
margin: 0 0 0 0;
padding: 10px;
border-top: 1px solid #f0f0f0;
}
/*table end*/

/* Menu */
.nav { right: 0; top:0; line-height: 1; position:fixed; z-index: 101; width:100%; background: #333; }
.nav, .nav * { list-style: none; margin-left: 0; }
.nav li { float: right; padding: 0; position: relative; }
.nav ul li { width: 100%; }

.nav a { display: block; position: relative; padding: 8px 10px; border: none; line-height: 11pt; color:#CCCCCC; }
.nav ul a { background: rgb(255,255,255);background: rgba(255,255,255,0.7); border: 2px solid #fff;}
/* Hides items under top menu */
.nav ul { position: absolute; top: -9999em; /* left offset of submenus need to match (see below) */ }

/* Shows submenus */
.nav li:hover ul,
.nav li.nav-hover ul { left: -1px; top: 29px; /* match top ul list item height */ z-index: 99; }

/* Hides all sub items (4 levels deep) */
.nav li:hover li ul,
.nav li.nav-hover li ul,
.nav li li:hover li ul,
.nav li li.nav-hover li ul,
.nav li li li:hover li ul,
.nav li li li.nav-hover li ul { top: -999em; }

/* On :hover, displays all sub items (4 levels deep) */
.nav li li:hover ul,
.nav li li.nav-hover ul,
.nav li li li:hover ul,
.nav li li li.nav-hover ul,
.nav li li li li:hover ul,
.nav li li li li.nav-hover ul { left: 0em; /* match .nav ul width */ top: 0px; }

/*Layout*/
.one {width:8%;}.two {width:18%;}.three {width:28%;}.four {width:38%;}.five {width:48%;}.six {width:58%;}.seven {width:68%;}.eight {width:78%;}.nine {width:88%;}.ten {width:98%;}.half{width:48%;}.third{width:31%;}.quarter{width:23%;}
.col {display:inline;float:left;padding:1%;position:relative;}
.clear {clear:both;}.right{float:right;}.left {float:left;}
body {background:#333;}
#site {
	margin: 0 auto;
	width:80%;
	min-width: 900px;
}
.header {
	height:250px;
	position:fixed;
	top:0;
	width:80%;
	min-width: 900px;
	z-index:0;
	
	_position: relative;
	_width:98%;
}
#logo {
	background:url("images/inmeres_logo.png") no-repeat scroll 0 0 transparent;
	border:0 none;
	display:block;
	height:56px;
	left:1%;
	top:35px;
	text-indent: -999px;
	position:absolute;
	width:220px;
}
.tagline {
	color:#fff;
	font-size:30px;
	font-style:italic;
	margin:110px 1% 0;
	text-shadow:-1px 1px 0 #333333;
	width:99%;
	-ms-filter:"DropShadow(color=#333333,strength=7, offx=-1, offy=1)";
	filter:DropShadow(color=#333333,strength=7, offx=-1, offy=1);
	cursor:default;
}
.tagline span {
	clear:left;
	float:right;
	font-size:70px;
	line-height:100px;
	margin-top:-15px;
}
#content {
padding-top:250px;

_padding-top:0px;
}
#content .page_shadow {
	background:none repeat scroll 0 0 #fff;
	margin:0 0 250px 0;
	padding:5%;
	position:relative;
	float:left;
	display:inline;
	z-index:1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:0 0 10px #000000;
	-webkit-box-shadow:0 0 10px #000000;
	box-shadow:0 0 10px #000000;
	
	_margin-bottom:0px;
	min-height:500px;
	height:auto !important;
	height:500px;
}
.page_shadow li {
	padding: 7px 20px;
}
.page_shadow ul.bullets {
	margin: 10px 0;
}
.page_shadow ul.bullets li {
	border-left:10px solid #CCCCCC;
}
#testimonials.page_shadow {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	background: none;

}
#testimonials.page_shadow p {
	color:#999;
}
#testimonials.page_shadow a, #testimonials.page_shadow h2{
	color:#fff;
}
#casestudy.page_shadow img {
	float:left;
	margin: 20px 20px 20px 0;
	width: 48%;
	-moz-transform:rotate(-5deg);
	-webkit-transform:rotate(-5deg);
}
a.pdf {
	background:url("images/pdf.gif") no-repeat scroll 0 0 transparent;
	border:medium none;
	clear:both;
	display:block;
	font-size:16px;
	height:50px;
	padding:29px 0 0 100px;
}
a.to_top {
	border:medium none;
	bottom:20px;
	color:#999999;
	font-size:30px;
	position:absolute;
	right:20px;
}
.banner {
	padding:0;
}
#google_map {
	background:none;
	width:100%;
	padding:0;
	position: relative;
}
/*portfolio start*/
#portfolio h3.clear {font-size:16pt;}
#portfolio_list li {
	padding: 20px 0;
	clear:both;
	min-height:200px;
}
#portfolio_list h2 {margin:0;}
#portfolio_list li a {
	text-decoration: none;
	border:none;
}
#portfolio_list li a.brand, #portfolio_list li a.brand span {
	float: left;
	margin: 0 30px 0 0;
	width: 300px;
	height:200px;
	display:block;
	background-image: url(images/portfolio_images.png);
	background-repeat:no-repeat;
	text-indent: -9999px; 
	position:relative;
	overflow:hidden;
}
#portfolio_list_wrapper {
	background:none repeat scroll 0 0 #FFFFFF;
	border-left:1px solid #CCCCCC;
	display:inline;
	float:right;
	margin-left:50px;
	padding:1% 1% 1% 50px;
	position:relative;
	width:32%;
	z-index:1;
}
#portfolio_list_wrapper h2 {
	clear:both;
	font-size:12pt;
	line-height:14pt;
	padding-top:7px;
}
#portfolio_list_wrapper #portfolio_list li a.brand {
	width:98%;
	margin: 0;
}
.airline {background-position: -300px 0;}.airline span {background-position: 0 0;}
.aetna {background-position: -300px -200px;}.aetna span {background-position: 0 -200px;}
.debenhams {background-position: -300px -400px;}.debenhams span {background-position: 0 -400px;}
.ukg {background-position: -300px -600px;}.ukg span {background-position: 0 -600px;}
.johnlewis {background-position: -300px -800px;}.johnlewis span {background-position: 0 -800px;}

#portfolio_list_wrapper .airline {background-position: -600px 0;} #portfolio_list_wrapper .airline span {background-position: -300px 0;}
#portfolio_list_wrapper .aetna {background-position: -600px -200px;}#portfolio_list_wrapper .aetna span {background-position: -300px -200px;}
.debenhams {background-position: -600px -400px;} #portfolio_list_wrapper .debenhams span {background-position: -300px -400px;}
#portfolio_list_wrapper .ukg {background-position: -600px -600px;} #portfolio_list_wrapper .ukg span {background-position: -300px -600px;}
#portfolio_list_wrapper .johnlewis {background-position: -600px -800px;} #portfolio_list_wrapper .johnlewis span {background-position: -300px -800px;}


#portfolio_mini_list li {
	float: left;
	margin: 10px;
	width: 140px;
	height:60px;
	display:block;
	background-color:#999999;
	background-image: url(images/portfolio_mini_images.png);
	background-repeat:no-repeat;
	text-indent: -9999px; 
	position:relative;
	overflow:hidden;
	padding:0;
}
.po {background-position: -560px 0;}
.jet2 {background-position: -840px 0;}
.moneysupermarket {background-position: -280px 0;}
.times {background-position: -0px 0;}
.telegraph {background-position: -140px 0;}
.confused {background-position: -700px 0;}
.engage {background-position: -1260px 0;}
.gmb {background-position: -980px 0;}
.benefitalliance {background-position: -420px 0;}
.confetti {background-position: -1120px 0;}


/*portfolio end*/
/*slider start*/
#s3slider {
   width: 810px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin:0 auto;
}

#s3sliderContent {
   width: 810px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
  /* display: none;  apparently this is important - but until i can see why, i'm removing it. It stops the banner bing seen if js is off - derr! */
   padding:0 !important;
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   padding: 10px 1%;
   width: 98%;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 
.slider1Image span strong {
    font-size: 14pt;
}
.s3sliderImage span.left {
	top: 0;
    left: 0;
	width: 100px !important;
	height: 380px;
}
.s3sliderImage span.right {
	right: 0;
	bottom: 0;
	width: 100px !important;
	height: 380px;
}
ul { list-style-type: none;}
/*slider end*/
/*javascript dep*/

.show_ul {cursor:pointer;}
.show_ul span.btn {
	display:block;
	float:left;
	margin:-2px 2px;
	padding:2px;
	text-align:center;
	width:15px;
}
.section ul.snazy {
	margin:30px 0;
}
.snazy li {
	padding:7px 1%;
	background:#f1f1f1;
	margin: 1%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	list-style: none;
	border:1px solid #E1E1E1;
}
.section .snazy li, .aside .snazy li {list-style: none;}
.fakecheck, .fakecheck_breakjs {
	text-decoration: none;
	outline: none;
	background: url(images/checkbox.png) no-repeat -21px 0;
	height: 21px;
	width: 21px;
	margin-top:-4px;
	display: block;
	float: left;
	color: #666666;
}
.fakechecked {
	background: url(images/checkbox.png) no-repeat 0px 0;
}
#subject_hide {display:none !important;}
strong.success {
	background:none repeat scroll 0 0 #EBFFEC;
	border:3px solid #009933;
	color:#009933;
	display:block;
	margin:2% 0;
	padding:2%;
}
@media only screen and (max-width: 480px) { 
body, p {font-size:18px; line-height:22px;}
#site, .header {
	margin: 0 auto;
	width:100%;
	min-width: 480px;
}
.page_shadow {padding:15px;}
.banner {display:none;}
blockquote {width: 330px; margin:10px 0; padding:10px;}
cite {left:auto;right:auto;top:auto;bottom:-100px;}
cite span {dispaly:none;}
.col {
clear:both;
width:98%;
}
}