/*



myCompany theme for Getsimple CMS, created by PixelOfficer, 

www.pixelofficer.sk 



Based on: HTML5 Boilerplate CSS: h5bp.com/css

          Initializr by Jonathan Verrecchia - verekia.com/initializr/responsive-template   



Font Bebas Neue used with permission from Dharma Type 

Generated by Font Squirrel (http://www.fontsquirrel.com) on March 28, 2012 04:49:18 AM America/New_York 



*/





@font-face {

	font-family: 'BebasNeueRegular';

	src: url('font/BebasNeue-webfont.eot');

	src: url('font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),         

       url('font/BebasNeue-webfont.woff') format('woff'),         

       url('font/BebasNeue-webfont.ttf') format('truetype'),         

       url('font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');

	font-weight: normal;

	font-style: normal;

}

/* 

=============================================================================   

h5bp.com/css   

========================================================================== 

*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {

	display: block;

}

header {

width: 1080px;

}

article {

		width:700px;

	}



audio, canvas, video {

	display: inline-block;

	*display: inline;

	*zoom: 1;

}

audio:not([controls]) {

	display: none;

}

[hidden] {

	display: none;

}

html {

	font-size: 100%;

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

}

html, button, input, select, textarea {

	font-family: sans-serif;

	color: #000;

}

body {

	margin: 0;

	font-size: 1em;

	line-height: 1.4;

background-attachment:fixed;

  background-image:url(http://q-kayaks.co.nz/theme/mycompany/img/bg2.jpg);

  background-position:50% 0;

  background-repeat:repeat repeat;

}

a {

	color: #000;

}

a span {

	color: #000;

}

a:visited {

	color: #000;

}

a:hover {

	color: #566c83;

}

a:focus {

	outline: thin dotted;

}

a:hover, a:active {

	outline: 0;

}

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;

}

pre, code, kbd, samp {

	font-family: monospace, serif;

	_font-family: 'courier new', monospace;

	font-size: 1em;

}

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%;

}

sub, sup {

	font-size: 75%;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}

sup {

	top: -0.5em;

}

sub {

	bottom: -0.25em;

}

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;

}

img {

	border: 0;

	-ms-interpolation-mode: bicubic;

	vertical-align: middle;

}

svg:not(:root) {

	overflow: hidden;

}

figure {

	margin: 0;

}

form {

	margin: 0;

}

fieldset {

	border: 0;

	margin: 0;

	padding: 0;

}

label {

	cursor: pointer;

}

legend {

	border: 0;

	*margin-left: -7px;

	padding: 0;

	white-space: normal;

}

button, input, select, textarea {

	font-size: 100%;

	margin: 0;

	vertical-align: baseline;

	*vertical-align: middle;

}

button, input {

	line-height: normal;

}

button, input[type="button"], input[type="reset"], input[type="submit"] {

	cursor: pointer;

	-webkit-appearance: button;

	*overflow: visible;

}

button[disabled], input[disabled] {

	cursor: default;

}

input[type="checkbox"], input[type="radio"] {

	box-sizing: border-box;

	padding: 0;

	*width: 13px;

	*height: 13px;

}

input[type="search"] {

	-webkit-appearance: textfield;

	-moz-box-sizing: content-box;

	-webkit-box-sizing: content-box;

	box-sizing: content-box;

}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {

	-webkit-appearance: none;

}

button::-moz-focus-inner, input::-moz-focus-inner {

	border: 0;

	padding: 0;

}

textarea {

	overflow: auto;

	vertical-align: top;

	resize: vertical;

}

input:valid, textarea:valid {

}

input:invalid, textarea:invalid {

	background-color: #f0dddd;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

	background-color:white;

}

td {

	vertical-align: top;

}

.chromeframe {

	margin: 0.2em 0;

	background: #ccc;

	color: black;

	padding: 0.2em 0;

}

/* 

===== START ==========================================================   

*/

body {

	font: 13px/22px Verdana, Helvetica, Helvetica Neue, Arial;

	background-color: #1c425d

}

.wrapper {

	margin-left:auto;

    margin-right:auto;

    width:1010px;

}

/* ===================    ALL: myCompany Theme   =================== */

#header-container {

	border-bottom: 1px solid #fff;

	

}

