@charset "UTF-8";
/*   
Theme Name: Tzer Charters 
Theme URI: http://www.rightaligned.com
Description: Tzer Charters, a responsive fishing charter platform
Author: Right Aligned (2013)
Author URI: http://www.rightaligned.com
Version: 1.0
Tags: post-thumbnail, portfolio, ajax, photography, design, image-grid, ajax post loading, fullscreen, Android, reponsive, IOS, menu, mobile
.
Yay!
.
*/

/**********************************************************************************/


/* CSS Document */

/* =RESET
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
nav ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle }
label, input[type=button], input[type=submit], button { cursor: pointer }



/*WEBFONTS
-------------------------------------------------------------- */

@font-face {
    font-family: 'open_sansbold';
    src: url('webfonts/OpenSans-Bold-webfont.eot');
    src: url('webfonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('webfonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('webfonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('webfonts/OpenSans-Regular-webfont.eot');
    src: url('webfonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('webfonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('webfonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sanslight';
    src: url('webfonts/OpenSans-Light-webfont.eot');
    src: url('webfonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/OpenSans-Light-webfont.woff') format('woff'),
         url('webfonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('webfonts/OpenSans-Light-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*ROOT
-------------------------------------------------------------- */

* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}



html,body {
	margin: 0;
	padding: 0;
	height:100%; /* needed for container min-height */
	color: #333;
	background: #eeeeee;
	font: 100%/1.1em "open_sansregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


a {
	color:#4c4c4c;
	font-size: inherit;
}

a:hover {
	color:#333;
	text-decoration: none;
	-o-transition-duration: .5s;
	-o-transition-property: color;
	-ms-transition-duration: .5s;
	-ms-transition-property: color;
	-moz-transition-duration: .5s;
	-moz-transition-property: color;
	-webkit-transition-duration: .5s;
	-webkit-transition-property: color;
	transition-duration: .5s;
	transition-property: color;
}

::selection {
	background: #e13c42;
	color: white;
	text-shadow: none;
}

/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */




/*TYPE
-------------------------------------------------------------- */
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	margin: 1em 0;
	font-family:  "open_sanslight", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}

h1 {
	font-size: 220%;
	line-height: 1.3em;
}

h2 {
	font-size: 180%;
	line-height: 1.3em;
}

h3 {
	font-size: 160%;
	line-height: 1.3em;
}

h4 {
	font-size: 140%;
	line-height: 1.3em;
}

h5 {
	font-size: 130%;
	line-height: 1.3em;
}

h6 {
	font-size: 120%;
	line-height: 1.3em;
}

p {
	font-size: 90%;
	line-height: 1.4em;
	margin-top: 12px;
	margin-bottom: 14px;
}

code {
	font-size: 100%;
	font-family: monospace;
}

pre code {
	line-height: 1.3em;
}

del, del * {
	text-decoration: line-through;
}

small,
.small {
	font-size: 85%;
}

ol, ul {
	font-size: 90%;
	line-height: 1.4em;
	margin: 1.2em 0 1.2em 2em;
}

td {
	font-size: 90%;
	line-height: 1.4em
}

th, td {
padding: 0 12px 0 0;
vertical-align: top;
}

ul li,
ol li,
dl dt,
dl dd {
	font-size: 95%;
	margin-bottom: 0.2em;
}

img, a img {
	border: 0;
}

strong {
	font: 100%/1.1em "open_sansbold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* UNIVERSAL & STRUCTURE
-------------------------------------------------------------- */
#bg-container {
	z-index: 0;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}


#wrapper {
    position: relative;
    min-height: 100%;
    vertical-align:	bottom;
    margin:	0 auto;
    height:	100%;
}

#content-wrap {
    background:rgba(255,255,255,0.9);
    margin:0 auto -130px;
    min-height:100%;
    height:auto !important;
    height:100%;
    padding: 10px 20px;
}

.ie7 #content-wrap,
.ie8 #content-wrap {
	background: url(images/90-trans.png);
}

#content-spacer-top {
    height:140px;
}

#content-spacer-bottom {
    height:130px;
}

#col-band {
	height: 10px;
	top: 0;
	left: 0;
	background: #e13c42;
	width: 100%;
	text-align: center;
	font-size: 0;
	position: absolute;
	overflow: hidden;
}

#col-band img {
	height: 10px;
	position: relative;
}

#content {
	overflow: hidden;
	padding-bottom: 20px;
}

.loading {
	min-height: 300px;
	background: url(images/loadingAnim.gif) no-repeat top center;
}

.ajaxloading {
	min-height: 100px;
	background: url(images/loadingAnim.gif) no-repeat center center;
}

.bodyloading {
	cursor: wait;
}




