@charset "UTF-8";
/* CSS Document */

/** FONTTILISENSSI
 * @license
 * MyFonts Webfont Build ID 2890436, 2014-09-26T10:54:27-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: ZonaPro by Intelligent Design
 * URL: http://www.myfonts.com/fonts/intelligent-foundry/zona-pro/regular/
 * 
 * Webfont: ZonaPro-Light by Intelligent Design
 * URL: http://www.myfonts.com/fonts/intelligent-foundry/zona-pro/light/
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2890436
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright (c) 2014 by Intelligent Design - Kostas Bartsokas. All
 * rights reserved.
 * 
 * © 2014 MyFonts Inc
*/

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2c1ac4");

@font-face {
    font-family: 'ZonaPro';
	src: url('../fonts/2C1AC4_0_0.eot');
    src: url('../fonts/2C1AC4_0_0.eot?#iefix') format('eot'),
		url('../fonts/2C1AC4_0_0.woff') format('woff'),
		url('../fonts/2C1AC4_0_0.ttf') format('truetype');
    font-weight: normal;
	font-style: normal;
 }

  @font-face {
    font-family: 'ZonaPro-Light';
	src: url('../fonts/2C1AC4_1_0.eot');
    src: url('../fonts/2C1AC4_1_0.eot?#iefix') format('eot'),
		url('../fonts/2C1AC4_1_0.woff') format('woff'),
		url('../fonts/2C1AC4_1_0.ttf') format('truetype');
    font-weight: normal;
	font-style: normal;
 }
 	
body {
	font-size: 13px;
	font-family: 'ZonaPro', sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 150%;
	color: #fff;
	-webkit-font-smoothing: antialiased;
}

.clear {
    clear: both;
}

video { 
	display: block;
}

video#bgvid {
	position: fixed; right: 0; bottom: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto; z-index: -100;
	background:(../video/bgMovie.jpg) no-repeat;
	background-size: cover;
}

img {
    max-width: 100%;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

h1, h2 {
	font-family: 'ZonaPro-Light', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 35px;
	line-height: 120%;
	text-transform: uppercase;
	color: #fff;
}

h3 {
	font-family: 'ZonaPro', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 150%;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}


a:link {
	color: #fff;
    text-decoration: none;
}

a:visited {
    color: #fff;
}

a:hover {
	color: #08abba;
	text-decoration: none;
}

a:active {
    color: #fff;
}

:focus {
    border: none;
	outline: none;
}

#wrapper {
	max-width: 960px;
	margin: 0 auto;
	position: relative;
}

#header {
	border-bottom: 4px solid #08ABBA;
	position: relative;
}

#logo {
	width: 38.96%; 
	height: 96px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	-webkit-background-size:contain; 
    -moz-background-size:contain; 
    background-size:contain;
    background-position: center bottom; 
	display: block;
	margin: 0 auto;
}


#logo a, #home a, #linkedin a, #cvb a {
   	display: block;
	width: 100%;
	height: 100%;
}

#logo span, #colLeft span, #colLeftCV span {
    display: none;
}

#slogan {
	font-size: 0.9em;
	text-align: right;
	color: #FFF;
	position: absolute;
    top: 50.17%;
    bottom:0;
    right: 0;
	height: 100%;
}

.sloganFooter {
	display: none;
}

#home, #menu, #cvb {
	background-image: url(../images/headerButtons.png);
	background-repeat: no-repeat;
	height: 38px;
	width: 38px;
	margin-right: 7px;
	position: absolute;
	top: 46.88%;
    bottom:0;
}

#home {
	background-position: 0px;
    left: 0;
}

#menu {
	background-position: -42px;
    left: 45px;
}

#cvb {
	background-position: -87px;
    left: 90px; 
}

#home:hover, #menu:hover, #cvb:hover {
	background-image: url(../images/headerButtonsHover.png);
}

#navigation {
	background-color: #001618;
	background-color: rgba(0,0,0,0.5);
	margin-bottom: -5px;
	display: none;
}

#navigation ul {
	width: 100%;
	margin: 0;
	padding: 0;
}

#navigation ul li {
    list-style-type: none;
    float: left;
}

#navigation ul li a {
    font-size: 0.923em;
	display: block;
    padding: 0.385em 1.077em;
    color: #fff;
    border-right: 1px solid #08ABBA; 
	text-decoration: none;
}

#navigation ul li a:hover {
    text-decoration: none;
    background-color: #08ABBA;
}


#content {
	border-top: 4px solid #08ABBA;
	margin-top: 5px;
	margin-bottom: 0px;
}

