@import url('https://fonts.googleapis.com/css?family=Comfortaa|Muli|Poppins|Open+Sans!Raleway');

body { margin:0; background-color:#fff; }

body, select, input, textarea, p, td, a, button, li {
  color: #222;
  font-family: 'Muli', Verdana, sans-serif;
  font-size:12pt;
  line-height:16pt;
  margin:0;
  padding:0;
}

h1, h2, h3, h4, h5, h6 { 
    font-family:'Poppins'; 
    font-weight:700; 
    margin:0; 
    padding:0; 
    color:#444;
    background:none;
}

a { 
    color:#222; 
    text-decoration:none; 
    padding:0; 
    outline:none;
    border-bottom:2px dotted #444;
    transition:border-color 0.25s ease-in-out, box-shadow 0.25s; 
    -o-transition:border-color 0.25s ease-in-out, box-shadow 0.25s; 
    -webkit-transition:border-color 0.25s ease-in, box-shadow 0.25s; 
    -moz-transition:border-color 0.25s ease-in, box-shadow 0.25s;
}

    a:hover {
        background-color:lightskyblue;
        border-bottom: none;
        box-shadow: 6px 6px 6px 3px rgba(0,0,0,.5);
    }

    a.deletebutton {
        background-color: #ae5c5c !important;
    }

        a.deletebutton:hover {
            background-color: #efff00 !important;
        }

    a.editbutton:hover {
        background-color: #fdd017;
    }

input, select, textarea, button, a.button {
    padding:3px;
    margin:5px;
    border-radius:5px;
    border-color:#ccc;
    background-color:#fff;
    background-image:none;
}

    a.latest {
        background-color: #ffe76c;
    }

    a.latest:hover {
        background-color: #fdd017;
    }

    a.button {
        text-decoration:none;
        border:1px solid #444;
    }

    a.editbutton {
        margin-top: 5px;
    }

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

    input[type=submit]:hover, input[type=button]:hover, input[type=text]:focus {
        background-color:#fdd017;
    }

    input[readonly] {
        color:#444;
        background-color:#eee;
    }

label {
    display:block;
}

    label.follow {
        display:inline;
    }

td {
	vertical-align: top;
}

h1 {
    margin: 20px 0 20px 0;
    font-size: 22pt;
    font-weight: bold;
    text-align: center;
    color: #006a9a;
}

h2 {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 16pt;
    border-top: none;
    color: #006a9a;
}

    h2 a {
		font-size:16px;
	}

	h2.top-h {
		border-top:none;
	}

    h2.top-h a {
        color:#fff;
    }

h3 {
    font-size:14pt;
    margin-top:20px;
}

h4 {
    font-size:12pt;
    margin-top:20px;
}

p {
	margin-bottom: 12px;
}

    p.person {
        margin-top:20px;
        font-weight:bold;
        font-style:italic;
        margin-bottom:20px;
    }

/* ------------------------------------------------------------------------------------------------------ */

#navbar a { outline:none; border-bottom:none; }

#navbar { margin:10px 5px 0; }

a.navcurrent {
    background-color: #165B76 !important;
    border-top: 2px solid #fff;
    /*
    box-shadow: 5px 5px 5px #181818;
    -moz-box-shadow: 5px 5px 5px #181818;
    -webkit-box-shadow: 5px 5px 5px #181818;
    */
}

/* ------------------------------------------------------------------------------------------------------ */

.floatleft { float:left; }

.floatright { float:right; }

.clear { clear:both; }

#pagebox {
    min-height:500px; 
    background-color:#fff;
    padding-bottom:20px;
}

#contents{
    padding:0;
    background-color:#fff;
}

#picturebar { display:none; }

h1.caption, h1.caption a {
    border:none;
    padding:16px 0 0 0;
    margin:0 0 0 10px;;
    text-align:right;
    color:#fff;
	font-size:28pt;
    font-weight:bold;
    text-decoration:none;
    border:none;
    box-shadow:none;
    background:none;
}