/*TOP NAV
-------------------------------------------------------------- */
#header {
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	height: 140px;
	padding: 0;
	margin: 0;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	z-index: 4;
	position: absolute;
}

#header-content {
	position: relative;
	top: 10px;
}


#phone-container {
	position: absolute;
	right: 0;
	top: 20px;
	padding-right: 5px;
}


#phone-container ul {
	margin: 0;
	padding: 0;
}

#phone-container ul li {
	display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
     margin-right: 10px;
}

#phone-container ul li:last-child  {
     margin-right: 0;
}

.menu-phone a {
	text-decoration: none;
	font-size: 130%;
	color: #1b4c99;
}


#logo-nav-wrap {
	width: 100%;
	position: relative;
}

#logo {
	float: left;
    vertical-align: top;
    display: inline;
    margin: 10px 0 0 10px;
}

#logo img {
	width: 65%;
    height: auto;
    vertical-align: middle;
}

.logo-desktop {
	display: none;
}

#nav-box {
	position: absolute;
	display: none;
    top: 133px;
    background: #fff;
	margin-top: 0;
	width: 100%;
	z-index: 1000;
	padding: 0;
	left: 0;
}

.ie7 #nav-box {
	top: 0;
}

#nav-container {
	display: block;
    vertical-align: top;
    -webkit-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .7);
	-moz-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .7);
	box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .7);
	-ms-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .7);
	-o-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .7);
}

#nav-container ul {
	margin:0;
	padding:0;
}

#nav-container ul li {
	margin:0;
	display: block;
	font-size: 120%;
	padding: .7em 0 .7em .8em;
	height: auto;
	border-bottom: 1px solid #ccc;
	left: 0;
}

#nav-container ul li .menu-sep {
	padding: 0;
}

#nav-container ul li a {
	color:#1b4c99;
	text-decoration: none;
}

#nav-container ul li a:hover {
	color:#000;
}

#nav-container ul li.current-menu-item a,
#nav-container ul li.current-menu-item a:hover{
	color:#e13c42;
}

#nav-container ul li.current-menu-item a.touch-link,
#nav-container ul li.current-menu-item a.touch-link:hover {
	border: none;
	color:#1b4c99;
}

#nav-box ul li a.touch-link {
	float: right;
	padding: 0 10px 0 0;
	margin-left: 10px;
	font-size: 95%;
}

#nav-box ul li ul.sub-menu {
	padding-top: .2em;
	display: none;
	font-size: 80%;
}

#nav-box ul li ul.sub-menu li a {
	color:#1b4c99;
}

#nav-box ul li ul.sub-menu li.current-menu-item  a {
	color:#e13c42;
}



#nav-box ul li ul.sub-menu li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

#menu-toggle {
	height: 24px;
	display: block;
	padding: 4px 5px 0 4px;
	margin: 0;
	background-color: #ccc;
	position: absolute;
	right: 10px;
	top: 105px;
	cursor: pointer;
	font-size: 90%;
}

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


/* PAGE SLIDESHOW
-------------------------------------------------------------- */
#slide-container{
	width: 100%;
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
	display: block;
	margin-top: 10px;
}

.featured-item img {
	vertical-align: middle;
	width: 100%;
	top: 0;
	left: 0;
	image-rendering: optimizeQuality; 
}

.featured-item:nth-child(n+2) {
	display: none;
}

.featured-item p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    margin: 0px;
    background: rgb(54, 54, 54); /* The Fallback */
   	background: rgba(255, 255, 255, 0.8);
	color: black;
}

.ie7 .featured-item,
.ie8 .featured-item {
	display: none;
}

.ie7 .featured-item:first-child,
.ie8 .featured-item:first-child {
	display: block;
}

/*HOME PAGE
-------------------------------------------------------------- */

.col-1 {
	width: 100%;
}

.col-2 {
	width: 100%;
}


/*HOME PAGE VIDEOS
-------------------------------------------------------------- */
#homepage-videos {
	overflow: hidden;
	width: 100%;
}

.homepage-video {
	display: block;
	width: 100%;
}

.video-title {
	margin: 10px 0 5px 0;
	font-size: 140%;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*TESTIMONIALS
-------------------------------------------------------------- */
#testimonial-wrap {
	margin-top: 20px;
}

.testimonial-item {
	font-style: italic;
}

.testimonial-item-title {
	margin: 0;
	font-size: 140%;
}

.testimonial-text {
	
	font-size: 90%;
}

.testimonial-text p {
	margin-top: 5px;
}


/*PACKAGES
-------------------------------------------------------------- */

.pod-item {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}

.pod-img {
	width: 100%;
	margin-right: 10px;
	position: relative;
	overflow: hidden;
}

.pod-img img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.pod-title {
	margin: 0;
}

