﻿body{
	font-family:Gudea, arial, sans-serif;
	font-size:100%;
	margin:0;
}
img{
	border:0;
	height:auto;
	max-width:100%;
	vertical-align:top;
}
hr{
	width:90%;
}
h1{
	1.4em;
}
h2{
	1.2em;
}
a{
	text-decoration:none;
	color:black;
}
#container{
	max-width:1920px;
}
.column-left, .column-leftcontent{
	float: left; 
	width:20%;
	text-align:center;

}
.column-left p, .column-leftcontent p{
	padding:0 10px 0 10px;
}
.column-centre, .column-content{
	display: inline-block; 
	width:60%;
	text-align:center;
}
.column-right, .column-rightcontent{
	float: right; 
	width:20%;
	text-align:center;
}
.column-right p, .column-rightcontent p{
	padding:0 10px 0 10px;
}
#tel p{
	font-size:1.2em;
}
#content{
	clear:both;
}
#content2{
	clear:both;
	text-align:center;

}
.promo{
	display:inline-block;
	background-color:white;
	margin:1%;
    	background-color:#DEDEDE;
}
.promo img{
	max-width:250px;
	max-height:250px;
}
.column-content{
	text-align:left;
}
.column-left2{
	float: left; 
	width:33%;
	text-align:center;
}
.column-centre2{
	display: inline-block; 
	width:33%;
	text-align:center;
}
.column-right2{
	float: right; 
	width:33%;
	text-align:center;
}
.column-left2 h1, .column-centre2 h1, .column-right2 h1{
	color:#BF1434;
}
.question{
	border-top: 1px solid #BF1434;
	padding:5px 0px 5px 0;
}
.question a{
    	background-image: url("images/downarrow.png");
    	background-repeat: no-repeat;
        background-position: 95% 50%;
	padding-right:35px;
    	display:inline-block;
    	width:95%;
}
#tablescroller{
	height:500px;
  	overflow-y: scroll;
	margin-top:10px;
}
table caption{
	font-weight:bold;
	padding:1%;
}
td, th{
	vertical-align:top;
	padding:1%;
    	border-bottom: 1px solid #DEDEDE;
}
th{
	background-color:#DEDEDE;
	text-align:left;
}
#partner{
	clear:both;
	margin-top:20px;
	text-align:center;
}
#social{
	margin-top:40px;
	text-align:center;
}
#social img{
	padding:10px;
}
#footer{
	text-align:center;
	font-size:0.9em;
	margin-top:20px;	
}
#footer a{
	font-size:1.2em;
	text-decoration:none;
	padding: 0px 10px 0px 10px;
	color:#666666;
	font-weight:bold;
}
#footer a:hover{
	color:#BF1434;	
}
#googlemap {
    	position: relative;
    	padding-bottom: 75%; /* This is the aspect ratio */
    	height: 0;
    	overflow: hidden;
    	border:1px solid #DEDEDE; 
	width:90%;
	margin:0 auto;
}
#googlemap iframe {
    	top: 0;
    	left: 0;
    	width: 100% !important;
    	height: 100% !important;
	border:0;
/* position:absolute is in html iframe else dreamweaver throws an error*/
}

/*Form styles*/
form{
	padding-top:60px;
	width:300px;
	margin:0 auto;
}
input, textarea{
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	margin:5px 0px 5px 0px;
}
#emailstyle, #person, #tele{
	width:280px;
}
#message{
	width:400px;
	height:160px;
}
form img{
	border: 1px solid #999999;
}
/*End of form styles*/

/* dropdown menu on image hover */
.navigation{
    	width:100%;
    	position: relative;
    	display: inline-block;
}
.dropdown-content {
    	display: none;
    	position: absolute;
    	top: 0;
    	left:10px;
    	z-index: 1;
}
.navigation:hover .dropdown-content {
    	display: block;
}
.navigation a {
  	text-decoration: none;
  	padding: 5px 15px 5px 5px;
  	font-size:0.9em;
	color:black;
}
.navigation a:hover{
	color:#BF1434;
}
.navigation ul{
  	list-style: none;
  	background:white;
  	margin:0;
  	padding:0;
}
.navigation li{
	border:1px solid grey;
	padding:5px;
}
.navigation ul ul {
  	visibility: hidden;
  	position: absolute;
  	white-space:nowrap;
}
.navigation ul li:hover > ul { 
  	visibility: visible; 
}
.navigation ul ul {
  	top: 2px;
  	left: 100%;
}
.navigation li { 
	position: relative; 
	text-align:left;
}
.menu > li > .parent {
    	background-image: url("images/rightarrow.png");
    	background-repeat: no-repeat;
    	background-position: right;
	margin-right:5px;
}