span.caption-break {
    display:block;
    font-size:12pt;
    border:none;
    margin:0;
    text-align:right;
    padding:5px 5px 0;
    color:#000060;
    line-height:16px;
    display:none;
    text-decoration:none;
    border:none;
    box-shadow:none;
}

a.logo {
    border:none;
    box-shadow:none;
    background:none;
}

#headbox {
    background-color: #2491BA;
    margin-bottom: 0px;
    padding-bottom: 5px;
    border-bottom: 1px solid #186478;
}

#headline {
    margin-bottom: 5px;
    padding-bottom: 5px;
}

#logo {
    height:80px;
    margin-left:5px;
}

.leftcol { 
    padding-right:15px;
}

.rightcol { 
    padding-left:0;
}

ul { 
    margin-left:-20px; 
}

.section ul {
    list-style:none;
}

.section li {
    margin-bottom:10px;
}

.section li:before {
    font-family:'FontAwesome';
    content:'\f046';
    margin:0 0.2em 0 -1.2em;
    color:#ed872d;
}

img.highlight {

}

img.resizing {
    width:100%;
}

div.section {
    padding:10px 10px 20px 10px;
}

.altsection {
    background-color:#ddd;
}

div.blueslice {
    background-image:url('../images/furniture/blueslice.jpg');
    background-repeat:no-repeat;
    height:120px;
}

#slider
{
    padding:0;
	left:0px;
    margin:0px;
    /*width:890px;
    height:400px;*/
    z-index:20;
    max-height:560px;
}

#xslider img {
    width:100%; 
    max-width:880px; 
    height:auto !important;
}

.nivoSlider { }

a.call-to-action {
    padding:10px;
    background:#468;
    color:#ffffff;
    text-decoration:none;
    border:none;
    margin:10px 0 10px 0;
    display:inline-block;
}

a.call-to-action:after {
    font-family:'FontAwesome';
    content: '\f138';
    margin-left:15px;
}

a.call-to-action:hover {
    background-color:#ed872d;
    text-decoration:none;
    border:none;
}

a.action-download:after {
    content:'\f019';
}

a.action-offsite:after {
    content:'\f08e';
}

td {
    vertical-align:top;
}

.editbutton {
    margin:10px;
    display:inline-block;
}

div.content-section-wrapper {
    text-align:center;
    padding:0 0 20px 0;
    border-top:2px solid #eee;
}

div.content-section-wrapper-first {
    border:none;
}

div.content-section-wrapper-odd {

}

div.content-section-wrapper-even {

}

div.content-section {
    padding: 10px 0 0 0;
}

div.content-section-wrapper a p {
    color: #222;
}

div.content-section a:hover {
    color: #222;
    background: #eee;
}

div.content-section-item {
    padding:0 20px 0 20px;
}

div.content-section-item-align-left {
    text-align:left;
}

div.content-item-img {
    text-align:center;
    padding-bottom:20px;
}
    div.content-item-img img {
        border:1px solid #888;
        /*

        box-shadow: 5px 5px 5px #444;
        -moz-box-shadow: 5px 5px 5px #444;
        -webkit-box-shadow: 5px 5px 5px #444;
        */
    }

    div.content-item-img img:hover {
        border:1px solid #ccc;
    }

a.img, a.plain {
    text-decoration:none;
    border:none;
}

a.img:hover {
    background:none;
}

a.img img {
    width:20px;
}

div.edit-section-wrapper {
    border-top:1px solid #666;
    padding:10px 0 0 0;
}

div.edit-section-showhide {
    display: none;
}

div.edit-section-show {
    display: block;
}

div.edit-section {
    border-top: 1px solid #666;
    padding: 10px 0 0 30px;
    margin-bottom:20px;
}

div.edit-section-columns {
    margin: 10px 0 10px 0;
}

div.edit-section-column {
    border: 1px solid #666;
    margin-right:10px;
    padding:10px;
    text-align:center;
}

div.list-images {
    float:right;
    padding:10px;
}

img.list-images {
    max-width:100px;
}
/*
div.page-image {
    width: 900px;
}

div.page-image img {
   width: 100%;
}

*/

#contacts td { vertical-align:top; }

#contacts tr:hover {
    background-color:lightskyblue;
}

