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

body,html {
	background:#fff;
	width:100%;
	height:100%;
	position:relative;
	margin: 0;
	padding:0;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	top:0;
	left:0;
	color:#3e3e3e;
	line-height:1.4em;
	font-size:15px;
	-webkit-text-size-adjust: none;
	font-weight: 300;
	text-align: justify;
	font-family: "Roboto", sans-serif;
	font-weight:200;
	font-size: 14px;
}

h1,h2 {
	font-weight: 500;
	line-height: 2em;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.2em;
}

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

.sectionwrapper, #navwrapper {
	width:100%;
	float:left;
	position: relative;
	margin: 0;
	padding:0;
}

.section {
	position:relative;
	margin: 0 10%;
	float: left;
	width:80%;
	
	width:70%;
	margin:0 15%
}

#bumper {
	padding:2.5% 0;
	clear:both;
}

#navwrapper {
	border-bottom:thin solid #717070;
	margin:0;
	background:#fff;
	color:#3e3e3e;
	padding:1% 0 0 0;
	height:12%;
	height:auto;
	padding:1% 0;
}

#mobilenavwrapper {
	/*border-bottom:thin solid #717070;*/
	margin:0;
	background:#fff;
	color:#3e3e3e;
	padding:2% 0;
	height:auto;
	float:left;
	width:100%;
    border:none;
}

.navitem {
	padding: 0 1%;
	border-right: thin solid #959292;
	float:right;
	text-align: center;
	margin:0;
	cursor:pointer;
	float:right;
	padding:0 1% 0 0;
	margin:0 1% 0 0;
}

.mobilenavitem {
    float:left; 
    padding:5px 0; 
    border-bottom:thin solid #3e3e3e; 
    width:100%;
    background-color:#fff;
    cursor:pointer;
	padding:1em 0;
}

#navwrapper .navitem a {
	color:#3e3e3e;
}

#logo {
	float:left; 
	margin:0; 
	width:60%; 
	height:auto;
}

#instagramdiv {
	position:
	absolute; 
	right:200px; 
	top:10%; 
	height:90%; 
	width:auto; 
	overflow:hidden; 
	cursor:pointer; 
	right:10%;
}

/* /////////////// MAILING LIST AND CONTACT ///////////// */

#mailinglistwrapper,#mailinglistwrappermobile,#contactwrapper,#contactwrappermobile {
	width:300px; 
	margin:0 10%; 
	/*position:relative;*/ 
	position:absolute; 
	bottom:0; 
	z-index: 999; 
	height:0;
	right:0;
	
	margin:0 15%;
}

#mailinglistform,#mailinglistformmobile,#contactform,#contactformmobile {
	background:#fff; 
	padding:0; 
	height:auto; 
	width:300px; 
	float:right; 
	display:none; 
	border-right:thin solid #3e3e3e; 
	border-bottom:thin solid #3e3e3e; 
	border-left:thin solid #3e3e3e;
	border-radius: 0 0 .5em .5em;
	z-index: 999;
}

#mailinglistform input[type=text],#mailinglistformmobile input[type=text],#contactform input[type=text],#contactformmobile input[type=text],#emailmessage,#emailmessagemobile {
	width:275px; 
	margin:10px 10px 5px 8px; 
	float:left;
}

#emailmessage,#emailmessagemobile {
	height:100px;
	overflow:auto;
	padding:0;
}

/* /////////////// END MAILING LIST AND CONTACT ///////////// */

#donvanderloo {
	font-size:2em;
	line-height:1.2em;
}

#namediv {
	font-family: "Quicksand", sans-serif;
	font-size:3em;
	font-weight:100;
	color:#647683; 
	opacity:.6; 
	margin:0; 
	width:50%;
	float:left;
	cursor:pointer;
	margin:15% 0 0 10%; 
	width:100%;
	margin:0 0 0 0;
	padding:3% 0;
}

#photographytag {
	font-family: "Quicksand", sans-serif;
	font-size:.4em; 
	margin-top:2%; 
	letter-spacing:1.1em; 
	padding-left:3px;
	padding:0;
	font-size:1.2em;
	opacity:.6;
	width:100%;
	color:#647683; 
	margin:0 0 0 5px;
}