/*end dropdown menu on image hover*/

/*horizontal navigation*/
#navcontainer{
	font-size:0.7em;
	margin:0 auto;
	background-color:#DEDEDE;
}
.nav {
    	list-style: none;
        display: inline-block;
        margin: 0;
        padding: 0;
        /* For IE, the outcast */
        zoom:1;
        *display: inline;
	font-size:1.3em;
}
/* http://nicolasgallagher.com/micro-clearfix-hack/ */
.nav:before, .nav:after {
    	content: " "; 
    	display: table; 
}
.nav:after {
    	clear: both;
}
.nav ul {
    	list-style: none;
	padding:0;
	/*sub menu width*/
    	width: 15em;
	background-color:white;
}
.nav a {
    	padding: 15px 15px 15px 5px;
	color:black;
	text-decoration:none;
}
.nav a:hover{
	color:#BF1434;
}
.nav li {
    	position: relative;

}
.nav > li {
    	float: left;
}
.nav > li > .parent {
    	background-image: url("images/downarrow.png");
    	background-repeat: no-repeat;
    	background-position: right;
	margin-right:5px;
}
.nav > li > a {
    	display: block;

}
.nav li ul {
    	position: absolute;
    	left: -9999px;
	text-align:left;
   	z-index:100;
}
.nav > li.hover > ul {
    	left: 10px;

}
.nav li li.hover ul {
    	left: 100%;
    	top: 0;
}
.nav li li a {
    	display: block;
    	position: relative;
   	z-index:100;
}
@media screen and (max-width: 1270px) {
#navcontainer {
	font-size: 0.6em;
}
}
/*End horizontal navigation*/

/*responsive-slides.viljamis.com*/
/*MIT licence*/
#slideshow{
	text-align:center;
	clear:both;
}
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	margin:0;
	padding:0;

}
.rslides li{
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:firstchild{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	float:left;
	width:100%;
}
.rslides_nav:active {
  	opacity: 1.0;
}

.rslides_nav.next {
  	left: auto;
  	background-position: right top;
  	right: 0;
}
.rslides_nav:focus{
  	outline: none;
}
/*slide nav display*/
.rslides_tabs li{
  	display: inline;
  	float: none;
  	_float: left;
  	*float: left;
  	margin: 0px 10px 0px 0px;
}
/*icon for each slide*/
.rslides_tabs a{
  	text-indent: -9999px;
  	overflow: hidden;
  	-webkit-border-radius: 15px;
  	-moz-border-radius: 15px;
  	border-radius: 15px;
 	 background: #ccc;
 	 background: rgba(0,0,0, .2);
  	display: inline-block;
  	_display: block;
  	*display: block;
  	-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  	-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  	box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  	width: 18px;
  	height: 18px;
  	margin-bottom:5px;
}
/*current slide*/
.rslides_here a{
  background: #222;
  background: rgba(0,0,0, .8);
}
.caption {
  position: absolute;
  display: block;
  top:20px;
  left:20px;
  font-size:2.0em;
  padding: 10px;
  background: #ffffff;
  background: rgba(255,255,255, .7);
/*  background: #000;*/
/*  background: rgba(0,0,0, .8);*/
  text-decoration:none;
  color:black;
}
/*end slide show*/

/*Light Box*/
.lightbox .box {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    width:930px;
    margin: 2% auto;
    padding:20px;
    box-shadow: 0px 1px 26px -3px #777777;
    background-color:white;
}
.lightbox .box2 {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    width:750px;
    margin: 2% auto;
    padding:20px;
    box-shadow: 0px 1px 26px -3px #777777;
    background-color:white;
}
.lightbox .title {
        margin:0;
        padding:0 0 10px 0px;
        border-bottom:1px #cccCCC solid;
}
.lightbox .content {
        display:block;
        padding:10px 0 0 0px;
	text-align:left;
}
.lightbox .close {
        float:right;
        display:block;
        text-decoration:none;
        color:#858585;
}
.lightboxthumb{
	max-width:300px;
	max-height:300px;
	margin:20px;
}
.lightboxlarge{
	max-width:330px;
	margin:5px;
	float:right;
}
.lightboxlarge2{
	max-width:750px;
	max-height:750px;
	margin:5px;
}

/* Hide the lightbox */
.lightbox {
    display: none;
/* Apply basic lightbox styling */
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color:#333333;
    overflow:auto;
}
/* Show lightbox when it is target */
.lightbox:target {

    display: block;
    outline: none;

}
/*end lightbox*/