.pod-price {
	font-weight: bold;
	font-family: "open_sansregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
}

.blue-text {
	color: #1b4c99;
}

.pack-price {
	position: absolute;
	top: 15px;
	right: -40px;
	margin: 0;
	background: #e43f47;
	color: #fff;
	padding: 5px 20px;
	text-align: center;
	width: 150px;
	-webkit-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .5);
	box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .5);
	-ms-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .5);
	-o-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .5);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.pack-price h3 {
	margin: 0;
	font-family: "open_sansbold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 160%;
	text-align: center;
}

.ie7 .rotate {
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.99619470, M12=0.08715574, M21=-0.08715574, M22=0.99619470,sizingMethod='auto expand');
}


.ie8 .rotate {
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.99619470, M12=0.08715574, M21=-0.08715574, M22=0.99619470,sizingMethod='auto expand')";
}

.ie7 .pack-price,
.ie8 .pack-price {
	position: absolute;
	top: -30px;
	right: -50px;
	margin: 0;
	background: #e43f47;
	color: #fff;
	padding: 5px 20px;
	text-align: center;
	width: 170px;
}


/*INDIVIDUAL POST
-------------------------------------------------------------- */

#post {
	width: 100%;
	position: relative;
	left: 0;
	top: 0;
	margin: 0;
	padding: 10px;
	display: block;
}

.post-title {
	margin: 10px 0 5px 0;
	line-height: 1.2em;
	color: #1b4c99;
}

#post-content {
	overflow: hidden;
}

time {
	margin-top: 1px;
}

#post img {
	vertical-align: middle;
	max-width: 100%;
	height: auto!important;
}

#post-meta-container{
	margin-top: 30px;
	width: 100%;		
}

.post-meta {
	margin-bottom: 5px;
}

.post-meta p {
	margin-bottom: 15px;
}

#loader{
	width: 100%;
	overflow-x: hidden;
	position: relative;
	overflow-y: hidden;
}

.media-error {
	font-size: 85%;
}

.postPad {
	padding-bottom: 20px;
}

.sup {
	font: 70%/1em Arial, "Lucida Grande", sans-serif;
	vertical-align: top;
}

/* IMAGE ALIGNMENT CLASSES
-------------------------------------------------------------- */

.alignright {
	float: right;
	margin: 0 0 10px 15px;
}

.alignleft {
	float: left;
	margin: 0 15px 10px 0;
}

.aligncenter {
	display:block;
	margin:0 auto;
}

.wp-caption {
	text-align: center;
	padding: 5px;
	margin: 10px auto;
	background:white;
	position: relative;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 12px;
	line-height: 17px;
	padding: 5px 0 0 0;
	margin: 0;
}

.wp-caption.alignleft {
	margin: 0 10px 0 0;
}

.wp-caption.alignright {
	margin: 0 0 0 10px;
}


/*GALLERY
-------------------------------------------------------------- */
#gallery-items {
	overflow: hidden;
	
}

.gallery-item {
	width: 100%;
	padding: 10px;
	background: #fff;
	margin-bottom: 10px;
	height: auto;
	position: relative;
	cursor: pointer;
}

#gallery-items div.fullsize {
	width: 100%;
}

.gallery-img {
	position: relative;
}

.gallery-img-loading {
	background: url(images/484.gif) center center no-repeat;
}


.gallery-img img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.gallery-item-title {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	background: url(images/50-trans-black.png);
	background: rgba(0, 0, 0, .5);
	display: none;
}



.gallery-item-title:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; 
}

.gallery-item-title h2 {
	text-align: center;
	margin: 0;
	color: #fff;
	font-size: 120%;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	
}


.gallery-item-tag {
	background: #1b4c99;
	padding: 2px 3px;
	color: #fff;
	font-size: 75%;
	border-radius: 3px;
	margin: 5px 5px 0 0;
	text-decoration: none;
}

.gallery-item-tag:hover {
	background: #e13c42;
	color: #fff;
}


.gallery-item .gallery-text .attachment {
	display: none;
}

.gallery-text {
	margin-bottom: 10px;
}

.gallery-text p:last-child {
	margin-bottom: 0;
}


.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/*FOOTER
-------------------------------------------------------------- */

#footer {
	left: 0;
	bottom: 0;
	width: 100%;
	line-height: 0.9em;
	letter-spacing: 0;
	font-size: 85%;
	background:#fff;
	padding: 0;	
	z-index: 10;
	color: #1b4c99;
}



#footer-col-band {
	height: 10px;
	top: 0;
	background: #e13c42;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 0;
	overflow: hidden;
}

#footer-col-band img {
	height: 10px;
}


#footer-contents-wrap {
	padding: 10px 20px 0 20px;
	overflow: hidden;
}