#footer-container {

	border-top:    1px solid #d0d8dd;

	width:1050px;

	margin:0 auto;

}

#header-container {

	background: #1c425d;

     width:1050px;

	margin: 0 auto;

	background-repeat: repeat-x;

	background-position: bottom;

}

#main-container {



  margin:0;

  padding:0;



}

#footer-container {

	background-image: url(img/bg_bot.png);

	background-repeat: repeat-x;

	padding-top: 1px;

	min-height: 150px

}



#breadcrumbs-container {

	background-image: url(img/bg-bread.png);

	background-repeat: repeat-x;

	background-color: #a6b3bb;

	border-bottom: 1px rgba(23, 55, 78, 0.5) dashed;

	width:1050px;

	margin:0 auto;

}



#main aside {

	background: none;

}

#main aside img {

	max-width: 100%;

}



.inheader {

	background-image: url(img/bg_top2.png);

	background-repeat: no-repeat;

	background-position: top center;



}

#title {

	color: white;

}

pre {

	padding: 10px;

	background-color: rgba(23,55,78,0.1);

	border-radius: 8px;

	font-size: 13px;

	line-height: 1.5em;

	border: 1px  rgba(23,55,78,0.9) dashed;

}



img.niceborder {

  background-color: white;

  padding: 8px;

  border: 1px solid #8d9aa2;

	-webkit-border-radius: 8px 8px 8px 8px;

	-moz-border-radius: 8px 8px 8px 8px;

	border-radius: 8px 8px 8px 8px;

	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);

	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);

	box-shadow: 0px 1px 2px rgba(0,0,0,0.5);  

}



code {

  color: #005e84;

}



.breadcrumbs {

  font-size: 10px;

  padding: 3px;

  color: #788892; 

  vertical-align: middle; 

}



.breadcrumbs a {

  color: #1b3f58;

  text-decoration: none;

  padding-right: 5px;

  padding-left: 0px;

}



.breadcrumbs img {

  vertical-align: middle;

  margin-right: 5px;

}



.date {

  background-image: url(img/bg-date.png);

  background-repeat: no-repeat;

  padding-top: 5px;

  margin-top: 50px;

  color: #92a0aa;

  font-size: 10px;

}



.nicebox {

  display: block;

  background-image: url(img/bg-nicebox.png);

  background-repeat: no-repeat;

	border: 8px  #e4eaee solid;

  padding-left: 20px;

  padding-right: 20px;

  padding-bottom: 20px;

  margin: 10px auto;

  width: 80%;

  color: #e4eaee;

  background-color: #aab9c2;

  text-shadow: 0px -1px 0px #8d9aa2; 

	-webkit-border-radius: 8px 8px 8px 8px;

	-moz-border-radius: 8px 8px 8px 8px;

	border-radius: 8px 8px 8px 8px;

	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);

	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);

	box-shadow: 0px 1px 2px rgba(0,0,0,0.5);   

}



.nicebox h2, .nicebox h3, .nicebox h4 {

  color: #34617F !important;

  padding-bottom: 5px;

  border-bottom: 1px solid #e4eaee;

}



/* ==============    MOBILE: Menu   ============== */

nav ul {

	margin-bottom: 7px;

}



ul.black li a {

	color:black;

}

nav a {

	display: block;

	margin-bottom: 0px;

	padding: 5px 0;

	font-size: 11px;

	text-align: center;

	text-decoration: none;

	font-weight: normal;

	color: white;

	text-shadow: 0px -1px 0px #000;

}

nav a:hover, nav a:visited {

	color: white;

}

nav a:hover {

	text-decoration: none;

	color: #c48d23;

}

nav li.current a {

	background-image: url(img/bg_menuitem.png);

	background-color: white;

	background-repeat: repeat-x;

	color: #153c60 !important;

	text-shadow: 0px -1px 0px #e2e7ea;

	-webkit-border-radius: 8px 8px 8px 8px;

	-moz-border-radius: 8px 8px 8px 8px;

	border-radius: 8px 8px 8px 8px;

	-moz-box-shadow: 0px -1px 1px rgba(0,0,0,0.7);

	-webkit-box-shadow: 0px -1px 1px rgba(0,0,0,0.7);

	box-shadow: 0px -1px 1px rgba(0,0,0,0.7);

}

