/* Theme: 	Seaworthy */
/* Author: 	William Davis */

/* Type-α: Backwards compatibility (Fixes & Clearfix) */
* {
	margin: 0; 
	padding: 0;
}

.screen-reader-text {
	position: absolute; 
	left: -9999px; 
	top: -9999px;
}

.group:after {
	visibility: hidden; 
	display: block; 
	font-size: 0; 
	content: " "; 
	clear: both; 
	height: 0;
}

* html .group, *:first-child+html .group {
	zoom: 1;
}

img a, a img, img {
	border-style: none; 
	border: 0;
}

b, strong {
	font-weight: bold;
}

.clearfix:after, .innerWrap:after {
	visibility: hidden; 
	display: block; 
	font-size: 0; 
	content: " "; 
	clear: both; 
	height: 0;
}

.clearfix, .innerWrap {
	display: inline-block;
}

* html .clearfix, * html .innerWrap {
	height: 1%;
}

.clearfix, .innerWrap {
	display: block;
}


/* Type-β: General Styles */
body {
	font-size: 14px;
	line-height: 1.3;
	margin: 0; 
	padding: 0; 
}

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

p {
	margin: 10px 0; 
	font-size: 0.9em; 
	line-height: 1.4em; 
	font-size: inherit;
}

a, a:link, a:visited {
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: .6;
}

a:hover, a:focus, a:active {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 1;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal; 
}

h1 {
	font-size: 40px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 18px;
	font-weight: bold;
}

h5 {
	font-size: 16px; 
	font-weight: bold;
}

h6 {
	font-size: 14px; 
	font-weight: bold;
}

input, textarea {
	cursor: text;
}

.outerWrap {
	width: 100%; 
	float: left;
}

.innerWrap {
	width: 100%; 
	max-width: 960px; 
	margin: 0 auto; 
}

.outer2{
	width: 100%;
}

.inner1 {
	max-width: 960px;
	margin: 0 auto;
}

.inner2 {
	padding: 2% 3%;
	text-align: center;
}

.container {
	position: relative;
}

#headerFull #headerBar {
	position: fixed;
	z-index: 1000;
	padding-top: 10px;
}

#header960 #headerBar {
	position: fixed;
	z-index: 1000;
	padding-top: 10px;
	width: 100%;
	max-width: 960px;
}

#header960 #headerBar .innerWrap {
	margin-left: 3%;
}

#header {
	height: 88px; 
}

#headerFull, #header960 {
	height: 82px;
}

#headerFull #logo, #header960 #logo {
	position: absolute; 
	top: 30px; 
	left: 0; 
	z-index: 2;
}

#headerFull #siteTitle, #header960 #siteTitle {
	font-size: 30px;
}

#headerFull .tagline, #header960 .tagline {
	font-size: 15px;
	float: left;
}

.siteLogo img {
	float: left;
	width: 60px;
	height: auto;
	padding-right: 10px;
	padding-left: 3%;
}

#nav {
	display: none;
}

.nav {
	opacity: .6;
}

.nav:hover {
	opacity: 1;
}

.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;    
    font-size: 12px !important;
    line-height: 1 !important;
}

.sf-menu {
    line-height: 1;
    float: right;
    margin-right: 4%;
    -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.sf-menu ul {
    position: absolute;
    top: -999em;
    width: 10em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
    width: 100%;
}

.sf-menu li {
    float: left;
    position: relative;
    -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.sf-menu li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
    -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.sf-menu li li:first-child {
	border: none;
}

.sf-menu li li:hover {
}

.sf-menu li li li a {
	border-top: none;
	border-left: none;
}

.sf-menu a {
    display: block;
    position: relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left: 0;
    top: 2.5em; /* match top ul list item height */
    z-index: 1000;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    right: 10em; /* match ul width */
    top: 0;
}

.sf-menu a {
    padding: .75em 1em;
    text-decoration: none;
    opacity: 1;
}

.sf-menu ul a {
    text-align: left;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background: ;
    outline: 0;
}


.sf-menu a.sf-with-ul {
    min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
    position: absolute;
    display: block;
    right: 0;
    top: 1.05em; /* IE6 only */
    width: 20px;
    height: auto;
    overflow: hidden;
    /* background: url('../images/arrows-ffffff.png') no-repeat -10px -100px;  */
    -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	visibility: hidden;
	opacity: 0;
}



a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top: .8em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
/* 
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator,
 */
.sf-menu ul li > a:hover > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
    -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	visibility: visible;
	opacity: 1;
	z-index: 2000;
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { 
	background-position:  -10px 0; 
}

.sf-menu ul a > .sf-sub-indicator { 
	background-position:  0 0; 
}

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {}

.sf-shadow ul.sf-shadow-off {
    background: transparent;
}

.camera_wrap { 
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    overflow: hidden;
}

#pageWrap {
	height: 100%;
}

.stacksSection {
	float: left; 
	margin-top: 20px;
	margin-bottom: 20px;
}

/* 
.stacksSection p {
	padding: 10px 0;
}
 */

.stacksSection .stack {
	float: left; 
	font-size: 14px; 
	text-align: justify;
}

#footer .stacksSection .stack {
	text-align: left;
}