.bgColorIndex {
	background: #08abba;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDhhYmJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjMDI0YTY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTg5ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjk4OWQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

background: -moz-linear-gradient(45deg,  #08abba 0%, #024a64 34%, #000000 100%, #2989d8 100%, #2989d8 100%, #000000 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#08abba), color-stop(34%,#024a64), color-stop(100%,#000000), color-stop(100%,#2989d8), color-stop(100%,#2989d8), color-stop(100%,#000000)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(45deg,  #08abba 0%,#024a64 34%,#000000 100%,#2989d8 100%,#2989d8 100%,#000000 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(45deg,  #08abba 0%,#024a64 34%,#000000 100%,#2989d8 100%,#2989d8 100%,#000000 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(45deg,  #08abba 0%,#024a64 34%,#000000 100%,#2989d8 100%,#2989d8 100%,#000000 100%); /* IE10+ */

background: linear-gradient(45deg,  #08abba 0%,#024a64 34%,#000000 100%,#2989d8 100%,#2989d8 100%,#000000 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08abba', endColorstr='#000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}

.bgColorPgTwo {
background: #ff4540; /* Old browsers */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmY0NTQwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjMDI0YTY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTg5ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjk4OWQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

background: -moz-linear-gradient(45deg,  #ff4540 0%, #024a64 34%, #000000 100%, #2989d8 100%, #2989d8 100%, #000000 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ff4540), color-stop(34%,#024a64), color-stop(100%,#000000), color-stop(100%,#2989d8), color-stop(100%,#2989d8), color-stop(100%,#000000)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(45deg,  #ff4540 0%,#024a64 34%,#000000 100%,#2989d8 100%,#2989d8 100%,#000000 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(45deg,  #ff4540 0%,#024a64 34%,#000000 100%,#2989d8 100%,#2989d8 100%,#000000 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(45deg,  #ff4540 0%,#024a64 34%,#000000 100%,#2989d8 100%,#2989d8 100%,#000000 100%); /* IE10+ */

background: linear-gradient(45deg,  #ff4540 0%,#024a64 34%,#000000 100%,#2989d8 100%,#2989d8 100%,#000000 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989d8', endColorstr='#000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}

.bgColorPgThree {
background: #006594; /* Old browsers */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDA2NTk0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjMDI0YTY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTg5ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjk4OWQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

background: -moz-linear-gradient(45deg,  #006594 0%, #024a64 34%, #000000 100%, #2989d8 100%, #2989d8 100%, #000000 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#006594), color-stop(34%,#024a64), color-stop(100%,#000000), color-stop(100%,#2989d8), color-stop(100%,#2989d8), color-stop(100%,#000000)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(45deg,  #006594 0%,#024a64 34%,#000000 100%,#2989d8 100%,#2989d8 100%,#000000 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(45deg,  #006594 0%,#024a64 34%,#000000 100%,#2989d8 100%,#2989d8 100%,#000000 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(45deg,  #006594 0%,#024a64 34%,#000000 100%,#2989d8 100%,#2989d8 100%,#000000 100%); /* IE10+ */

background: linear-gradient(45deg,  #006594 0%,#024a64 34%,#000000 100%,#2989d8 100%,#2989d8 100%,#000000 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006594', endColorstr='#000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */	

}

.bgColorPgFour {
background: #3fe6ff; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjM2ZlNmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjMDI0YTY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTg5ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjk4OWQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

background: -moz-linear-gradient(45deg,  #3fe6ff 0%, #024a64 34%, #000000 100%, #2989d8 100%, #2989d8 100%, #000000 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#3fe6ff), color-stop(34%,#024a64), color-stop(100%,#000000), color-stop(100%,#2989d8), color-stop(100%,#2989d8), color-stop(100%,#000000)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(45deg,  #3fe6ff 0%,#024a64 34%,#000000 100%,#2989d8 100%,#2989d8 100%,#000000 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(45deg,  #3fe6ff 0%,#024a64 34%,#000000 100%,#2989d8 100%,#2989d8 100%,#000000 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(45deg,  #3fe6ff 0%,#024a64 34%,#000000 100%,#2989d8 100%,#2989d8 100%,#000000 100%); /* IE10+ */

background: linear-gradient(45deg,  #3fe6ff 0%,#024a64 34%,#000000 100%,#2989d8 100%,#2989d8 100%,#000000 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#024a64', endColorstr='#000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */


}

.bgColorPgCv {
background: rgb(8,171,186); /* Old browsers */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzNiUiIHN0b3AtY29sb3I9IiMwOGFiYmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiMwMjRhNjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyOTg5ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);

background: -moz-linear-gradient(left,  rgba(8,171,186,1) 36%, rgba(2,74,100,1) 70%, rgba(0,0,0,1) 100%, rgba(41,137,216,1) 100%, rgba(41,137,216,1) 100%, rgba(0,0,0,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(36%,rgba(8,171,186,1)), color-stop(70%,rgba(2,74,100,1)), color-stop(100%,rgba(0,0,0,1)), color-stop(100%,rgba(41,137,216,1)), color-stop(100%,rgba(41,137,216,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  rgba(8,171,186,1) 36%,rgba(2,74,100,1) 70%,rgba(0,0,0,1) 100%,rgba(41,137,216,1) 100%,rgba(41,137,216,1) 100%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  rgba(8,171,186,1) 36%,rgba(2,74,100,1) 70%,rgba(0,0,0,1) 100%,rgba(41,137,216,1) 100%,rgba(41,137,216,1) 100%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  rgba(8,171,186,1) 36%,rgba(2,74,100,1) 70%,rgba(0,0,0,1) 100%,rgba(41,137,216,1) 100%,rgba(41,137,216,1) 100%,rgba(0,0,0,1) 100%); /* IE10+ */

background: linear-gradient(to right,  rgba(8,171,186,1) 36%,rgba(2,74,100,1) 70%,rgba(0,0,0,1) 100%,rgba(41,137,216,1) 100%,rgba(41,137,216,1) 100%,rgba(0,0,0,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08abba', endColorstr='#000000',GradientType=1 ); /* IE6-8 */

}

#colLeft, #colLeftCV {
	width: 41.77%; 
	height: 415px; 
	margin-right: -8.85%;
	float:left;
	background-repeat: no-repeat; 
}

#colLeft.img1 {
	background-image: url(../images/pgOne_tvhead.png);
	background-position: 0px 10px;
}

#colLeft.img2 {
	background-image: url(../images/pgTwo_mobiheadMissCmv.png);
	background-position: 0px 10px;
}

#colLeft.img3 {
	background-image: url(../images/pgThree_missConsumer.png);
	background-position: -8px 0px;
}

#colLeft.img4 {
	background-image: url(../images/pgFour_wedding.png);
}

#colLeftCV.img5CV {
	background-image: url(../images/cvJorma.png);
}

#colRight {
	float: left;
	width: 56.22%; 
	padding-right: 1.04%;
	padding-top: 7%;
	padding-bottom: 2%;
}

#colRight h1 {
	line-height: 100%;
}

.headingSmall {
	display: none;
}

.headingLarge {
	display: block;
}

#content ul {
	padding: 0;
    margin: 0;
	line-height: 180%;
}

#content ul li {
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: left;
    padding-left: 28px; 
}

#content ul li a {
	font-size: 1.2em;
	text-transform: uppercase;
	text-decoration: none;
}

#forward ul li {
    background-image: url(../images/fwArrow.png);
}

#backward ul {
	margin-top: -7%;
	margin-bottom: 15px;
}

#backward ul li {
    background-image: url(../images/bwArrow.png);
}