#contacts h3 {
}

/* --- footer ---------------------------------------------------------------------------------------- */

footer {
    display: block;
    background-color: #072127;
    width: 100%;
    color: #888;
    border-top: 3px solid #0e3f4a;
}

footer div.contained {

}

    footer a {
        color: #aaa;
        border: none;
        text-decoration: none;
        /*display:block;*/
    }

	footer a:hover {
		color:#fff;
		border:none;
		text-decoration:none;
        box-shadow:none;
	}

    footer br { line-height:0; }

    footer h2 { background:none; padding-left:0; color:#ed872d; }

#copyright {
	padding:5px;
	border-top:1px solid #888;
}

#copyright a {
	display:inline;
}

footer div.content-section-wrapper {
    text-align: left;
    padding-top: 30px;
}

    footer div.content-section-wrapper h1 {
        padding: 0;
    }

    footer ul {
        list-style: none;
        margin: -20px 0 0 0;
    }

        footer ul li {
            margin-left: -60px;
            line-height:18pt;
        }

footer div.content-section {
    padding: 0;
}



/*--- Grid system --------------------------------------------------------------------------------- */

html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    display: table;
}

*,img,*:before, *:after {
    box-sizing: border-box;
}

.clearfix:after, .clear:after {
    content: "";
    display: table;
    clear: both;
}

.row {
  margin: 0;
}

#pagebox .row {
}

.row:last-child {
  margin-bottom: 0;
}

[class*="col-"] {
}

.nested {
    padding:0;
}

.mobile-narrow-show {
	display:block;
}

.normal-upcoming {
    display:block;
}

@media all and ( min-width: 800px ) {
    .col-2-3 {
        float: left;
        width: 66.66%;
    }
    .col-1-2 {
        float: left;
        width: 50%;
    }
    .col-1-3 {
        float: left;
        width: 33.33%;
    }
    .col-1-4 {
        float: left;
        width: 25%;
        min-width: 280px;
    }
    .col-1-5 {
        float: left;
        width: 20%;
    }
    .col-1-8 {
        float: left;
        width: 12.5%;
    }
}

@media all and ( min-width: 800px ) {
    .col-1-2-w {
        float: left;
        width: 50%;
    }
	.mobile-hide {
		display:block;
	}
	.mobile-show {
		display:none;
	}
	.mobile-narrow-hide {
		display:block;
	}
	.mobile-narrow-show {
		display:none;
	}
    .normal-upcoming {
        display:block;
    }
    .mobile-upcoming {
        display:none;
    }
}

@media all and ( max-width: 800px ) {
	.mobile-hide {
		display: none;
	}
	.mobile-hide {
		display: block;
	}
	.mobile-narrow-hide {
		display: none;
	}
	.mobile-narrow-show {
		display:block;
	}
    .normal-upcoming {
        display:none;
    }
    .mobile-upcoming {
        display:block;
    }
    h1.caption, h1.caption a {
        font-size: 18pt;
    }
}

@media all and ( max-width: 500px ) {
    h1.caption, h1.caption a {
        font-size:18pt;
    }
    h1.caption-break {
        display:inline-block;
    }
}

img.resizing {
    max-width: 100%;
    height:auto;
}

.contained {
    max-width:910px;
    margin: auto;
}

.not-contained {
    max-width:1380px;
    margin:0 auto;
    padding:0 5px 0 5px;
}

.wide {
    width:1600px;
    margin:0 auto;
    padding:0 5px 0 5px;
}

.half-contained {
    max-width:570px;
}

.full-size {
    width:100%;
}

.centered-3-4 {
    max-width:70%;
	margin-left:15%;
}

.max-3-4 {
    max-width:850px;
}

.centered {
    text-align:center;
}

.middle {
    margin: 0 auto;
}

.left-align {
	text-align:left;
}

.left-side {
    float:right;
}

.float-left, .floatingleft {
    float:left;
    padding-right:10px;
}

.float-right, .floatingright {
    float:right;
}

/*--- debugging --------------------- */
/*

[class*="col-"] {
    border:1px dotted green;
}

.row {
    border:1px dotted blue;
}

*/