.rollover :hover {
	/*color:#3e3e3e;*/
	background:#807976;
	color:#fff;
	background:#fff;
}

.rollover {
	float:left; 
	padding:1% 0; 
	text-align: center; 
	width:100%; 
	display:none;
}

#introwrapper {
	float:left; 
	width:50%; 
	margin:0; 
	padding:0; 
	position:relative; 
	margin:3.7% 0 0 10%; 
	border-top:#fff thin solid; 
	border-bottom:thin #fff solid; 
	padding:20px 0; 
	color:#fff; 
	width:25%;
		
	margin:6% 0 0 10%;
	margin:4% 0 0 15%;	margin:7.5% 0 0 15%;

}

#introparagraph {
	float:left; 
	width:100%; 
	padding:0; 
	margin:0;
}

#introparagrah p:last-child {
	display:block;
}

#homethumbwrapper {
	margin:1% 0 0 10%;
	margin:1% 0 0 15%;
}

.homethumb {
	float:left; 
	border-radius:10px; 
	border:thin solid #fff; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4); 
	width:9.7%; 
	height:auto; 
	overflow:hidden; 
	position:relative; 
	margin-right:1%;
	
	width:11.2%; 

}

/* ////////////////////////	BOOK PAGE ////////////////////// */

#focus,#sixyears {
	width:50%; 
	height:50%; 
	margin:0 25%; 
	padding:0; 
	display:none; 
	position:absolute; 
	top:0; 
	display:none;
}

.PDFFlip {
	display:none;
}

#colorbook {
	cursor:pointer; 
	width:13.3%; 
	height:inherit; 
	width:auto; 
	float:left; 
	margin-right:2%; 
	box-shadow: 2px 3px 3px 2px #888;
}


/* ////////////////////////	END BOOK PAGE ////////////////////// */

/* ///////////////// FOOTER /////////////// */

#footer {
	position:fixed; 
	bottom:0; 
	left:0; 
	color:#fff; 
	width:100%; 
	height:auto; 
	background:url('../images/footer.png'); 
	padding:0; 
	height:7%;
	background-size: contain;
	z-index:998;
	
	height:60px;
}

.footerthird {
	width:33%;
	padding:0;
	margin:1.7% 0 0 0;
	position:relative;
	float:left;
	
}

.footerlink {
	float:left;
	text-align:center;
	padding-right:1%;
	border-right:thin solid #fff;
	margin-right:1%;
	cursor:pointer;
}

.footerlink:hover {
	opacity:.5;
}

.sociallogo {
	cursor:pointer;
	width:7%;
	height:auto;
	float:right;
	padding:0;
	margin:-2% 0 0 0;
}

.sociallogo:hover {
	opacity:.5;
}

/* ///////////////// END FOOTER /////////////// */


.half, .third, .full, .twothirds {
	float:left;
	width:48%;
	margin:0 2% 0 0;
	position:relative;
	padding:0;
}

.third {
	width:32%;
}

.full {
	width:100%;
}

.twothirds {
	width:61%;
}

.clearboth {
	clear: both;
}

.desktop {
	display:block;
}

.mobile {
	display:none;
}

#positano {
	/*background-image:url('../images/positano.jpg'); */
	background-repeat:no-repeat; 
	height:87%; 
	width:100%; 
	background-size:cover; 
	overflow:hidden; 
	background-position: 0 -60px;
	position: relative; 
	background-attachment: fixed; 
	background-position: center center;
	
	background-image:url('../images/waltonLighthouseLg.png'); 
	background-position:0 55%;
/*	background-image:url('../images/positano.jpg');*/
}

/* GALLERY PAGE */

.gallerythumb,.thumbdiv {
	float:left;
	margin:0 2% 2% 0;
	position:relative;
	border-radius:1em;
	width:15%;
	
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4); 
}

#search {
	float:right; 
	width:20%;
}

#searchbuttonicon {
	width:4%; 
	height:auto; 
	margin:-.3% 0 0 2%; 
	float: right;
}