#navbottom {

	font-size: 11px;

	line-height: 1.2em;

	padding-left: 10px;

	color: #4e616f

}

#navbottom a {

	color: #4e616f;

}

#navbottom a:hover, #navbottom li a:hover {

	color: #dbe1e5;

}

#navbottom ul {

	margin: 0px;

	padding: 0px;

	margin-bottom: 10px;

	text-align:center;

}

#navbottom ul li {

	display: inline;

}

#navbottom li a {

	text-decoration: none;

	color: #7b8790;

	padding-left: 0px;

	padding-right: 11px;

	margin-right: 11px;

	border-right: 1px solid #4e616f;

}

#navbottom li:last-child  a {

	border-right: 0px;

}

.logofooter {

	padding-top: 10px;

	margin-top: 10px;

	border-top: 1px solid #4c606f;

}

.socialicons {

	float: right;

}

.button {

	background-color: #164a6a;

	/*background-image: url(img/bg-button.png);

	background-repeat: repeat-x;  */

	background: -webkit-gradient(linear, left top, left bottom, from(#7491a4), to(#164a6a));

	background: -moz-linear-gradient(top,  #7491a4,  #164a6a);	

	padding: 10px 15px 10px 15px;

	line-height: 3.5em;

	color: white;

	white-space:nowrap;

	border-radius: 8px;

	text-decoration: none;

	text-shadow: 0px -1px 0px #000;

	-webkit-border-radius: 8px 8px 8px 8px;

	-moz-border-radius: 8px 8px 8px 8px;

	border-radius: 8px 8px 8px 8px;

	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.7);

	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.7);

	box-shadow: inset 0 1px 1px rgba(255,255,255,0.8), 0 2px 1px rgba(0,0,0,0.50);

}

.button:hover {

	background-image: none;

	background-color: #132e40;

	background: -webkit-gradient(linear, left top, left bottom, from(#132e40), to(#244f6c));

	background: -moz-linear-gradient(top,  #132e40,  #244f6c);

	color: white;

}

.button:visited {

	color: white;

}



.green {

	background: -webkit-gradient(linear, left top, left bottom, from(#99b464), to(#657a3b));

	background: -moz-linear-gradient(top,  #99b464,  #657a3b);	 

}



.green:hover {

	background: -webkit-gradient(linear, left top, left bottom, from(#273e1e), to(#4a7539));

	background: -moz-linear-gradient(top,  #273e1e,  #4a7539);	 

}



.gold {

	background: -webkit-gradient(linear, left top, left bottom, from(#bd9542), to(#876722));

	background: -moz-linear-gradient(top,  #bd9542,  #876722);	 

}



.gold:hover {

	background: -webkit-gradient(linear, left top, left bottom, from(#876722), to(#62460d));

	background: -moz-linear-gradient(top,  #876722,  #62460d);	 

}



.download {

	background-image: url(img/ico-button-download.png);

  background-repeat: no-repeat;

  background-position: left center;

  padding: 5px;

  padding-left: 25px;

  margin-left: -5px;

  margin-right: 0px;

}



.ok {

	background-image: url(img/ico-button-ok.png);

  background-repeat: no-repeat;

  background-position: left center;

  padding: 5px;

  padding-left: 25px;

  margin-left: -5px;

  margin-right: 0px;

}



.cancel {

	background-image: url(img/ico-button-cancel.png);

  background-repeat: no-repeat;

  background-position: left center;

  padding: 5px;

  padding-left: 25px;

  margin-left: -5px;

  margin-right: 0px;

}



.star {

	background-image: url(img/ico-button-star.png);

  background-repeat: no-repeat;

  background-position: left center;

  padding: 5px;

  padding-left: 25px;

  margin-left: -5px;

  margin-right: 0px;

}



.next {

	background-image: url(img/ico-button-next.png);

  background-repeat: no-repeat;

  background-position: left center;

  padding: 5px;

  padding-left: 25px;

  margin-left: -5px;

  margin-right: 0px;

}



.back {

	background-image: url(img/ico-button-back.png);

  background-repeat: no-repeat;

  background-position: left center;

  padding: 5px;

  padding-left: 25px;

  margin-left: -5px;

  margin-right: 0px;

}





/* ====================    INTERMEDIATE: Menu   ==================== */

nav a {

	margin-right: 5px;

	padding: 5px 15px 5px 15px;

	margin-bottom: 3;

}

nav li.current a {

	padding: 5px 20px 5px 20px;

	border-radius: 8px 8px 0px 0px;

}

nav li:first-child a {

	margin-left: 0;

}

nav li:last-child  a {

	margin-right: 0;



}

#main.frontpage article {

	float: left;

	width: 38%;

	padding-top: 30px;

	padding-bottom: 30px;	

}

#main.frontpage aside {

	float: right;

	width: 56%;

	min-height: 100px;

}

#main.blank article {

	width: 100%;

}

#main article {

	width: 700px;

	float: left;

}

#main aside {

	width: 300px;

	float: right;

	background-image: url(img/bg-aside.png);

	background-repeat: no-repeat;

	min-height: 419px;

}

	

	nav ul li {

	display: inline;

	float: left;

}

.oldie nav a {

	margin: 0 0.7%;

}







/* ============    WIDE: Main   ============ */

	



	



#main .section {

	padding-left: 40px;

}

	

	#main

{

  background-color:#FF5A00;

  background-image:url(http://q-kayaks.co.nz/theme/mycompany/img/bg.png);

  background-position:initial initial;

  background-repeat:repeat-x;



	}









/* ===============    ALL: IE Fixes   =============== */

.ie7 #title {

	padding-top: 20px;

}

















/* ==============    MOBILE: Main   ============== */

#main {

	padding: 20px 20px;

}

#main h1, #main h2, #main h3, #main h4 {

	font-family: BebasNeueRegular, Arial, Helvetica, Sans-Serif;

	font-weight: normal;

	text-shadow: 0px 1px 0px #f0f4f7;

}

#main article h1 {

	font-size: 3.5em;

	line-height: 1.1em;

	color: #ED1C24;

	margin-bottom: 0px;

	margin-top: 15px;

	text-shadow: 0px 1px 0px #fff;
	width:650px;

}

#main article h2 {

	font-size: 2.3em;

	line-height: 1.1em;

	color: #000;

	margin-bottom: 15px;

}

#main article h3 {

	font-size: 1.8em;

	line-height: 1.1em;

	color: #739fb3;

	margin-bottom: 5px;

}

#main article h4 {

	font-size: 1.5em;

	line-height: 1.1em;

	color: #000;

	margin-bottom: 5px;

}

#main aside {

	color: #000;

	padding: 0px 5px 10px;

	background-image: url(img/bg-aside2.png);

	background-repeat: no-repeat;

	min-height: 129px;

	padding-top: 20px;

	font-size: 11px;

	line-height: 1.5em;

}

#main.frontpage aside {

	text-align: center;

	background-image: none;

}

#main aside h2 {

	color: #ED1C24;

	font-size: 2em;

}

#footer-container footer {

	color: white;

	padding: 20px 0;

}

