@charset "utf-8";

body {
/*background:linear-gradient(90deg, #D0D0D0,#383838,#707070,#707070,#383838,#D0D0D0);*/
	background-color:#ededed;
	background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
	position:absolute;
	z-index:-10;
	overflow-x:hidden;
}

form {
	padding:10px;}
	


body, h1, h2, h3, h4, h5, h6, ul, li, img, p, pre, table, th, td {
    margin:0;
    padding:0;
    border:0;
}

body, tr {
    margin:0;
    padding:0;
    border:0;
	font-weight:350;
	font-family:"Copperplate Gothic Light";
	color:black;
	font-size:16px;
	text-align:center;
}

ul, li{
	margin-left:10px;
	font-weight:350;
	font-family:"Copperplate Gothic Light";
	color:black;
	font-size:16px;
}



pre {
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
}

h1 {
	font-weight:350;
    font-family:"Copperplate Gothic Light";
    color:black;
    font-size:20px;
	text-decoration:none;
}

h2 {
	font-weight:350;
    font-family:"Copperplate Gothic Light";
    color:black;
    font-size:20px;
	text-decoration:none;
}

h3 {
	font-weight:350;
    font-family:"Copperplate Gothic Light";
    color:red;
    font-size:20px;
	text-decoration:none;
}

h4, p {
    font-weight:350;
	font-family:"Copperplate Gothic Light";
	color:black;
	font-size:16px;

	}
	
h5 {
    font-weight:350;
	font-family:"Copperplate Gothic Light";
	color:red;
	font-size:16px;

	}
	
button {
	padding:0;
	border: none;
	background: none;
	
}
	
	
.Header {
	box-sizing:border-box;
	float:left;
	width:calc(100vw - 200px);
	height:110px;
	margin-left:200px;
	background-color:#868686;
	overflow:hidden;
	}
	
.HeaderPicture {
	overflow:hidden;
	FLOAT:LEFT;
	width:275px;
	height:110px;
	text-align:center;
	line-height:50px;
}

.HeaderPicture img{
	FLOAT:LEFT;
	overflow:hidden;

}

.HeaderPicture h1{
	FLOAT:LEFT;
	font-size:25px;
	line-height:25px;
	text-align:left;
	padding-top:17px;
	color:white;
	font-family:"Copperplate Gothic Light";
}


	
.HeaderPositioner {
	FLOAT:LEFT;
	width:calc(calc(100vw - 475px)*.50);
	height:110px;
	text-align:center;
	line-height:50px;
}

.HeaderPositioner h1{
	overflow:hidden;
	color:white;
	font-size:35px;
	text-align:center;
	line-height:110px;
}

.HeaderPositionerRloatRight {
	box-sizing:border-box;
	fLOAT:left;
	width:calc(calc(calc(100vw - 475px)*.50));
	height:110px;
	text-align:left;
	line-height:18px;
	padding-top:20px;

}

.HeaderPositionerRloatRight h4{
	color:White;
}

.HeaderPositionerRloatRight:hover a>h4 {
	color:red;
}

.HeaderPositionerRloatRight:hover a {
	color:#64493D;
}

	
#logoimg {
	box-sizing:border-box;
	background-image: url("Signature_white_no_background_2.png");
	background-repeat: no-repeat;
	background-size: 180px 180px;
	background-position: center;
	height:110px;
	width:110px;
	text-align:center;
	float:left;
	}
	
.HeaderCenterText {
	height:110px;
	width:320px;
	box-sizing:border-box;
	text-align:center;
	line-height:110px;
	float:left;
	}
	
.HeaderCenterText h1{
	font-size:40px;
	color:#64493D;
	}

.HeaderMenuLine1 {
	width:100vw;
	min-width:300px;
	box-sizing:border-box;
	text-align:center;
	line-height:37px;
	float:left;
	background-color:white;
	}
	
.HeaderMenuLine1 h4{
	color:#64493D;
	}
	


.HeaderMenuLine2 {
	width:100vw;
	box-sizing:border-box;
	color:#E6DAC7;
	float:left;
	background-color:white;
	}
	
.HeaderLinksFloatRight {
	display:inline-block;
	box-sizing:border-box;
	text-align:center;
	margin-left:10px;
	margin-right:10px;
	line-height:38px;
	}
	
.HeaderLinksFloatRight h4{
	color:#64493D;
	}
	
.HeaderLinksFloatRight:hover h4{
	color:red;
	}
	


.ButtonRow {
	padding-left:200px;
	width:calc(100vw - 200px);
	background:#ededed;
	float:left;
	margin:0;
}

.ButtonRowSkinny {
	width:calc(100vw - 200px);
	background-color:#D4D4D4;
	float:left;
	margin:0;
	min-height:1000px;

}

.ButtonShape {
	display:inline-block;
	box-sizing:border-box;
	position:relative;
	width:300px;
	height:300px;
	margin:40px;
	line-height:200px;
	text-align:center;
	float:clear;
	overflow:hidden;
}