/*.gallerythumb {
	float:left;
	margin:0;
	width:100%;
}

.saveme {
    width:94%;
    height:10%;
    margin:0;
    color:#000;
    background-color:#fff;
    border-radius:1em 1em 0 0;
    z-index: 999;
    position:absolute;
    opacity:.6;
    padding:3%;
    display:none;
}
*/
/* END GALLERY PAGE */


/* CALENDAR */

#calendar,iframe {
    margin:0 20%;
    border-width:0;
    width:60%;
    height:60%;
}

/* END CALENDAR */

/* /////////////////// STORE /////////////////// */

#storediv { 
	width:100%; 
	position:fixed; 
	left:0; 
	overflow:hidden; 
	z-index:3;
	bottom:0;
	
	bottom:34px;
	height:120px
}

#store {
	position:absolute; 
	width:4%; 
	height:auto; 
	left:15%;
	cursor:pointer;
	
	bottom:-120px;
	z-index:3;
	width:auto;
	height:120px;
}

.itemdiv {
	float:left;
	padding:1%;
	border:thin solid #3e3e3e;
	position:relative;
	width:12.5%;
	margin:0 2% 2% 0;
	border-radius:.5em;
}

.itemdiv img,.description,.price,.name {
	width:96%;
	height:auto;
	float:left;
	margin:0 2% 3% 2%;
}

.description,.name {
	text-align:left;
}

.description {
	font-size:.8em;
	line-height:1.2em;
}

.name {
	font-size:1.1em;
}

.price {
	font-weight:bold;
	font-size:1.2em;
	margin-top:2%;
}

.itemdivform {
	float:right;
}

.itemconfirm {
	position:absolute;
	width:98%;
	height:98%;
	background:#fff;
	opacity:.9;
	top:1%;
	left:1%;
	display:none;
}

.deleteitem {
	float:left;
	width:96%;
	margin:1% 2% 0 2%;
	color:#ff0000;
	text-align:center;
	padding:1% 0 4% 0;
	border:thin solid #888;
	cursor:pointer;
	display:none;
}

#instructions {
	width:40%; 
}

#shoppingcarticon {
	float:right; 
	width:2.5%;
	height:auto;
}

#shoppingcartcount {
	position:absolute; 
	background:#ff0000; 
	border-radius:2em; 
	height:20px; 
	width:20px; 
	right:30px; 
	top:0; 
	color:#fff; 
	z-index:10; 
	text-align:center;
}

#confirmationcheck {
	display:none;
	width:10%; 
	height:10%; 
	background:#fff; 
	border-radius:.5em; 
	z-index:999; 
	position:absolute; 
	opacity:1;
}

	.itemdiv {
		width:12.5%;
		margin:0 2% 2% 0;
	}

#bestsellerbanner {
	position:absolute; 
	top:2%; 
	left:2%; 
	width:94%; 
	background-color:darkblue; 
	color:#fff; 
	font-size:1em; 
	padding:1%; 
	height:auto; 
	background-image: url('../images/fivestar.png'); 
	background-position:22% center; 
	background-size:33%; 
	background-repeat:no-repeat;
	border-radius:.5em .5em 0 0;
}

#bestsellertext {
	float:left; 
	margin:auto 0 auto 50%; 
	width:40%; 
	height:auto; 
	line-height:1.6em;
}

/* /////////////////// END STORE /////////////////// */

/* /////////////////// CONFIRMATION PAGE /////////////////// */

.confirmationchangebox {
	border:thin solid #3e3e3e; 
	border-radius:.5em; 
	float:left; 
	position:relative; 
	padding:2%; 
	width:44%; 
	/*margin:0 2% 1% 0;*/
	margin-bottom:1%;
}

#ordersummarybox {
	margin:0; 
	border:thin solid #3e3e3e; 
	padding:1%; 
	width:43%; 
	border-radius:.5em;
	float:left;
	position:relative;
}

#firstname,#lastname,#streetaddress,#city,#state,#zip,#emailaddress {
	float:left; 
	width:47%; 
	margin:0 2% 2% 0;
}

#lastname {
	width:48%; 
	margin:0 0 2% 0;
}

#streetaddress {
	width:98%; 
	margin:0 0 2% 0;
}

#city {
	width:31%; 
	margin:0 2% 2% 0;
}

