/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 12px; line-height: 1.231; }

body, button, input, select, textarea { font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; color: #222; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #EE2230; color: #FFF; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #01295F; }
a:visited { color: #01295F; }
a:hover { color: rgb(0, 101, 207); }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
/*nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
*/

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }



button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */


/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */


body  {

	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
    font: 12px/15px "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#container { 

} 
#header {
/*	padding: 25px 0 20px 0;   
*/	border-bottom: dotted 1px #666;
	overflow: hidden;
}
#header .logo {
	padding: 15px 0;
	width:100%;
	max-width: 350px; 
	height: 55px;
	float: left;

}
#header .logo .ir {
    background: url(../images/logo.gif) 0 0 no-repeat;
    background-size: contain;
	display:block;
    height: 100%;
    width: 100%;
}

#logo-small { 
	background: url(../images/logo-small.png) 0 0 no-repeat;
	background-size: contain;
	height: 37px; 
/*	max-width: 356px; */
	width: 100%;
} 

#mainlevel-mainmenu { width: 100%;
display: block;
}

#mainlevel-mainmenu a {
    font-size: 15px;
    line-height: 20px;
    text-decoration: none;
}

#mainContent {
	background: url(../images/blue_top.png) top no-repeat;
	background-size: contain;
	padding-top: 25px;
}
#sidebar2 {
	padding-top: 25px;
}


.home .items-leading {
	margin: 0 0 15px 0;
	overflow: hidden;
/*	min-height: 300px;
*/	background: rgb(0, 57, 117); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDIxODM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDgzODZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAyMTgzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg,  #021834 0%, #08386f 50%, #021834 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#021834), color-stop(50%,#08386f), color-stop(100%,#021834)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #021834 0%,#08386f 50%,#021834 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #021834 0%,#08386f 50%,#021834 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #021834 0%,#08386f 50%,#021834 100%); /* IE10+ */
background: linear-gradient(45deg,  #021834 0%,#08386f 50%,#021834 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#021834', endColorstr='#021834',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
 -webkit-border-radius: 12px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
          border-radius: 12px;

}
.watermark {
	background: url(../images/skellerup-watermark.png) -200px 100px no-repeat;
	height: 100%;
}


.home .leading-0 {
	color: #FFF;
	/*margin: 110px 575px 0 90px;*/
}

.banner-text {
	float: left;
	max-width: 350px;
	padding-left:30px;
	padding-right:10px;



}

.banner-images {
	float: right;
	padding-right: 15px;

}

.home  .leading-0 h2 {
	display: none;
}
h1 {
	font-weight: normal;
	font-size: 26px;
	line-height: 120%;
}
.home  .leading-0 h1 {
	font-weight: normal;
	font-size: 26px;
	margin: 25px 20px 10px 0px;
}


.home  .leading-0 p {
	font: normal 14px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin: 10px 20px 20px 0px;

}



.home  .leading-0 img {
/*	float: right;
*/	-webkit-border-radius: 6px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
	border-radius: 6px;
	border: 2px white solid;
	margin: 25px 15px 25px 0;
	width: 100% ;
	max-width: 235px;
	max-height: 235px;

}

.home .items-row .item img {
	border:none;
	width:100%;
	

}
.home .items-row .item.column-4 {
	margin-right: 0;
}

.home .items-row .item h2 {
	border-bottom: solid 1px #003974;
	padding-bottom: 6px;
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 20px;
}

.items-row .item a:hover {
	opacity: 0.7;
}

#footer  { 
	background:#003975;
	color: #FFF;
	overflow: hidden;
	min-height: 110px;
/*	padding: 25px 10px 55px 10px;*/
	margin-top: 75px;
}

#footer .inner ul {
/*	float: left;*/
/*	width: 215px;
	margin: 0 28px 0 0;
	padding: 0;*/
	list-style-type: none;
}
#footer ul.menu {
	padding: 20px; margin: 0 ;
}

#footer ul.menu ul {
	padding: 0; margin:0;
}


#footer a {
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

p.buttonheading {
	margin: 0;
}

.mod_placehere_leading {
	overflow: hidden !important;
}