#footer ul {
	list-style: none;
	margin: 0;
}

#footernav {
	display: inline-block;
	float: left;
}

#footer-nav-container ul {
	margin:0;
	padding:0;
}

#footer-nav-container ul li {
	padding:0;
	display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
	padding-left: 3px;
}

#footer-nav-container ul li:first-child {
	padding-left: 0;
}

#footer-nav-container ul li .menu-sep {
	padding: 0 5px 0 0;
}

#footer-nav-container ul li:first-child .menu-sep {
	display:none;
}

#footer-nav-container ul li a {
	text-decoration: none;
	color: #1b4c99;
}

#footer-nav-container ul li.current-menu-item a {
	color:#e13c42;
	text-decoration: none;
}

#footer-nav-container ul li a:hover {
	color:#e13c42;
}

#footer-address {
	float: left;
}

#social-container {
	position: relative;
	width: 100%;
	text-align: center;
	padding: 10px 0;
}

#social-container ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

#social-container ul li {
	display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
     margin-right: 10px;
}

#social-container ul li:last-child  {
     margin-right: 0;
}

#social-container ul li.social-icon a {
	height: 30px;
	width: 30px;
	overflow: hidden;
	display: inline-block;
	zoom: 1;
    *display: inline;
    cursor: pointer;
    text-indent: -999em;
    background-color: transparent;
    background-position: 0 0;
}

#social-container ul li.social-icon a:hover{
    background-position: 0 -30px;
}

.menu-twitter a,
.ie8 .menu-twitter a,
.ie7 .menu-facebook a {
	background: url(images/sprite-twitter.png) no-repeat;
}

.menu-facebook a,
.ie8 .menu-facebook a,
.ie7 .menu-facebook a {
	background: url(images/sprite-fb.png) no-repeat;
}

.menu-mail a,
.ie8 .menu-mail a,
.ie7 .menu-mail a  {
	background: url(images/sprite-mail.png) no-repeat;
}

/* SPONSORS
-------------------------------------------------------------- */
#sponsors {
	width: 100%;
	
}

#sponsors-item-wrap {
	margin: 0 auto ;
	padding: 10px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.sponsor-title {
	margin: 0;
	font-size: 170%;
}

.sponsor-item {
	width: 130px;
	display: inline-block;
	zoom: 1;
    *display: inline;
    cursor: pointer;

}

.sponsor-item img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.ie8 .sponsor-item img {
	-ms-interpolation-mode: bicubic!important;
}

/* FORM
-------------------------------------------------------------- */
#contactUsForm,
.tzer-form {
	margin: 20px 0;
}

#contactUsForm.inline-form {
	margin: 0 0 20px 0;
}

#contactUsForm label, 
#respond label,
.tzer-form { 
	width: 100%; 
	float: left;
	color: #656565;
	vertical-align: middle;
	padding: 3px 0 3px 0;
}

#contactUsForm .textinput, 
#respond .textinput,
.tzer-form .textinput { 
	height: 150px;
	margin: 0 0 2px 0;
	border-color: #BBB;
	border-style: solid;
	border-width: 1px;
	font: 95%/1.2em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Myriad Pro", Myriad, Geneva, Arial, "Lucida Grande", sans-serif;
	
}

#contactUsForm .input, 
#respond .input,
.tzer-form .input { 
	height: 27px;
	margin: 0 0 2px 0;
	border-color: #BBB;
	border-style: solid;
	border-width: 1px;
	font: 95%/1.2em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Myriad Pro", Myriad, Geneva, Arial, "Lucida Grande", sans-serif;
	padding-left: 3px;
}

.ie7 #contactUsForm .input, 
.ie7#respond .input,
.ie7#.tzer-form .input  {
		padding-top: .8em;
		padding-bottom: .1em;
}

#contactUsForm label.error, 
#respond label.error,
.tzer-form label.error { 
	width: 100%;
	float: left; 
	color: red; 
	font-weight: bold;
	vertical-align: middle;
	padding: 0 0 5px 0; 
	font-size: 90%;
}


#contactUsForm input.error, 
#respond input.error,
.tzer-form input.error  {
	border-color: red;
	border-style: solid;
	border-width: 1px;
}

#formMsg {
	font: 110%/1.1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Myriad Pro", Myriad, Geneva, Arial, "Lucida Grande", sans-serif;
	padding: 20px 0 0 0;
	color: black;
}

.contactJs {
	display: none;
}

.userinterest span,
.usercontact span {
	display: block;
}



/*MEDIA QUERIES 
-------------------------------------------------------------- */
/* 480px */
@media screen and (min-width: 1px) and (max-width: 480px) {

		
	#secondary-nav ul li {
		font-size: .8em;
	}
	

}