.stacksFour .stack {
	width: 22%;
}

.stacksFour .stack1 {
	margin-right: 4%;
}

.stacksFour .stack2 {
	margin-right: 4%;
}

.stacksFour .stack3 {
	margin-right: 4%;
}

.stacksThree .stack {
	width: 32%;
}

.stacksThree .stack1 {
	margin-right: 2%;
}

.stacksThree .stack2 {
	margin-right: 2%;
}

.stacksTwo .stack {
	width: 48%;
}

.stacksTwo .stack2 {
	float: right;
}

.stacksOneThird .stack1 {
	width: 32%; 
	margin-right: 4%;
}

.stacksOneThird .stack2 {
	width: 64%;
}

.stacksTwoThird .stack1 {
	width: 64%; 
	margin-right: 4%;
}

.stacksTwoThird .stack2 {
	width: 32%;
}

.album-title, .movie-page-title, .blog-title, .message-text, .filesharing-description {
	font-size: 54px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
}

.album-description, .movie-page-description {
	padding-bottom: 20px;
}

.block h3 {
	padding-bottom: 10px;
}

.movie-thumbnail-frame {
 	float: left;
	margin-right: 20px;
	padding-bottom: 20px;
}

.movie-thumbnail-caption {
	overflow: hidden;
	padding: 10px 0;
	text-align: center;
}

.movie-thumbnail-frame a {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: .8;
}

.movie-thumbnail-frame a:hover {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 1;
}

.movie-thumbnail-frame img {
	border-radius: 3px;
}

.thumbnail-wrap {
	float: left;
	padding-top: 50px;
	padding-bottom: 90px;
	margin-right: 20px;
}

.thumbnail-frame a {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: .8;
}

.thumbnail-frame a:hover {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 1;
}

.thumbnail-frame img {
	border-radius: 3px;
}

.thumbnail-caption {
	text-align: center;
}

#blog-categories, #blog-archives, .blog-tag-cloud, #blog-rss-feeds {
	padding-top: 20px;
	list-style: none;
}

.blog-entry {
	padding-top: 40px;
	padding-bottom: 30px;
}

.blog-entry:first-child {
	border-top: none;
	padding-top: 5%;
}

.blog-entry-date {
	padding-bottom: 30px;
	text-align: center;
}

.blog-entry-title {
	text-transform: uppercase;
	text-align: center;
}

.blog-entry-title a {
	opacity: 1;
}

.blog-entry-title a:hover {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: .6;
}

.blog-entry-tags {
	text-align: center;
	padding-top: 30px;
}

.blog-entry-tags p {
	padding-top: 10px;
}

.blog-entry-body .imageStyle {
	border-radius: 3px;
	margin-bottom: 10px;
}

.filesharing-item {
	float: left;
	padding-top: 50px;
	padding-bottom: 90px;
	margin-right: 20px;
}

.filesharing-item-title {
	text-transform: uppercase;
}

.filesharing-item-title a {
	/* 
padding: 25px 20px 15px;
	border: none;
	border-radius: 3px;
 */
	cursor: pointer;
	font-size: 40px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 1;
	text-transform: uppercase;
}

.filesharing-item-title a:hover {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: .6;
}

/* 
.filesharing-item-title a:active {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-moz-box-shadow: inset 0 2px 0 rgba(0,0,0,.6);
   -webkit-box-shadow: inset 0 2px 0 rgba(0,0,0,.6);
   box-shadow: inset 0 2px 0 rgba(0,0,0,.6);
}
 */