#state {
	width:31%; 
	margin:0 2% 2% 0;
}

#zip {
	width:29.5%; 
	margin:0 0 2% 0;
}

#emailaddress {
	width:98%; 
	margin:0 0 2% 0;
}

/* /////////////////// END CONFIRMATION PAGE /////////////////// */

@media screen and (max-width: 1030px) { /* IPAD LANDSCAPE 1024 */
	#homenav {
		display:none;
	}
	
	.homethumb {
		width:17.8%; 
		margin-right:1%;
		
		width:20.5%
	}
	
	#bumper {
		padding:6% 0;
	}
	
	#positano {
		height:100%; 
		background-position:right 23% bottom 40px;
		background-position:right 55% bottom 40px;
	}	
	
	#introwrapper {
		padding:5px 0;
		width:45%;
		margin-bottom:1%;
		
		margin-top:4%;
	}
	
	#footer {
		height:8%;
		background-position: 10% 25%;
		background-repeat:repeat-x;
		z-index:80;
		font-size:.7em;
	}
	
	#instagram,#facebook,#arts {
		width:15%;
		height:auto;
	}
	
	.navicon {
		display:none;
	}
	
	#logo {
		width:90%;
		height:auto;
	}
	
	#instagramdiv {
		right:8%;
	}
	
	/* //////////////////// STORE //////////////////// */

	#shoppingcarticon {
		width:8%; 
		height:auto;
	}

	#shoppingcartcount {
		right:45px; 
	}
	
	#shoppingcartcount span {
		margin-top:20px; 
	}
	
	.itemdiv {
		width:20.2%;
		margin:0 2% 2% 0;
	}
	
	.name {
		font-size:.9em
	}
	
	#confirmationcheck {
		width:30%; 
		height:20%; 
	}
}
	
@media screen and (max-width: 770px) { /* IPAD PORTRAIT 768 */
	
	body,html {
		font-size:.85em;
	}
	
	.half,.third {
		width:100%;
	}
	
	#p2 {
		display: none;
	}
	
	#bumper {
		padding:6% 0;
	}
	
	#positano {
		height:100%; 
		background-position:right 43% bottom 40px;		
		background-position:right 23% bottom 40px;
	}	
	
	#introwrapper {
		padding:5px 0;
		width:43%;
		margin-top:15%;
		margin-left:12%;
		
		margin:15% 0 2% 12%;
	}
	
	#homethumbwrapper {
		margin-left:12%;
		width:66%;
	}
	
		.navicon {
		display:none;
	}

	#p2 {
		display:block;
	}
	
	#logo {
		width:90%;
		height:auto;
	}
	
	#instagramdiv {
		right:8%;
	}
	
	#footer {
		bottom:-15px;
		height:60px;
	}

	.footerthird {
		margin:4% 0 0 0;
	}
	
	.footerlink {
		display:none;
	}
	
	#instagram,#facebook,#arts {
		width:15%;
		height:auto;
	}
	
	/* //////////// STORE /////////// */
	
	#storediv { 
		bottom:20px;
		height:90px
	}

	#store {
		bottom:-90px;
		z-index:3;
		width:auto;
		height:90px;
	}
	
	.itemdiv {
		width:20.2%;
		margin:0 2% 2% 0;
	}
	
	#instructions {
		width:70%; 
	}
	
	.name {
		font-size:.9em;
	}

	/* //////////// END STORE /////////// */
	
	/* /////////////////// CONFIRMATION PAGE /////////////////// */

	.confirmationchangebox {
		border:thin solid #3e3e3e; 
		border-radius:.5em; 
		float:left; 
		position:relative; 
		padding:2%; 
		width:44%; 
		/*margin:0 2% 1% 0;*/
		margin-bottom:1%;
	}

	#ordersummarybox {
		width:98%; 
	}
	
	#firstname,#lastname,#streetaddress,#city,#state,#zip,#emailaddress {
		float:left; 
		width:45%; 
		margin:0 2% 2% 0;
	}
	
	#lastname {
		float:left; 
		width:45.5%; 
		margin:0 2% 2% 0;
	}
	
	#streetaddress {
		width:95%; 
		margin:0 0 2% 0;
	}

	#city {
		width:29%; 
		margin:0 2% 2% 0;
	}

	#state {
		width:29%; 
		margin:0 2% 2% 0;
	}

	#zip {
		width:28%; 
		margin:0 0 2% 0;
	}

	#emailaddress {
		width:95%; 
		margin:0 0 2% 0;
	}
	
	#confirmationcheck {
		width:40%; 
		height:15%; 
	}
	
	#shoppingcartcount span {
		line-height:1.5em; 
	}
	
	/* ///////////////// END CONFIRMATION PAGE //////////////// */
	
}
	