/* =============================================================================   Non-Semantic Helper Classes   ========================================================================== */

.ir {

	display: block;

	border: 0;

	text-indent: -999em;

	overflow: hidden;

	background-color: transparent;

	background-repeat: no-repeat;

	text-align: left;

	direction: ltr;

	*line-height: 0;

}

.ir br {

	display: none;

}

.hidden {

	display: none !important;

	visibility: hidden;

}

.visuallyhidden {

	border: 0;

	clip: rect(0 0 0 0);

	height: 1px;

	margin: -1px;

	overflow: hidden;

	padding: 0;

	position: absolute;

	width: 1px;

}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {

	clip: auto;

	height: auto;

	margin: 0;

	overflow: visible;

	position: static;

	width: auto;

}

.invisible {

	visibility: hidden;

}

.clearfix:before, .clearfix:after {

	content: "";

	display: table;

}

.clearfix:after {

	clear: both;

}

.clearfix {

	*zoom: 1;

}

/* =============================================================================   Print Styles   ========================================================================== */

@media print {

* {

	background: transparent !important;

	color: black !important;

	box-shadow: none !important;

	text-shadow: none !important;

	filter: none !important;

	-ms-filter: none !important;

}

/* Black prints faster: h5bp.com/s */

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;

}

@page {

	margin: 0.5cm;

}

p, h2, h3 {

	orphans: 3;

	widows: 3;

}

h2, h3 {

	page-break-after: avoid;

}

}