/* 600px */
@media  screen and (min-width: 481px) and (max-width: 640px) {

	.gallery-item {
		width: 48.8%;
	}
	
}

/* 768px*/
@media  screen and (min-width: 641px){

	#header {
		width: 100%;
	}
	
	#header-content {
		width: 100%;
		margin: 0 auto;
		padding: 0 5px;
	}
	
	#logo {
		margin-top: 20px;
		left: 0;
	}
	
	#logo img {
		width: 80%;
	}
	
	.logo-mobile {
		display: none;
	}
	
	
	.logo-desktop {
		display: block;
	}

	#menu-toggle {
		display: none;
	}
	
	#nav-box {
		position: absolute;
		display: block!important;
		width: auto;
		top: 100px;
		margin-right: 0;
		bottom: 0;
		right: 0;
		left: auto;
		float: none;
	}
	
	.ie7 #nav-container,
	.ie8 #nav-container {
		filter: progid:DXImageTransform.Microsoft.Shadow(Color='#333333', Strength=5, Direction=180,positive=true)!important;
	}

	#nav-container {
		display: inline-block;
	    vertical-align: top;
	    right: 0;
	    -webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
	}
	
	#nav-container ul {
		margin:0;
		padding:0;
	}
	
	#nav-container ul li { 
		margin:4px 0 -2px 0;
		padding:0 0 0 20px;
		display: -moz-inline-stack;
	    display: inline-block;
	    vertical-align: top;
	    zoom: 1;
	    *display: inline;
		border: none;
		position: relative;
		font-size: 1.5em;
	}
	

	#nav-container ul li a {
		text-decoration: none;
	}
	

	#nav-box ul li a.touch-link {
		position: relative;
		float: none;
		padding: 0;
		font-size: 90%;
		margin: 0 0 0 2px;
		top: -1px;
	}
	
	#nav-container ul a.touch-link:hover {
		color:#000;
		border-bottom: none;
	}
	
	#nav-box ul li ul.sub-menu {
		position: absolute;
		top:1.4em;
		padding:0 0 8px 0;
		margin: 0;
		display: none;
		background:#fff;
		-webkit-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .7);
		-moz-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .7);
		box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .7);
		-ms-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .7);
		-o-box-shadow: 0 10px 12px -9px rgba(0, 0, 0, .7);
		
	}
	
	.ie7 #nav-box ul li ul.sub-menu,
	.ie8 #nav-box ul li ul.sub-menu {
		filter: progid:DXImageTransform.Microsoft.Shadow(Color='#333333', Strength=5, Direction=180,positive=true)!important;
	}
	
	#nav-box ul li ul.sub-menu li {
		margin:0;
		padding: 10px 5px 3px 10px;
		width: auto;
		display: block;
		white-space:nowrap;
	}
	
	#content-spacer-top {
		height: 140px;
	}
	
	.col-1 {
		float: left;
		width: 60%;
	}
	
	.col-2 {
		float: right;
		width: 36%;
	}

	.pod-img {
		float: left;
		width: 40%;
		margin-right: 10px;
		position: relative;
		overflow: hidden;
	}
		
	.gallery-item {
		width: 49.2%;
	}
	
	.grid-sizer {
		width: 10px;
	}
		
	#contactUsForm .textinput, #respond .textinput { 
		width: 400px;
	}

	#contactUsForm .input, #respond .input { 
		width: 300px;
	}
	
	.userinterest span,
	.usercontact span {
		display: inline;
	}
	
	#footer-copy {
		float: right;
		margin-top: 0;
	}
	
	#footernav {
		float: left;
	}
	
	.ie7 #header,
	.ie8 #header {
		background-color: #fff;
		background: url(images/header-bg.png) left top repeat-x!important;
		height: 155px;
	}	
	
	.ie7 .footer-ds,
	.ie8 .footer-ds {
		filter: progid:DXImageTransform.Microsoft.Shadow(Color='#999999', Strength=5, Direction=0,positive=true)!important;
	}	
	
	
	.ie7 #footer {
		left: 0;
		bottom: 0;
		width: 100%;
		line-height: 0.9em;
		letter-spacing: 0;
		font-size: 85%;
		background:#fff;
		padding: 0;	
		z-index: 10;
		color: #1b4c99;
	}

	.ie7 #footer-col-band {
		height: 10px;
		top: 0;
		background: #e13c42;
		width: 100%;
		text-align: center;
		padding: 0;
		margin: 0;
		font-size: 0;
		overflow: hidden;
	}
	
	.ie7 #footer-col-band img {
		height: 10px;
	}
	
	
	.ie7 #footer-contents-wrap {
		padding: 10px 20px 0 20px;
		overflow: hidden;
	}
	
	.ie7 #footer ul {
		list-style: none;
		margin: 0;
	}
	
	.ie7 #footernav {
		display: inline-block;
		float: left;
	}
	
	.ie7 #footer-nav-container ul {
		margin:0;
		padding:0;
	}
	
	.ie7 #footer-nav-container ul li {
		padding:0;
		display: -moz-inline-stack;
	    display: inline-block;
	    vertical-align: top;
	    zoom: 1;
	    *display: inline;
		padding-left: 3px;
	}
	
	.ie7 #footer-nav-container ul li:first-child {
		padding-left: 0;
	}
	
	.ie7 #footer-nav-container ul li .menu-sep {
		padding: 0 5px 0 0;
	}
	
	.ie7 #footer-nav-container ul li:first-child .menu-sep {
		display:none;
	}
	
	.ie7 #footer-nav-container ul li a {
		text-decoration: none;
		color: #1b4c99;
	}
	
	.ie7 #footer-nav-container ul li.current-menu-item a {
		color:#e13c42;
		text-decoration: none;
	}
	
	.ie7 #footer-nav-container ul li a:hover {
		color:#e13c42;
	}
	
	.ie7 #footer-address {
		float: left;
	}
	
	.ie7 #social-container {
		position: relative;
		width: 100%;
		text-align: center;
		padding: 10px 0;
	}
	
	.ie7 #social-container ul {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	.ie7 #social-container ul li {
		display: -moz-inline-stack;
	    display: inline-block;
	    vertical-align: top;
	    zoom: 1;
	    *display: inline;
	     margin-right: 10px;
	}
	
	.ie7 #social-container ul li:last-child  {
	     margin-right: 0;
	}
	
	.ie7 #social-container ul li.social-icon a {
		height: 30px;
		width: 30px;
		overflow: hidden;
		display: inline-block;
		zoom: 1;
	    *display: inline;
	    cursor: pointer;
	    text-indent: -999em;
	    background-color: transparent;
	    background-position: 0 0;
	}
	
	.ie7 #social-container ul li.social-icon a:hover{
	    background-position: 0 -30px;
	}
	
	.ie7 #sponsors {
		width: 100%;
		
	}
	
	.ie7 #sponsors-item-wrap {
		margin: 0 auto ;
		padding: 10px;
		text-align: center;
		position: relative;
		overflow: hidden;
	}
	
	.ie7 .sponsor-title {
		margin: 0;
		font-size: 170%;
	}

	.sponsor-item {
		width: 180px;
		margin: 0 5px;

	}
	
	.ie7 .sponsor-item {
		width: 180px;
		display: inline-block;
		zoom: 1;
	    *display: inline;
	    cursor: pointer;
	    margin: 0 5px;
	}
	
	.ie7 .sponsor-item img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}
	
	.ie7 .tzer-form {
		margin: 20px 0;
	}
	
	.ie7 #contactUsForm.inline-form {
		margin: 0 0 20px 0;
	}
	
	.ie7 .tzer-form { 
		width: 100%; 
		float: left;
		color: #656565;
		vertical-align: middle;
		padding: 3px 0 3px 0;
	}
	
	.ie7 .tzer-form .textinput { 
		height: 150px;
		margin: 0 0 2px 0;
		border-color: #BBB;
		border-style: solid;
		border-width: 1px;
		font: 95%/1.2em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Myriad Pro", Myriad, Geneva, Arial, "Lucida Grande", sans-serif;
		
	}
	
	.ie7 .tzer-form .input { 
		height: 27px;
		margin: 0 0 2px 0;
		border-color: #BBB;
		border-style: solid;
		border-width: 1px;
		font: 95%/1.2em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Myriad Pro", Myriad, Geneva, Arial, "Lucida Grande", sans-serif;
		padding-left: 3px;
	}
	
	.ie7 .tzer-form .input  {
		padding-top: .8em;
		padding-bottom: .1em;
	}
	
	.ie7 .tzer-form label.error { 
		width: 100%;
		float: left; 
		color: red; 
		font-weight: bold;
		vertical-align: middle;
		padding: 0 0 5px 0; 
		font-size: 90%;
	}
	
	.ie7 .tzer-form input.error  {
		border-color: red;
		border-style: solid;
		border-width: 1px;
	}
	
	.ie7  #formMsg {
		font: 110%/1.1em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Myriad Pro", Myriad, Geneva, Arial, "Lucida Grande", sans-serif;
		padding: 20px 0 0 0;
		color: black;
	}
	
	.ie7 .contactJs {
		display: none;
	}
	
	.ie7 .userinterest span,
	.ie7 .usercontact span {
		display: block;
	}	
	
	.ie7 a.button,
	.ie7 .button {
		background: #fff; /* Old browsers */
		border: 1px solid #ccc;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		padding: 4px 12px;
		color: #777;
		display: inline-block;
		font-size: 100%;
		font-weight: bold;
		text-decoration: none;
		cursor: pointer;
		margin-bottom: 20px;
		line-height: 21px;
	}
	
	.ie7 a.button:hover,
	.ie7 .button:hover {
		color: #222;
		border: 1px solid #ccc;
		border-top: 1px solid #aaa;
		border-left: 1px solid #aaa; 
	}
	
	.ie7 a.button:active,
	.ie7 .button:active {
		border: 1px solid #ccc;
		background: #fff; /* Old browsers */
	}
	
	.ie7 a.blue-button,
	.ie7 .blue-button {
		color: #fff;
		background: #1b4c99; /* Old browsers */
		font-weight: normal;
		font-size: 120%;
		font-family:  "open_sanslight", "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding: .4em 1.3em .5em 1.3em;
	}
	
	.ie7 #gallery-items {
		width: 960px;
	}
	
	.ie7 #gallery-items div.fullsize {
		width: 100%;
	}	
	
	.ie7 .gallery-item {
		width: 200px;
		padding: 10px;
		background: #fff;
		margin: 10px;
		height: auto;
		position: relative;
		cursor: pointer;
		overflow: hidden;
		display: inline-block;
		zoom: 1;
	    *display: inline;
	    cursor: pointer;
	}	
	
	.ie7 .gallery-img {
		position: relative;
	}
	
	.ie7 .gallery-img-loading {
		background: url(images/484.gif) center center no-repeat;
	}
	
	.ie7 .gallery-img img {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}
	
	.ie7 .gallery-item-title {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		text-align: center;
		background: url(images/50-trans-black.png);
		background: rgba(0, 0, 0, .5);
		display: none;
	}
	
	
	
	.ie7 .gallery-item-title:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em; 
	}
	
	.ie7 .gallery-item-title h2 {
		text-align: center;
		margin: 58px 0 0 0;
		color: #fff;
		font-size: 120%;
		display: inline-block;
		vertical-align: middle;
		width: 100%;
	}
	
	
	.ie7 .gallery-item-tag {
		background: #1b4c99;
		padding: 2px 3px;
		color: #fff;
		font-size: 75%;
		border-radius: 3px;
		margin: 5px 5px 0 0;
		text-decoration: none;
	}
	
	.ie7 .gallery-item-tag:hover {
		background: #e13c42;
		color: #fff;
	}
	
	
	.ie7 .gallery-item .gallery-text .attachment {
		display: none;
	}
	
	.ie7 .gallery-text {
		margin-bottom: 10px;
	}
	
	.ie7 .gallery-text p:last-child {
		margin-bottom: 0;
	}

}