@media screen and (max-width: 740px) { /* PHONE LANDSCAPE 734px*/
	
	.section {
		width:90%;
		margin:0 5%;
	}
	
	#positano {
		height:100%; 
		background-position:left 0 bottom -35px;
	}
	
	#footer {
		height:50px;
		background-repeat: repeat-x;
	}
	
	.footerthird {
		margin-top:3%
	}
	
	#instagram,#facebook,#arts {
		height:20px;
		width:auto;
	}
	
	#storediv { 
		height:60px;
		
		bottom:20px;
	}

	#store {
		bottom:-120px;
		z-index:3;
		width:auto;
		height:60px;
		left:650px;
	}

	.name {
		font-size:1.2em;
	}
	body,html {
		font-size:8px;
	}
	
	#introwrapper {
		padding:5px 0;
		width:40%;
		margin-top:3%;
		margin:3% 0 1% 5%;

	}
	
	#homethumbwrapper {
		margin-left:5%;
		width:90%;
	}
	
	.homethumb {
		width:13.9%;
	}
	
	#mailinglistwrapper {
		width:200px; 
		margin:0;
		right:0;
	}

	#mailinglistform {
		width:200px; 
	}
	
	#mailinglistform input[type=text] {
		width:170px; 
		margin:10px 20px 5px 10px; 
	}
    
    #calendar,iframe {
    margin:0 10%;
		}
	
	.navicon {
		display:none;
	}
	
	#instagramdiv {
		height:60%; 
		width:auto; 
		right:0;
	}
	
	#searchbuttonicon {
		width:7%; 
		height:auto; 
		margin:-.3% 0 0 2%; 
	}
	
	#shoppingcarticon {
	width:4%; 
	height:auto;
	}

	#shoppingcartcount {
		right:20px; 
	}
	
	#shoppingcartcount span {
		line-height:1.5em; 
		font-size:1.5em;
	}
	
	#ordersummarybox {
		width:98%; 
	}
		
	/* ////////////// CONFIRMATION PAGE /////////////// */
	
	.confirmationchangebox {
		width:27%; 
		/*margin:0 2% 1% 0;*/
		margin-bottom:1%;
		width:44%;
	}
	
	#ordersummarybox {
		width:98%; 
	}
		
	#confirmationcheck {
		width:30%; 
		height:30%; 
	}
	
	#firstname,#lastname,#streetaddress,#city,#state,#zip,#emailaddress {
		float:left; 
		width:46%; 
		margin:0 2% 2% 0;
	}
	
	#lastname {
		float:left; 
		width:45.5%; 
		margin:0 2% 2% 0;
	}
	
	#streetaddress {
		width:96%; 
		margin:0 0 2% 0;
	}

	#city {
		width:30%; 
		margin:0 2% 2% 0;
	}

	#state {
		width:30%; 
		margin:0 2% 2% 0;
	}

	#zip {
		width:28%; 
		margin:0 0 2% 0;
	}

	#emailaddress {
		width:96%; 
		margin:0 0 2% 0;
	}
	/* ////////////// END CONFIRMATION PAGE /////////////// */
}
	
