/*a:link, a:visited {
	-webkit-transition: color .2s linear;
	   -moz-transition: color .2s linear;
	     -o-transition: color .2s linear;
	        transition: color .2s linear;
}*/


#nav li a {
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
		 -0-transition: all 0.2s linear;
		    transition: all 0.2s linear;
	}

#nav li a:hover {
	color: #ce6032;
	background: #d6ebf9;
	background: rgba(214,235,249,0.5);
	}


a img {
	padding: 0px;
	-webkit-transition: opacity 0.2s ease-in-out;
	   -moz-transition: opacity 0.2s ease-in-out;
		 -o-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
	}

a:hover img{
	opacity: 0.6;
	}


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

/* da fonts
--------------------------------------------- */

@font-face {
	font-family: 'FedraSerifAGRMediumSC';
	src: url('../regal_sf_css/fonts/fedraserifa-mediumsc-webfont.eot');
	src: url('../regal_sf_css/fonts/fedraserifa-mediumsc-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../regal_sf_css/fonts/fedraserifa-mediumsc-webfont.woff') format('woff'),
		 url('../regal_sf_css/fonts/fedraserifa-mediumsc-webfont.ttf') format('truetype'),
		 url('../regal_sf_css/fonts/fedraserifa-mediumsc-webfont.svg#FedraSerifAGRMediumSC') format('svg');
	font-weight: normal;
	font-style: normal;
	}

@font-face {
    font-family: 'FedraSerifBGRBookSC';
    src: url('../regal_sf_css/fonts/fedraserif_b_book_sc-webfont.eot');
    src: url('../regal_sf_css/fonts/fedraserif_b_book_sc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../regal_sf_css/fonts/fedraserif_b_book_sc-webfont.woff') format('woff'),
         url('../regal_sf_css/fonts/fedraserif_b_book_sc-webfont.ttf') format('truetype'),
         url('../regal_sf_css/fonts/fedraserif_b_book_sc-webfont.svg#FedraSerifBGRBookSC') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'CFDinBook';
    src: url('../regal_sf_css/fonts/cfdin-book-webfont.eot');
    src: url('../regal_sf_css/fonts/cfdin-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../regal_sf_css/fonts/cfdin-book-webfont.woff') format('woff'),
         url('../regal_sf_css/fonts/cfdin-book-webfont.ttf') format('truetype'),
         url('../regal_sf_css/fonts/cfdin-book-webfont.svg#CFDinBook') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'CandalRegular';
    src: url('../regal_sf_css/fonts/Candal-webfont.eot');
    src: url('../regal_sf_css/fonts/Candal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../regal_sf_css/fonts/Candal-webfont.woff') format('woff'),
         url('../regal_sf_css/fonts/Candal-webfont.ttf') format('truetype'),
         url('../regal_sf_css/fonts/Candal-webfont.svg#CandalRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
	
#sliderholder {
	float: left;
	margin-left: 0.5em;
	-webkit-box-shadow:0 0 15px rgba(21, 31, 50, 0.5);
	   -moz-box-shadow:0 0 15px rgba(21, 31, 50, 0.5);
		 -o-box-shadow:0 0 15px rgba(21, 31, 50, 0.5);
			box-shadow:0 0 15px rgba(21, 31, 50, 0.5);
	margin-top: 1em;
	}


/* vvvvvvvvvvv>>>>>> iPhone <<<<<<vvvvvvvvvvv */

/* #Media Queries */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
		
body {
	font-size:100%;
	}
		
#wrap {
	width: 100%;
	}
}
		
/*  #Mobile (Portrait)  */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	
a {
	-webkit-tap-highlight-color: #6BD0CF;
	}

html {
	background:none;
	}
	
#wrap { 
	width: 100%;
	padding:0px 10px;
	background-position: 100% 100%;
	}
	
#header {
	display: block;
	height: auto;
	width: 100%;
	padding-bottom: 4em;
	}
	
.tophead {
	max-width: 100%;
	height: 4em;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 20px;
}
	