/* 980px */
@media only screen and (min-width: 980px) {
	
	.site-width {
		width: 980px;
		margin: 0 auto;

	}
	
	#header {
		height: 150px;
	}
	
	#header-content {
		width: 950px;
		margin: 0 auto;
	}
	
	
	#logo {
		margin-top: 20px;
		left: 0;
	}
	
	#logo img {
		width: 700px;
	}
	
	#nav-box {
		top: 110px;
		
	}
	
	#nav-box ul li a.touch-link {
		position: relative;
		float: none;
		padding: 0;
		font-size: 90%;
		margin: 0 0 0 2px;
		top: -1px;
	}
	
	#nav-container ul a.touch-link:hover {
		color:#000;
		border-bottom: none;
	}
	
	.ie7 #nav-box ul li a.touch-link,
	.ie8 #nav-box ul li a.touch-link,
	.ie9 #nav-box ul li a.touch-link {
		margin-top: 0;
	}
	
	 #nav-box ul li ul.sub-menu li {
		margin:0;
		padding: 10px 5px 3px 6px;
		width: auto;
		display: block;
		white-space:nowrap;
		left: 0;
		font-size: 120%;
	}
	
	#nav-box ul li ul.sub-menu li .menu-sep {
		display: none;
	}
	
	#nav-box ul li.current-menu-item ul.sub-menu li a {
		border: none;
	}


	#nav-box ul .no-bg {
		margin: 0;
		padding: 0;
		background: none;
		width: 2px;
		border:none;
	}


	.ie7 #nav-box ul {
		margin:9px 0 0 0;
		padding:0px;
		list-style: none;
		position: relative;
	}
	
	.ie7 #nav-box ul li {
	   display: inline-block;
	   vertical-align: top;
	   zoom: 1;
	   *display: inline;   
	   white-space: nowrap;
	   line-height: 1.3em;
	}
	
	.ie7 #nav-box ul li a.touch-link {
		display: inline-block;
	   	vertical-align: top;
	   	zoom: 1;
	   	*display: inline;    
		float: none;
		margin: 4px 0 0 0;	
	}
	
	.ie7 #nav-box ul li ul.sub-menu {
		left: 0;
		top:30px;
		padding-bottom: 7px;
	}
	

	.ie7 #secondary-nav ul li {
		padding-left: 6px;
	}
	
	#content-spacer-top {
		height: 150px;
	}
	
	#gallery-items {
		width: 940px;
	}
	
	.gallery-item {
		width: 230px;
		padding: 10px;
		background: #fff;
		margin-bottom: 10px;
		height: auto;
		position: relative;
		cursor: pointer;
	}
	

	#contactUsForm .textinput, 
	#respond .textinput,
	.tzer-form .textinput { 
		width: 400px;
	}

	#contactUsForm .input, 
	#respond .input,
	.tzer-form .input{ 
		width: 300px;
	}
	
	.userinterest span,
	.usercontact span {
		display: inline;
	}


}