@media screen and (max-width: 395px) { /* PHONE PORTRAIT 393px */
	
	
	.section {
		width:90%;
		margin:0 5%;
	}
	
	.desktop {
		display: none;
	}
	
	.mobile {
		display: block;
	}
	
	#footer {
		bottom:0;
		background-position: bottom;
		height:35px;
		background-size:cover;
	}
	
	#footer img {
		width:20%; 
		height:auto;
	}
	
	.footerthird {
		margin:5% 0 0 0;

	}
	
	#homelink,#aboutlink,#gallerylink,#calendarlink,#contactlink,#mailinglistlink,#bloglink {
		display:none;
	}
	
	#positano {
		height:92%; 
		width:100%; 
		background-size:cover; 
		overflow:hidden; 
		position: relative; 
		/*background-position: 65% 10%;*/
		
		background-position:right 42% bottom 10%;		
		background-position: 79% 10%;

	}

	#introwrapper {
		padding:0; 
		color:#fff; 
		width:45%;
			
		margin:13% 0 1% 7%;
	}	

	#homethumbwrapper {
		margin:1% 0 0 7%;
		width:90%
	}

	.homethumb {
		border-radius:2px; 
		width:11.2%; 
		height:auto; 
		/*width:17.2%;*/
		margin:1% 1% 0 0;
		
		width:15.2%;
	}
	.gallerythumb {
		width:32%;
	}

	#mailinglistwrappermobile {
		width:200px; 
		margin:0;
	}

	#mailinglistformmobile {
		width:200px; 
	}
	
	#mailinglistformmobile input[type=text] {
		width:170px; 
		margin:10px 20px 5px 10px; 
	}
	
	#mailinglistform,#mailinglistformmobile,#contactform,#contactformmobile {
		border:none;
	}

	#search {
		width:20%;
	}

	#searchbuttonicon {
		width:10%; 
		height:auto; 
		margin:-.3% 0 0 2%; 
	}
	
	#instagramdivmobile {
		left:8%;
	}
	
	#instagramdiv {
		position:absolute; 
		right:200px; 
		top:10%; 
		height:90%; 
		width:auto; 
		overflow:hidden; 
		cursor:pointer; 
		left:10%;
	}
	
	#storediv { 
		bottom:34px;
		height:120px;
		
		bottom:20px
	}

	#store {
		position:absolute; 
		width:4%; 
		height:auto; 
		left:15%;
		cursor:pointer;

		bottom:-120px;
		z-index:3;
		width:auto;
		height:120px;
	}
	
	#bumper {
		padding:8% 0;
	}	
	
/* /////////////////// STORE /////////////////// */

	#store {
		width:10%; 
		height:auto; 
		left:5%;
	}
	
	.itemdiv {
		width:21%;
		margin:0 1% 2% 0;
	}
	
	#instructions {
		width:80%; 
	}
	
	#shoppingcarticon {
		width:8%; 
		height:auto;
	}
	
	#shoppingcartcount {
		height:10px; 
		width:10px; 
		right:25px; 
		padding:2%;
	}
	
	#shoppingcartcount span {
		font-size:1.4em;
		line-height:1em;
	}
	
	.name {
		font-size:.8em;
	}
	
	#bestsellerbanner {
		font-size:.8em; 
		background-position:17% center; 
	}

	/* /////////////////// END STORE /////////////////// */
	
	/* ////////////// CONFIRMATION PAGE /////////////// */
	
	.confirmationchangebox {
		width:27%; 
		/*margin:0 2% 1% 0;*/
		margin-bottom:1%;
		width:44%;
	}
	
	#ordersummarybox {
		width:98%; 
	}
	
#confirmationcheck {
	width:40%; 
	height:10%; 
	background:#fff; 
	border-radius:.5em; 
	z-index:999; 
	position:absolute; 
	opacity:1;
}	
	
	#firstname,#lastname,#streetaddress,#city,#state,#zip,#emailaddress {
		float:left; 
		width:44%; 
		margin:0 2% 2% 0;
	}
	
	#lastname {
		float:left; 
		width:44%; 
		margin:0 2% 2% 0;
	}
	
	#streetaddress {
		width:96%; 
		margin:0 0 2% 0;
	}

	#city {
		width:28%; 
		margin:0 2% 2% 0;
	}

	#state {
		width:28%; 
		margin:0 2% 2% 0;
	}

	#zip {
		width:28%; 
		margin:0 0 2% 0;
	}

	#emailaddress {
		width:96%; 
		margin:0 0 2% 0;
	}
	/* ////////////// END CONFIRMATION PAGE /////////////// */
	
}