.ButtonShape img{
	opacity:1.0;
}

.ButtonShape:hover img{
	opacity:0.6;
}


.ButtonText {
	position:absolute;
	left:50%;
	bottom:0%;
	transform: translate(-50%, 0%);
	width:350px;
	height:50px;
	background-color:#D4D4D4;

}

.ButtonText h3{
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	width:400px;
	color:White;
	text-align:center;
	font-size:22px;
}

.ButtonText:hover h3{
	color:#64493D;
	
}

.ButtonPositionerSides {	
	box-sizing:border-box;
	width:200px;
	height:100vh;
	text-align:left;
	padding-top:20px;
	padding-left:20px;
	background-color:#D4D4D4;
	position:fixed;
	line-height:40px;
	overflow:hidden;
	
}

.ButtonPositionerSides h2,a{	
	color:black;
	text-decoration:none;
	text-align:left;
	
}

.ButtonPositionerSides>h2>a:hover {	
	color:#868686;	
}

.SeparateText {	
	line-height:35px;
}

.SeparateText h1{	
	font-size:35px;
}

.ButtonPositionerMiddle{
	width:calc(calc(100% - 1000px) / 2);
	height:50px;
	float:left;
	margin-top:40px;
	margin-bottom:40px;
}

.AboutTheOwner {
	box-sizing:border-box;
	float:left;
	width:200px;
	height:200px;
	margin-top:40px;
	margin-bottom:40px;	
	overflow:hidden;
}

.AboutTheOwnerBox{
	float:left;
	background-color:white;
	width:100vw;
	margin-left:200px;
}


.AboutTheOwnerSides {
	box-sizing:border-box;
	width:calc(calc(100% - 200px) * 0.2);
	height:200px;
	float:left;
	margin-top:40px;
	margin-bottom:40px;
	background-color:white;

}

.AboutTheOwnerText{
	box-sizing:border-box;
	width:calc(calc(100% - 200px) * 0.5);
	height:200px;
	float:left;
	margin-top:40px;
	margin-bottom:40px;
	padding-left:30px;
	padding-right:40px;
	text-align:left;
	padding-top:40px;
	background-color:white;
}

.AboutTheOwnerText h4{
	color:#0A2C47;
}




.BreakLine {
	box-sizing:border-box;
	display:inline-block;
	background-color:#64493D;
	height:3px;
	width:100vw;
	margin:0px;
}



.footer {
	float:left;
	margin:0 auto;
	box-sizing:border-box;
	text-align:center;
	width:100vw;
	height:100px;
	line-height:30px;
	background-color:#868686;
	padding-left:200px;
	padding-top:15px;

	}
	
.footer h4{
	text-align:center;
	color:white;
	}
	
.footer>label>a>h4:hover {
	color:black;
	}

.ExamplePictureShape {
	box-sizing:border-box;
	border:4px solid #64493D;
	overflow:hidden;
	position:relative;
	width:500px;
	height:300px;
	float:left;
	margin-top:40px;
	margin-bottom:40px;
}

.ExamplePictureSidesLeft {
	width:calc(calc(100% - 500px) * 0.2);
	height:300px;
	float:left;
	margin-top:40px;
	margin-bottom:40px;

}

.ExamplePictureText{
	box-sizing:border-box;
	width:calc(calc(100% - 500px) * 0.8);
	height:300px;
	float:left;
	margin-top:40px;
	margin-bottom:40px;
	padding-left:40px;
	padding-right:40px;
	text-align:left;
	padding-top:40px;
}

.ExamplePictureText h3{
	color:#64493D;
}

.ExamplePictureText h2{
	color:#64493D;
	font-size:30px;
}

.ExamplePictureSidesLeftSmall {
	width:calc(calc(100% - 500px) * 0.1);
	height:300px;
	float:left;
	margin-top:40px;
	margin-bottom:40px;

}

.HeaderPicture2 {
	overflow:hidden;
	position:relative;
	FLOAT:LEFT;
	width:275px;
	height:110px;
	text-align:center;
	line-height:50px;
	overflow:visible;
}

.HeaderPicture2 img{
	FLOAT:LEFT;
	opacity:15%;
	position:absolute;
	transform: translate(-50%, -50%);
	top:50%;
	left:50%;
}

.HeaderPicture2 h1{
	FLOAT:LEFT;
	font-size:40px;
	line-height:40px;
	text-align:center;
	padding-top:17px;
	color:white;
	font-family:"Copperplate Gothic Light";
	position:absolute;
	transform: translate(-50%, -50%);
	top:38%;
	left:50%;
	width:150%;
}


	
.HeaderPositioner2 {
	FLOAT:LEFT;
	width:calc(calc(100vw - 475px)*.50);
	height:110px;
	text-align:center;
	line-height:50px;
}

.HeaderPositioner2 h1{
	overflow:hidden;
	color:white;
	font-size:35px;
	text-align:center;
	line-height:110px;
}