#cv ul {
	line-height: 145%;
}

#cv ul li {
	padding-left: 0px; 
	padding-top: 0.923em;
}

#backwardMob {
	display: none;
} 

#textboxBottom {
	margin: 0px;
	padding: 5px 5px 0px 5px;
	font-size: 11px;
	line-height: 100%;
	background-color: #078b98; 
	text-align: center;
	border-bottom: 4px solid #08ABBA;
}

#footer {
	margin-top: 5px;
	padding-top: 12px;
	border-top: 4px solid #08ABBA;
	height: 45px;
}

#footer h3 {
	font-style: normal;
	font-weight: normal;
	line-height: 300%;
	color: #FFF;
	margin-right: 15px;
	float: right;
}

#footer .copyright {
	font-size: 11px;
	line-height: 140%;
	color: #08ABBA;
	float: left;
	margin-top: -10px;
}

#linkedin {
	background-image: url(../images/footerButtons.png);
	background-repeat: no-repeat;
	background-position: -92px;
	margin-left: 7px;
	margin-top: -7px;
	width: 38px;
	height: 50px;
	float: right;
}

#linkedin:hover {
	background-image: url(../images/footerButtonsHover.png);
}


@media screen and (max-width:906px){
	
body {
	font-size: 0.7em;
	line-height: 145%;
}

#logo {
	height: 70px;
}

#slogan {
	font-size: 0.9em;
    top: 46.88%;
}

#home, #menu, #cvb {
	top: 30.88%;
}

#colLeft {
	margin-right: -7.85%;
	-webkit-background-size:contain; 
    -moz-background-size:contain; 
    background-size:contain;
}

#cv ul {
	line-height: 140%;
}