/* RESPONSIVE SPRITES
-------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
	
	.menu-twitter a {
		background: url(images/sprite-twitter-x2.png) no-repeat;
		background-size: 30px 60px;
	}
	
	.menu-facebook a {
		background: url(images/sprite-fb-x2.png) no-repeat;
		background-size: 30px 60px;
	}
	
	.menu-mail a {
		background: url(images/sprite-mail-x2.png) no-repeat;
		background-size: 30px 60px;
	}
	
	.gallery-img-loading {
		background: url(images/484.gif) center center no-repeat;
		background-size: 49px 49px;
	}
	
	
}

.buorg {
    position:static;
    width:100%;
    top:200px;
    left:0px;
    border-bottom:1px solid #A29330;
    background:#FDF2AB no-repeat 1em 0.55em url(http://browser-update.org/img/dialog-warning.gif);
    text-align:left;
    cursor:pointer;
    font-family: Arial,Helvetica,sans-serif; color:#000;
    font-size: 12px;
    z-index: 2000;
}

.buorg div {
    padding:5px 36px 5px 40px;
}

.buorg a {
    color:#E25600;
}

#buorgclose {
    position: absolute;
    right: .5em;
    top:.2em;
    height: 20px;
    width: 12px;
    font-weight: bold;
    font-size:14px;
    padding:0;
}



/* BUTTONS
-------------------------------------------------------------- */
a.button,
.button,
.ie7 .button {
	background: #fff; /* Old browsers */
	background: #fff -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(200,200,200,.2) 100%); /* FF3.6+ */
	background: #fff -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.5)), color-stop(100%,rgba(200,200,200,.5))); /* Chrome,Safari4+ */
	background: #fff -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(200,200,200,.2) 100%); /* Chrome10+,Safari5.1+ */
	background: #fff -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(200,200,200,.2) 100%); /* Opera11.10+ */
	background: #fff -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(200,200,200,.2) 100%); /* IE10+ */
	background: #fff linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(200,200,200,.2) 100%); /* W3C */
	border: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 4px 12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #777;
	display: inline-block;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 1px rgba(255, 255, 255, .75);
	cursor: pointer;
	margin-bottom: 20px;
	line-height: 21px;
}