.HeaderPositionerRloatRight2 {
	box-sizing:border-box;
	fLOAT:left;
	width:calc(calc(calc(100vw - 475px)*.50));
	height:110px;
	text-align:left;
	line-height:18px;
	padding-top:20px;

}

.ButtonShape2 {
	display:inline-block;
	box-sizing:border-box;
	position:relative;
	width:500px;
	height:450px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:10px;
	margin-right:10px;
	line-height:200px;
	text-align:center;
	float:clear;
	overflow:hidden;
}

.ButtonShape2 img{
	opacity:1.0;
}

.ButtonShape2:hover img{
	opacity:0.6;
}


.ButtonText2 {
	position:absolute;
	left:50%;
	bottom:0%;
	transform: translate(-50%, 0%);
	width:500px;
	height:50px;
	background-color:#D4D4D4;

}

.ButtonText2 h3{
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	width:500px;
	color:#868686;
	text-align:center;
	font-size:22px;
}

.ButtonText2:hover h3{
	color:#64493D;
	
}

.ButtonShapeLarge {
	display:inline-block;
	box-sizing:border-box;
	margin-top:6px;
	text-align:center;
	float:clear;
	overflow:hidden;
}

.ButtonShapeLarge img{
	height:68vh;
	max-width:98%;
}

.AboutThePainting {
	display:inline-block;
	box-sizing:border-box;
	float:clear;
	width:200px;
	min-height:100px;
	padding-top:10px;
	margin:auto;
	overflow:hidden;

}

.AboutThePaintingBox{
	float:left;
	background-color:white;
	width:calc(100vw - 200px);
	margin-left:200px;

}

.AboutThePaintingCenter{
	display:inline-block;
	margin:auto;
	background-color:white;
	min-height:100px;
	width:calc(100vw - 200px);
}


.AboutThePaintingSides {
	display:hidden;
	box-sizing:border-box;
	width:calc(calc(100% - 200px) * 0.2);
	float:left;
	margin-top:40px;
	margin-bottom:40px;
	background-color:white;

}

.AboutThePaintingText{
	box-sizing:border-box;
	display:block;
	width:calc(calc(100% - 200px));
	float:clear;
	margin:auto;
	text-align:center;
	background-color:white;
}

.AboutThePaintingText h4{
	color:#0A2C47;
}

.MobileNav{
	display:none;
	box-sizing:border-box;
	width:100vw;
	float:clear;
	padding-left:20px;
	padding-right:20px;
	background-color:#D4D4D4;
}

.MobileNav a,h2{
    color:black;
	text-decoration:none;
	text-align:center;
	margin-left:20px;
	margin-right:20px;
	padding-top:5px;
}


.MobileNav>div>h2>a:hover {	
	color:#868686;	
}

.PictureIndexBox{
	float:left;
	background-color:#ededed;
	width:100vw;
	line-height:50px;
	text-align:center;
	text-align:center;
}

.PictureIndexBox2{
	display:inline-block;
	background-color:#ededed;
	width:300px;
	margin-left:200px;
}

.PictureIndexLeft {
	float:left;
	width:50px;
	height:50px;
	background-color:#ededed;
}

.PictureIndexLeft input[type=submit]{
	position:relative;
	color:#868686;
	background-color:#ededed;
	font-size:30px;
	padding:0;
	-webkit-transform:translate(-27px, -17px);
	-moz-transform:translate(0px, -5px);
	-moz-border-radius:8px;
	-webkit-border-radius:0px;
}


.PictureIndexRight {
	width:50px;
	height:50px;
	background-color:#ededed;
	float:right;


}

.PictureIndexRight input[type=submit]{
	position:relative;
	color:#868686;
	background-color:#ededed;
	-webkit-background-color:#ededed;
	font-size:30px;
	padding:0;
	-webkit-transform:translate(-27px, -17px);
	-moz-transform:translate(0px, -5px);
	-moz-border-radius:8px;
	-webkit-border-radius:0px;
}

.MainPictures {
	opacity: 1;
	box-sizing:border-box;
	background-image: url("LahainaBay.jpg");
	background-repeat: no-repeat;
	background-size: calc(100% - 600px);
	background-position: 400px 50px;
	height:calc(100vw * 0.5);
	width:100vw;
	text-align:center;
	line-height:75px;
	margin:0px;
	float:left;
}

.ButtonRowFront {
	padding-left:200px;
	width:calc(100vw - 200px);
	background:#ededed;
	float:left;
	margin:0;
	padding-top:20px;
	padding-bottom:20px;
}

.ButtonShapeFront {
	display:inline-block;
	box-sizing:border-box;
	margin-top:6px;
	text-align:center;
	float:clear;
	overflow:hidden;
}

.ButtonShapeFront img{
	height:80vh;
}

.Announcement{
	display:inline-block;
	float:clear;
	width:85%;
	padding-bottom:5px;
}

.AnnouncementOuter{
	float:clear;
	margin-left:200px;
	width:calc(100vw - 200px);
}

.MobileTextBox {
	display:none;
}

.TabletTextBox {
	display:none;
}

.NormalPC {
	display:inline;
}