#cv ul li {
	padding-left: 0; 
	padding-top: 0.723em; 
}

#content ul {
	line-height: 210%;
}

}

@media screen and (min-width:691px) and (max-device-width: 800px) {

body { 
background: url(../video/bgMovie.jpg);
background-size:cover; 
background-repeat: repeat-y;
}

video { 
	display: none; 
}

#bgvid { 
	display: none; 
}

}


@media screen and (max-width:690px){

body {
	background-color: #024a64; 
}
	
#wrapper {
	width: 100%;
	margin:0;
	padding:0;
}

video { 
	display: none; 
}

#bgvid  { 
	display: none; 
}


#logo { 
	width: 192px;
	height: 60px;
	background-image: url(../images/logoMob.png);
	background-size: auto;
	float: right;
}

#home, #menu, #cvb{
	top: 22.88%;
}

#navigation ul li {
	float: none;
}

#navigation ul li a {
    border-top: 1px solid #08ABBA;
	border-left: 0px; 
}

#colLeft, #colLeftCV {
	width: 100%;
	height: 170px;
	margin:0;
	margin-bottom: -25px;
	padding:0;
	display: block;
	background-size: auto; 
	background-size: initial;
}

#colLeft.img1 {
	background-image: url(../images/tvHeadMob.jpg);
	background-position: 0px 0px;
}

#colLeft.img2 {
	background-image: url(../images/mheadMissCMob.jpg);
	background-position: 0px 0px;
}

#colLeft.img3 {
	background-image: url(../images/MissCMob.jpg);
	background-position: 0px 0px;
}

#colLeft.img4 {
	background-image: url(../images/weddingMob.jpg);
	background-position: 0px 0px;
}

#colLeftCV.img5CV {
	background-image: url(../images/cvJormaMob.jpg);
	background-position: 0px 0px;
}

#colRight {
	display: block;
	width: 92%;
	padding-right: 10px;
	padding-left: 10px;
}

h1 {
	font-size: 27px;
}

.headingSmall {
	display: block;
	float: left;
	padding-left: 179px; 
	padding-right: 10px;
	padding-top: 10px;
}

.indexMob {
	padding-top: 24px;
}

.headingLarge {
	display: none;
}

.index {
	display: none;
}

#cv ul {
	line-height: 130%;
	margin-bottom: 10px;
	margin-top: 10px;
}

#backward {
	display:none;
}

#backwardMob {
	display:block;
	margin-top: 10px;
	padding-left: 179px; 
}

#backwardMob ul li {
    background-image: url(../images/bwMArrow.png);
}

#backwardMob a:hover {
	color: #024A64;
}

#textboxBottom {
	line-height: 120%;
}

#slogan {
	display: none;
}

.sloganFooter {
	font-size: 11px;
	display: block;
}

.copyright {
	display: none;
}

#footer h3 {
	display: none;
}
	
#footer {
	padding-top: 0px;
}

#footer #linkedin {
	margin-top: -48px;
}

input[id=popup], input[id=popupTel] {
	margin-top: -48px;
}

#bgDarken {
	position: static;
	margin: auto;
	background-color: transparent;
}

div#popupContact {
	position: static;
	margin-top: 5px;
	max-width: 100%;
}

#popupPhone {
	position: static;
	margin: auto;
}

img#pointer, img#pointerPho {
	display:none;
}

#close, #closePho {
	position: static;
	height: 30px;
	width: 30px;
	font-size:25px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	float: right;
	margin: 0;
}

#close {
	margin-top: -8px;
	margin-right: -8px;
}

#closePho {
	margin-right: -15px;
	margin-bottom: -5px;
}

.success, .error {
	position: static;
}

}


@media screen and (max-width:417px){
	
#logo { 
	width: 170px;
	background-size: contain;
}

#home, #menu, #cvb {
	top: 24.88%;
}

.bgColorIndex,.bgColorPgTwo,.bgColorPgThree,.bgColorPgFour,.bgColorPgCv {
	background: #096D7E;
}

.headingLarge {
	display: block;
}

.headingSmall {
	display: none;
}

h1 {
	font-size: 27px;
	position: static;
}

#colLeft, #colLeftCV {
	display: none;
}

.img1,.img2,.img3,.img4,.img5CV { 
	background-image: none;
}

#colRight {
	display: block;
	padding-left: 10px;
}

#colRight h1 {
	padding-left: 0px;
}

#backward ul {
	padding-left: 0px;
	margin-bottom: 10pt;
	padding-top: 5%;
}

#forward ul {
	margin-bottom: 10pt;
}

#backward {
	display:block;
}

#backwardMob {
	display:none;
}

#footer {
	display: block;
}
	
}