a.button:hover,
.button:hover {
	color: #222;
	background: #eee; /* Old browsers */
	background: #eee -moz-linear-gradient(top, rgba(255,255,255,.9) 0%, rgba(255,255,255,.9) 100%); /* FF3.6+ */
	background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.9)), color-stop(100%,rgba(255,255,255,.9))); /* Chrome,Safari4+ */
	background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.9) 0%,rgba(255,255,255,.9) 100%); /* Chrome10+,Safari5.1+ */
	background: #eee -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,.9) 100%); /* Opera11.10+ */
	background: #eee -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,.9) 100%); /* IE10+ */
	background: #eee linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(255,255,255,.9) 100%); /* W3C */
	border: 1px solid #ccc;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa; 
}

a.button:active,
.button:active {
	border: 1px solid #ccc;
	background: #fff; /* Old browsers */
	background: #fff -moz-linear-gradient(top, rgba(255,255,255,.7) 0%, rgba(225,225,225,.8) 100%); /* FF3.6+ */
	background: #fff -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
	background: #fff -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
	background: #fff -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
	background: #fff -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
	background: #fff linear-gradient(top, rgba(255,255,255,.7) 0%,rgba(245,245,245,1) 100%); /* W3C */ 
}

a.blue-button,
.blue-button {
	color: #fff;
	text-shadow: none;
	background: #1b4c99; /* Old browsers */
	font-weight: normal;
	font-size: 120%;
	font-family:  "open_sanslight", "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: .4em 1.3em .5em 1.3em;
}