.logo {
	width: 70%;
	float: left;
	margin-left: 0;
	margin-bottom: 0px;
	padding-top: 0px;
	}
.logo img {
	max-width: 100%;
	height: auto;
	}

.theform {
	float: right;
	width: 30%;
	margin-left:0;
	padding-top: 0px;
	}
.theform p {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	letter-spacing: 0.025em;
	font-size: .75em;
	padding-left: 5px;
	line-height: 140%;
	}
	
#nav {
	max-width: 100%;
	width: 100%; 
	float: left;
	display: block;
	text-align: center;
	margin: 0px;
	}
#nav li {
	display:block;
	float: left;
	width: 33.333333%;
	margin-top: 10px;
	padding-right: 0px;
	}
#nav li {
	-webkit-transition:all .5s ease;
	   -moz-transition:all .5s ease;
		 -o-transition:all .5s ease;
			transition:all .5s ease;
	}

#main {
	max-width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	}

#main .sub-main {
	float: right;
	width: 40%;
	height: auto;
	margin-left: 1em;
	}

#main .sub-main-text {
	width: 100%;
	}

.sidenotes, .sidenotes ul, .sidenotesLast, .sidenotesLast ul {
	width: 100%;
	border-right: none;
	padding-left: 0px;
	padding-right: 0px;
	}

h1 {
	font-size: 1.5em;
	width:100%;
	margin-bottom:0.5em;
	}
h2 {
	font-size: 0.85em;
	}	

.sidenotesDuo {
	width: 100%;
	float: left;
	padding-left:0em;
	padding-right: 0em;
	border-right: none;
	margin-bottom: 2em;
	}

.borderstyled img {
	text-align:center;
	border: 5px solid #2fb6c9;
	margin-bottom:1em;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 0px 15px 25px rgba(21, 31, 50, 0.5);
	   -moz-box-shadow: inset 0px 0px 15px 25px rgba(21, 31, 50, 0.5);
		 -o-box-shadow: inset 0px 0px 15px 25px rgba(21, 31, 50, 0.5);
			box-shadow: inset 0px 0px 15px 25px rgba(21, 31, 50, 0.5);
	}

.thumbs {
	float: left;
	width: 16%;
	outline: 5px solid #d6ebf9;
	outline-offset: -5px;
	}

#footer {
	margin: 0 auto;
	padding: 0;
	clear: both;
	height: 34em;
	max-width: 64em;
	background-color: rgba(54,99,165,0.9);
	-webkit-box-shadow:0 0 50px rgba(21, 31, 50, 0.5);
	   -moz-box-shadow:0 0 50px rgba(21, 31, 50, 0.5);
		 -o-box-shadow:0 0 50px rgba(21, 31, 50, 0.5);
			box-shadow:0 0 50px rgba(21, 31, 50, 0.5);
	display: block;
	background-image: url(../images/bluBG_shadow.png);
	background-repeat: repeat-x;
	background-position: bottom;
	}

.leftFoot, .midFoot, .midFootExtra, .rightFoot, .fishFoot {
	display:block;
	float: left;
	width: 100%;
	margin-top: 1em;
	margin-left: 0em;
	text-align: center;
	border-left: none;
	padding-left: 0em;
	}

.leftFoot, .midFoot, .midFootExtra {
	padding-bottom:1em;
	border-bottom:1px dashed #d6ebf9;
	}

.prodSml img {
	border: 5px solid #2fb6c9;
	float: left;
	width: 45%;
	margin-right: 2.5%;
	}

.maxi img{
	border: 5px solid #2fb6c9;
	float: left;
	width: 45%;
	margin-right: 2.5%;
	margin-bottom:1em;
	}

#supersized img {
	display: none;
	}

#lightbox {
	max-width: 100%;
	max-height: auto;
}

#floater {
	position: relative;
	width: 40%;
	left: 70%;
	bottom: 10px;
	}
}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
#wrapper { 	}


 /* style sheet for "A4" printing */ 
   @media print and (width: 21cm) and (height: 29.7cm) {
      @page {
         margin: 3cm; }
	  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
   }