.filesharing-item-description {
	padding: 5px 0;
}

.photoGallery {
	padding-left: 12px;
}

.photoGallery .galleryPic {
	position: relative;
	float: left;
	width: 184px;
	height: 184px;
	margin-right: 4px;
	margin-bottom: 10px;
}

.photoGallery img {
	position: absolute; 
	border-radius: 4px;
}

.photoGallery img:hover {
	top: 0;
	left: 0;
	width: 180px !important;
	height: 180px !important;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-o-box-shadow: none !important;
	-ms-box-shadow: none !important;
	-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	behavior: URL(PIE/PIE.htc);
}

.photoGallery img {
	top: 5px;
	left: 5px;
	width: 170px !important;
	height: 170px !important;
	-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	behavior: URL(PIE/PIE.htc);
}

#themeDark .photoGallery img {
	border: solid 1px #000;
	box-shadow: 1px 1px 5px #000;
	-webkit-box-shadow: 1px 1px 5px #000;
	-moz-box-shadow: 1px 1px 5px #000;
	-o-box-shadow: 1px 1px 5px #000;
	-ms-box-shadow: 1px 1px 5px #000;
	behavior: URL(PIE/PIE.htc);
}
	
#themeDefault .photoGallery img {
	border: solid 1px #FFF;
	box-shadow: 2px 2px 7px #666;
	-webkit-box-shadow: 2px 2px 7px #666;
	-moz-box-shadow: 2px 2px 7px #666;
	-o-box-shadow: 2px 2px 7px #666;
	-ms-box-shadow: 2px 2px 7px #666;
	behavior: URL(PIE/PIE.htc);
}

#footer {
	padding: 40px 0;
}

#footer a {
	opacity: .6;
}

#footer a:hover, #footer a:active, #footer a#current {
	opacity: 1;
}

#footer .sitemap li {
	list-style: none;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	border-right: solid 1px;
}

#footer .sitemap ul li ul {
	display: none;
}

#footer .sitemap li:first-child {
	margin-left: 0;
}

#footer .sitemap li:last-child {
	margin-right: 0; 
	border-right: none;
}

#themeDefault #footer .sitemap {
	padding-left: 2%;
	padding-bottom: 20px;
}

#footer .footerContact {
	padding-left: 3%;
}

#ECA_1LD_1, #ECA_1LD_2, #ECA_1LD_3,
#ECA_1LD_4, #ECA_1LD_5, #ECA_1LD_6,
#ECA_1LD_7 {
	padding-left: 3%;
	padding-right: 3%;
}

input.form-input-field:focus, textarea.form-input-field:focus, input[type="file"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, select:focus {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	outline: none;
	opacity: 1;
 }
 
input.form-input-field,
textarea.form-input-field {
 	width: 100%;
 	font-size: 16px;
 	border: none;
 	border-radius: 3px;
 	margin-top: 5px;
 	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: .8;
 }

input.form-input-field {
	height: 30px;
	padding-left: 3px;
}

textarea.form-input-field {
	height: 200px;
	resize: none;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.form-input-button {
	padding: 10px 15px;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	font-size: 16px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: .8;
}

.form-input-button:hover {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 1;
}

.form-input-button:active {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-moz-box-shadow: inset 0 2px 0 rgba(0,0,0,.6);
   -webkit-box-shadow: inset 0 2px 0 rgba(0,0,0,.6);
   box-shadow: inset 0 2px 0 rgba(0,0,0,.6);
}

input[type="checkbox"] {
	width: 20px;
	cursor: default;
}

input[type="radio"] {
	width: 20px;
	margin: 5px 0;
	cursor: default;
}

input[type="file"] {
	width: 100%;
	font-size: inherit;
	border-radius: 3px;
	padding: 10px 0;
	padding-left: 3px;
	margin-right: 3px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: .8;
}

select {
	width: 100%;
	height: 40px;
	font-size: inherit;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: .8;
}

/* Type-γ: Media Queries */
@media only screen and (min-width: 960px) and (max-width: 1399px) {
	#banner {
		height: auto !important;
	}
}

@media only screen and (min-width: 1005px) {
	#banner .topShadow {
		-webkit-transition: all 0.01s;
	    -moz-transition: all 0.01s;
	    -o-transition: all 0.01s;
	    -ms-transition: all 0.01s;
	    transition: all 0.01s;
	}
	
	#header960 #headerBar {
		width: 97%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1005px) {
	#header {
		height: auto; 
		padding-bottom: 40px;
	}
	
	#header #logo {
		position: relative;
		display: block !important;
		float: left !important;
		height: auto;
		margin-left: 10px;
	}
	
	#header .phoneNumber {
		top: 100px;
	}
	
	#banner {
		height: auto !important;
	}
	
	#pageWrap {
		padding-left: 10px; 
		padding-right: 10px; 
		width: 97%;
	}
	
	#header960 #headerBar {
		width: 97%;
	}
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
	.stacksFour div {
		width: 100%;
	}
	
	.stacksThree div {
		width: 100%;
	}
	
	/* 
.stacksTwo div {
		width: 100%;
	}
 */
	
	.stacksOneThird div	{
		width: 100%;
	}
	
	.stacksTwoThird div {
		width: 100%;
	}
	
	#banner {
		height: auto !important;
	}
 
 	#pageWrap {
		padding-left: 10px; 
		padding-right: 10px; 
		width: 95%;
	}
	
	#headerBar {
		padding-bottom: 10px;
	}
	
	#header960 #headerBar {
		width: 95%;
	}
 
	.sf-menu {
		display: none;
	}
	
	.nav {
		display: inline-block;
		float: right;
		margin-right: 5%;
		margin-top: 1.5%;
	}
}