.mod_placehere_leading {
	padding-right: 50px;
}

.custom.mod_placehere_footer_copyright {
	/*margin-left: 745px;*/
	padding:20px;
	width: auto !important;
}



.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.cat-children, .categories-module {
   /* margin: 0;*/
    overflow: hidden;
    /*width: 100%;*/	
}
.cat-children h3{
    color: #00285F;
    font-size: 1.6em;
    height: 24px;
    line-height: 24px;
    margin: 0 18px 0 0;
    vertical-align: middle;	
}

.cat-children ul, .categories-module ul {
  border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    /*float: left;*/
    list-style-type: none;
/*    margin: 0;
*/    padding: 0 ;
    /*width: 100%;*/
}
.categories-module h4 { 
	margin:0;
	
}

.cat-children a, .categories-module a{
    font-weight: normal;
    text-decoration: none;
    font-size: 15px; 
}
.cat-children .row li.span3, .categories-module .row li.span3 { margin-top: 10px; margin-bottom: 10px; }

.blog {  
	margin: 10px 0 0;
    overflow: hidden;
    width: 100%;
	}
	
.blog .item-row{
	margin-bottom: 20px;
    overflow: hidden;
    width: 950px;
	}
	
.blog .item{
	/*float: left;
    margin: 0 50px 35px 0;
    width: 200px;	*/
	
margin-bottom: 35px;
	}

.img-intro-right, .img-intro-none {
		border: 5px solid #003A75 ;
		margin-bottom: 10px;


}
.blog .item span.jcemediabox-zoom-span {
	display: block;
    border: none !important;

   

}
.blog .item img{
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 0;	
    width: inherit !important;

	}
	
.blog .item h2 {
    color: #00285F;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}
.blog .column-4 {
	margin-right:0;	
}
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }



/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */
.home  .leading-0 img {
	margin:20px 0;

}
#header .logo {
    height: 30px;
    width: 180px;
}
#mainContent {
    padding-top: 10px;
}

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}
@media only screen and (max-width: 979px) {
	.banner-images {
	    float: left;
	    padding-left:30px;
	    padding-right:30px;

	}
	.banner-text {
    float: left;
    max-width: none;
}
#footer  {margin-top: 40px;}

#footer .menu li { margin: 10px 0;}
#footer a {
	font-size: 14px;
}

.nav-collapse { 
	width: 100%;
	background-color:rgb(0, 57, 117); 
	  -webkit-box-shadow: inset 0px 0px 6px 0px #000; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
          box-shadow: inset 0px 0px 6px 0px #000; 

}
.nav-collapse #mainlevel-mainmenu  { 
	border-top: 1px dotted rgb(102, 102, 102);
	padding: 15px 0;
	margin:0;
	
}

.nav-collapse #mainlevel-mainmenu a {
	color:#fff;
	padding: 5px 15px ;
	border-bottom: 1px dotted rgb(2, 24, 52);
	margin:0;
}

.nav-collapse #mainlevel-mainmenu li {
margin:0;
}
.nav-collapse #mainlevel-mainmenu li:first-child a {
	border-top: 1px dotted rgb(2, 24, 52);
}
.nav-collapse .mainlevel_current a, .nav-collapse #mainlevel-mainmenu a:hover {
	background-color:rgb(2, 24, 52);
}


}

@media (min-width: 980px) {
.cat-children li, .categories-module li{
    background-image: none;
    float: left;
    margin-top: 10px;
    padding: 0;
   

}
#header {	padding: 10px 0 0;
}
#mainlevel-mainmenu li {
    float: left;
    list-style-type: none;
    margin-left: 20px;
    margin-right: 0;
    width: 80px;
}
#footer  {margin-top: 75px;}
}
/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  #footer, .nav, .categories-module { display: none !important}
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}


/* Store Locator
-------------- */


#sl_sidebar {
	width: 250px;
}
#sl_results_container,
#sl_locate_results,
#sl_sidebar,
#sl_sidebar div {
	border-color: #ccc;
}
#sl_sidebar div:hover {
	background: #F3F6FF;
}
#sl_results_container {
	width: 952px!important;
}
#sl_locate_results {
	padding: 5px 10px;
}