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


hr {
	display:none;
}

body, html {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	/*background:url(images/smallbg.jpg) ;
	background-size:cover;
	background-attachment:fixed;
	*/
	background:url(images/overbg.png),  url(images/smallbg.jpg);
	background-size:100%, cover;
	background-attachment:fixed;
	background-repeat:repeat-y, no-repeat;
	
	color:#1A4F49;
	font-family: 'Ubuntu', sans-serif;
	line-height:1.5em;
	
	/*this below fixed margin right error 5/25/15*/
	overflow-x:hidden;
}

p {
	color:#000;
}

#viewhole {
	overflow:hidden;
	clear:both;
}

#slider {
	position:relative;

}
.forclear {
	clear:both;
	display:none;
}

#logo {
	display:none;
}

#mobilelogo {
	width:273px;
	margin:0 auto;
}

#mobilelogo p{
	text-align:center;
	margin:5px 0 5px 15px;
	padding:0;
}
#email {
	display:none;
}


h1 {
	text-align:center;
	margin-bottom:50px;
}

h2 {
	text-align:center;
	margin-bottom:30px;
}

h3 {
	text-align:center;
	margin-top:40px;
	font-weight:normal;
}

h4 {
	text-align:center;
	margin:10px auto;
}

h5 {
	text-align:center;
	margin:4px auto;
}


.vidmax {
	max-width:1100px;
	max-height:620px;
	margin:0 auto;
}

.vid-container {
    position: relative;
    padding-bottom: 50%;
    padding-top: 35px; height: 0; overflow: hidden;
}

.vid-container div,
.vid-container iframe,
.vid-container object,
.vid-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*
table.letters {
	text-align:center;
	width:100%;
	height:200px;
}

.letters tr {
	width:100%;
}
.letters tr td {
	width:50%;
}

*/

/* default and mobile */

div.open {
	/*height:100%;*/
	width:80.9%;
	margin: 10px auto;
	padding:1.7% 5.9%;
	overflow:hidden;
	opacity:1.0;
	/*background-color:rgba(255,255,255,0.75);*/
	transition:opacity 2.2s ease-in-out;
	-webkit-transition:opacity 2.2s ease-in-out;
	-o-transition:opacity 2.2s ease-in-out;
	-moz-transition:opacity 2.2s ease-in-out;
	-ms-transition:opacity 2.2s ease-in-out;
}
div.close {
	height:0;
	width:80.9%;
	margin:0 auto;
	padding:0 5.9%;
	overflow:hidden;
	opacity:0;
	/*background-color:rgba(255,255,255,0.75);*/
	transition:opacity 2.2s ease-in-out;
	-webkit-transition:opacity 2.2s ease-in-out;
	-o-transition:opacity 2.2s ease-in-out;
	-moz-transition:opacity 2.2s ease-in-out;
	-ms-transition:opacity 2.2s ease-in-out;
}


.page ul li {
	margin:7px;
}

header ul {
	list-style:none;
	margin:0;
	padding:7px 0 0 0;
	border-top:dashed 3px #1A4F49;
	border-bottom:dashed 3px #1A4F49;
	color:#1A4F49;
}

header ul li {
	text-align:center;
	width:100%;
	margin:4px 0;
	padding:0;
}

header ul li:hover {
	background:rgba(222,222,222,0.5);
	color:#000;
	text-shadow:#FFF 3px 1px 1px;
}


/* mobile menu */

header li.menuopen {
	list-style:none;
	margin:0;
	padding:5px;
	font-size:2em;
	height:34px;
	opacity:1.0;
	transition:height 1.2s, padding 1.2s, opacity 1.2s;
	-webkit-transition:height 1.2s, padding 1.2s, opacity 1.2s;
	-o-transition:height 1.2s, padding 1.2s, opacity 1.2s;
	-moz-transition:height 1.2s, padding 1.2s, opacity 1.2s;
	-ms-transition:height 1.2s, padding 1.2s, opacity 1.2s;
}

header li.menuclosed{
	list-style:none;
	margin:0;
	padding:0;
	height:0;
	font-size:2em;
	overflow:hidden;
	opacity:0;
	transition:height 1.2s, padding 1.2s, opacity 1.2s;
	-webkit-transition:height 1.2s, padding 1.2s, opacity 1.2s;
	-o-transition:height 1.2s, padding 1.2s, opacity 1.2s;
	-moz-transition:height 1.2s, padding 1.2s, opacity 1.2s;
	-ms-transition:height 1.2s, padding 1.2s, opacity 1.2s;
}


/*
.threecol {
	width:100%;
	text-align:center;
}

.threecol img {
	max-height:100px;
	max-width:100%;
	
}

.half {
	width:97%;
	padding:1.5%;
}

.half img {
	width:95%;
}

.contact {
	margin: 0 x;
}

.contact td {
	padding:0px;
}
*/


.item {
	width:85%;
	margin:7% auto 15%;
}

.item img {
	width:100%;
	margin:auto;
}

.wideitem {
	width:85%;
	margin:3% auto;
}

.wideitem img {
	width:85%;
	margin:auto;
}

.wideitem p {
	background:rgba(232, 232, 232, 0.62);
	padding:12px 8px;
}

.wideitem a, .item p a, .item h5 a{
	color:#1A4F49;
}
.wideitem a:hover, .item p a:hover, .item h5 a:hover{
	background:rgba(222,222,222,0.5);
	color:#000;
	text-shadow:#FFF 3px 1px 1px;
}


.page {
	/*border-left:dashed 3px #1A4F49;
	border-right:dashed 3px #1A4F49;
	/*background:url(images/pagebg.png);
	background-size:100%;
	background-repeat:repeat-y;
	*/
}

#menubutton img {
	opacity:0.5;
}

.currentpage {
	color:#000;
	text-shadow:#000 0px 0px 1px;
}





#reflexvideo {
	width:100%;
	/*width:60%;*/
	height:100%;
	margin: 12px auto;
	text-align:center;
}

#reflexvideo a {
	color:#132a4e;
	background:#fff;
	padding:4px 10px;
	letter-spacing:2px;
	text-decoration:none;
}

#reflexvideo a:hover {
	color:#fff;
	background:#455773;
}

.vidmax {
	max-width:1100px;
	max-height:700px;
	margin:0 auto;
}

.vid-container {
    position: relative;
    padding-bottom: 60%;
    padding-top: 35px; height: 0; overflow: hidden;
}

.vid-container div,
.vid-container iframe,
.vid-container object,
.vid-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	
}

#reflexvideo iframe {
	margin:0;
}



header, #viewhole {
	position:relative;
	z-index:1;
}


#sawtoothalbums {
	width:100%;
	margin:8% 0;
	padding:5px 0;
}

#sawtoothalbums img {
	display:block;
	float:left;
	width:18%;
	margin:0px 1%;
	padding:0;
}

#sawtoothalbums br {
	display:inline;
}

#sawtoothalbums img:hover {
	outline:dashed 3px #1A4F49;
	outline-offset:3px;
}

#igtabframe {
	display:none;
}

#igmoblog {
	display:block;
}