@media only screen and (max-width: 479px) {
	#pageWrap {
		padding-left: 10px; 
		padding-right: 10px; 
		width: 94%;
	}
	
	.block h3, #blog-categories, #blog-archives, .blog-tag-cloud, #blog-rss-feeds {
		text-align: center;
	}
	
	#headerFull, #header960 {
		height: 73px;
	}
	
	#header960 #headerBar {
		width: 94%;
	}
	
	#headerFull #siteTitle, #header960 #siteTitle {
		font-size: 25px;
	}
	
	#headerFull .tagline, #header960 .tagline {
		font-size: 11px;
	}
	
	.siteLogo img {
		width: 50px;
	}
	
	.stack {
		width: 100% !important; 
		float: left !important;
	}
	
	.stacksSection h1, 
	.stacksSection h2, 
	.stacksSection h3, 
	.stacksSection h4 {
		white-space: pre-wrap;
		white-space: -moz-pre-wrap !important; 
		white-space: -pre-wrap;
		-white-space: -o-pre-wrap;
	}
	
	#phoneNumber {
		position: fixed;
		display: block;
		width: 100%;
		text-align: center;
		padding: 5px 0;
		z-index: 100;
		font-size: 20px;
		font-weight: bold;
	}
	
	#themeDefault #phoneNumber {
		background:	#333;
		color: #0EBFE9;
		text-shadow: -1px -1px #000;
	}
	
	#themeDark #phoneNumber {
		background:	#CCC;
		color: #001821;
		text-shadow: 0 1px #FFF;
	}
	
	#header {
		height: 169px; 
	}
	
	#header #logo {
		position: relative;
		display: block !important;
		float: left;
		width: 80%;
		height: auto;
		margin: 0 10%;
	}
	
	#header .companyInfo {
		clear: left;
	}
	
	#header .phoneNumber {
		display: none;
	}
	
	#header #siteTitle, #header .tagline {
		position: relative;
		width: 100%;
		padding: 0;
		left: 0;
		text-align: center;
	}
	
	#header .tagline {
		top: 0; 
		font-size: 220%;
	}
	
	#headerBar {
		padding-bottom: 10px;
	}
	
	.socialMedia {
		display: none;
	}
	
	#page .stacksThree div {
		width: 100%;
	}
	
	#footer .sitemap li {
		float: none;
		text-align: center;
		border-right: none;
	}
	
	#footer .footerContact {
		padding-left: 0;
		text-align: center;
	}
	
	.sf-menu {
		display: none;
	}
	
	.nav {
		display: inline-block;
		float: right;
		margin-right: 5%;
		margin-top: 1.5%;
	}
	
	.blog-permalink {
		font-size: 32px;
	}
}