/* Insert Main Styles Here */
  
body {
background: url(http://www.plainsailing.co.nz/images/template/bg-city.jpg) no-repeat center center fixed;
background-size:cover;
}

h1,h2,h3,a {font-family: 'Lato', sans-serif;}
h1 {font-size:24px; color:#002C60;}
h2 {font-size:20px; color:#000;}
h3 {font-size:18px; line-height:2; color: #3b3b3b;}
h4 {font-size:16px; line-height:2; }
a {color:#002C60; }

.navbar-inverse { background:none; border:none;}
.navbar-inverse .navbar-nav > li > a {color:#000; border-bottom: 2px solid #1D3C78;}
.navbar-nav > li {margin-right:30px; letter-spacing:2px;}
.navbar-nav > li:last-child {margin:0;}
.navbar-nav > li > a {font-size:19.3px; font-weight:bold; letter-spacing:1pt; line-height:120%;  padding:10px 0; text-transform:lowercase; letter-spacing:2px;}
.lt-ie9 .navbar-nav > li > a {font-size:17px;}
.navbar-inverse .navbar-nav > li > a:hover {border-bottom: 3px solid #C00007;  color:#000;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { font-family: 'Lato', sans-serif; background:none; border-bottom: 3px solid #C00007; color:#000;}
.navbar-collapse, .navbar .container {padding:0;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{background:none;}

.icons { background:url(http://www.plainsailing.co.nz/images/template/icons.png) top left no-repeat; float:left; margin:10px;}
.fax { height:40px; background-position:-10px -10px; padding-left:45px;  line-height:40px;}
.facebook { width:40px; height:40px; background-position:-10px -60px; float:right;}
.email{height:40px; background-position:-10px -110px; padding-left:45px;  line-height:40px; }
.mail{height:40px; background-position:-10px -160px; padding-left:45px;  line-height:40px; }
.phone{height:40px; background-position:-10px -210px; padding-left:45px;  line-height:40px;}

.jumbotron {background:transparent; padding:0;}

.main{ background-color:#fff; background-color:rgba(255,255,255,0.9); -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px;}

.foot {font-family: 'Lato', sans-serif; background-color:#fff; background-color:rgba(255,255,255,0.9); margin-top:30px; -moz-border-radius: 8px;
 -webkit-border-radius: 8px; -khtml-border-radius: 8px;border-radius: 8px;}
footer {font-size:9.8px; color:#fff; margin:15px 0; }
footer a {color:#fff;}

.home .main{background:transparent;}
.home .main h2 {color:#fff; letter-spacing:3px; font-weight:normal; line-height:50px; font-size:30px; letter-spacing:3pt; line-height:160%; font-weight:700;}

hr {border-color:transparent;}
.footer-links {
height: 40px;
    float: left;
    margin: 10px;}

/* Table */
/* 
Generic Styling, for Desktops/Laptops 
*/
table { 
  width: 100%; 
  border-collapse: collapse; 
}
td, th { 
  padding: 6px 6px 6px 30px; 
  text-align: left; 
}
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px)
/*,(min-device-width: 768px) and (max-device-width: 1024px)*/
{

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
		
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding:10px;

	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	

}


@media (max-width: 767px) {
.navbar-nav > li > a {font-size:14px; padding:10px; }
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { border:0;}
.navbar-nav {margin:10px; background:#fff;}


}
@media (min-width: 768px) and (max-width: 991px) { .navbar-nav > li > a {font-size:11px;}
.navbar-nav > li {margin-right:10px;}
.icons, .footer-links {margin-right:5px; font-size:11px;}
}

@media (min-width: 992px) and (max-width: 1199px) { 
.navbar-nav > li > a {font-size:16px;}
.navbar-nav > li {margin-right:16px;}
.home .main{margin-top:400px;}
}
@media (min-width: 992px) {
.home .main{margin-top:50px; }
.icons, .footer-links {margin-right:50px;}
}
/* Stylesheet: TwitterBootsrap Modified On 2014-08-27 08:31:13 */