<style type="text/css">
	
		a:active, a:focus {
			outline: none;
			}
		
		a.lightnav:link { color:#ffffff !important; font-weight:300; text-decoration:none; }
		a.lightnav:visited { color:#ffffff !important; font-weight:300; text-decoration:none; }
		a.lightnav:active { color:#0080ff !important; font-weight:300; text-decoration:none; }
		a.lightnav:hover { color:#0080ff !important; font-weight:300; text-decoration:none; }
		
		a.darknav:link { color:#0080ff !important; font-weight:300; text-decoration:none; }
		a.darknav:visited { color:#0080ff !important; font-weight:300; text-decoration:none; }
		a.darknav:active { color:#00407f !important; font-weight:300; text-decoration:none; }
		a.darknav:hover { color:#00407f !important; font-weight:300; text-decoration:none; }
		
		a.buttonnav:link { color:#666666 !important; font-weight:700; text-decoration:none; }
		a.buttonnav:visited { color:#666666 !important; font-weight:700; text-decoration:none; }
		a.buttonnav:active { color:#ffffff !important; font-weight:700; text-decoration:none; }
		a.buttonnav:hover { color:#ffffff !important; font-weight:700; text-decoration:none; }
		
		.divbar { 
			font-family:'Raleway', Helvetica, sans-serif;
		}
		
		.mainmessage {
			font-family:'Raleway', Verdana, sans-serif;
			font-size:30px;
			line-height:33px;
			color:#656565;
			text-transform:uppercase;
			letter-spacing:-0.05em;
		}
		
		h1 {
			font-family:'Raleway', Verdana, sans-serif;
			font-size:36px;
			line-height:30px;
			color:#666666;
			letter-spacing:-0.02em;
			font-weight:300;
 			margin:10px 0px 20px 0px;
		}
		
		h2 {
			font-family:'Raleway', Verdana, sans-serif;
			font-size:24px;
			line-height:27px;
			color:#666666;
			letter-spacing:-0.02em;
			font-weight:300;
		}
		
		select {
			font-family:'Raleway', Verdana, sans-serif;
			font-size:21px;
			padding:5px 20px 5px 20px;
			line-height:24px;
			color:#666666;
			letter-spacing:-0.03em;
			font-weight:bold;
		}
		
		.gradient {
			background: #fcfcfc; /* For browsers that do not support gradients */
			background: -webkit-linear-gradient(#fcfcfc, #eeeeee); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#fcfcfc, #eeeeee); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#fcfcfc, #eeeeee); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#fcfcfc, #eeeeee); /* Standard syntax (must be last) */
			}
			
		.dark {
			font-family:'Raleway', Verdana, sans-serif; 
			font-size:16px; 
			line-height:22px; 
			color:#666666; 
			letter-spacing:-0.03em;	
			font-weight:300;
		}
		
		.sellist {
			font-family:'Raleway', Verdana, sans-serif;
			font-size:21px;
			padding:5px 20px 5px 20px;
			line-height:24px;
			color:#666666;
			letter-spacing:-0.03em;
			font-weight:bold;
		}
		
		p.dark {
			font-family:'Raleway', Verdana, sans-serif; 
			font-size:16px; 
			line-height:22px; 
			color:#666666; 
			letter-spacing:-0.03em;	
			font-weight:300;
		}
		
		p.light {
			font-family:'Raleway', Verdana, sans-serif; 
			font-size:16px; 
			line-height:22px; 
			color:#ffffff; 
			letter-spacing:-0.02em;	
			font-weight:200;
		}
		
		.numbers {
			font-family: 'Teko', sans-serif;
			font-size:36px;
			line-height:33px;
			color:#ffffff;
			letter-spacing:-0.01em;
			font-weight:500;
			
		}
		
		li {
			font-family:'Raleway', Helvetica, Arial, sans-serif;
			font-size:18px;
			line-height:24px;
			color:#464646;
			letter-spacing:-0.02em;
			font-weight:100;
		}
		
		.copyright {
			font-family:'Raleway', Helvetica, sans-serif;
			font-weight:400;
			font-size:13px;
			line-height:16px;
			color:#999999;
		}
		
		.menu-item {
			font-family:'Raleway', Helvetice, sans-serif !important;
			font-size:12px;
			font-weight:bold;
			color:#787878;
		}
		
		.colleft {
			float:left;
			width:45%; 
			min-width:190px; 
			max-width:260px; 
			display:inline-block;
			padding-right:20px;
		}
		
		.colmid {
			float:left;
			width:5%;
			min-width:20px;
			max-width:20px;
			height:5px;
			display:inline-block;
		}
		
		.colright {
			float:left;
			width:50%;
			display:inline-block;
		}
		
		.frameborder {
			border:24px #dcdacc solid;
			width:80%;
			max-width:760px;
			min-width:320px;
			background-image:url(../newart/canvasbkgd.jpg);
		}
		
		.contentbacker {
			width:84%;
			margin:30px;
			max-width:740px;
			background-color:#dcdacc; 
			padding:1px 30px 30px 30px; 
			text-align:left;
 		}
		
		.imgx {
			width:100%;
			max-width:300px;
			border:12px #ffffff solid;
		}
		
		.imgx2 {
			width:95%;
			max-width:500px;
			border:12px #ffffff solid;
		}
		
		.pagebutton {
			padding:10px;
			border:1px #999999 dotted;
			border-radius:8px;
			background-color:#c1a15e;
			color:#ffffff;
		}
		
		.box {
			background-color:#dabe8e;
			font-family:'Raleway', Verdana, sans-serif;
			font-weight:100;
			font-size:14px;
			color:#666666;
			transition:200ms ease-out;
			float:left; 
			border:1px #c1a15e solid;
			border-radius:12px; 
			padding:10px; 
			width:260px; 
			margin:10px 10px 0px 0px;
		}
			
		.box1:hover {
			background-color:#ff6666; 
			color:#ffffff;
			transition:200ms ease-out;
			border:1px #cc3333 solid;
			box-shadow: 0 2px 4px 3px rgba(0, 0, 0, 0.3);   
		}
		
		.nomobile {
			display:none;
		}
		
		.swiper-container {
			width: 100%;
			height: 100%;
			margin-left: auto;
			margin-right: auto;
		}
		.swiper-slide {
			text-align: center;
			font-size: 18px;
			background: #fff;
	
			/* Center slide text vertically */
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center;
		}
		
		.gallerytext {
			text-align:justify;
			padding:30px 60px 30px 60px;
			font-size:15px;
			line-height:18px;
			letter-spacing:-0.03em;
		}
		
		.galleryheight {
			max-height:450px;
		}
		
		.hideonpc {
			display:none;
		}
		
		.bpimg {
			width:100%;
			align:left;
			padding:0px 20px 10px 0px;
		}
					
		.errormsg {
			color:#cc0000;
			font-family:'Raleway', sans-serif;
			font-size:16px;
			line-height:21px;
			font-weight:300;
			letter-spacing:-0.03em;
			padding:0px 0px 20px 20px;
			text-align:left;
		}
		
		.subbut {
			font-size:18px;
			color:#ffffff;
			font-family: 'Raleway', sans-serif;
			font-weight:300;
			padding:10px;
			margin-bottom:20px;
			border-radius:8px;
			background-color:#0080ff;
			width:90% !important;
		}
		
		.subbut2 {
			font-size:18px;
			color:#ffffff;
			font-family: 'Raleway', sans-serif;
			font-weight:300;
			padding:10px 20px 10px 20px;
			margin-bottom:20px;
			border-radius:8px;
			background-color:#0080ff;
		}
		
		.subbut3 {
			font-size:18px;
			color:#333333;
			font-family: 'Raleway', sans-serif;
			font-weight:300;
			padding:10px 20px 10px 20px;
			margin-bottom:20px;
			border:1px #cccccc solid;
			border-radius:8px;
			background-color:#ededed;
		}
		
		.inputfield {
			font-size:15px;
			padding:8px;
			margin-bottom:20px;
			border-radius:0px;
			border:1px #999999 solid;
			width:90% !important;
			background-color:#ffffff;
		}
			
		div.accordion {
			background-color: #ffffff;
			color: #444;
			cursor: pointer;
			margin-bottom:-30px;
			font-weight:700;
			padding: 18px;
			width: 100%;
			border: none;
			text-align: left;
			outline: none;
			font-size: 15px;
			transition: 0.4s;
		}
		
		div.accordion.active, button.accordion:hover {
			background-color: #ddd;
		}
		
		div.panel {
			padding: 0 18px;
			background-color: white;
			font-size:14px;
			line-height:21px;
			margin-top:30px;
			margin-bottom:2px;
			color:#666666;
			max-height: 0;
			overflow: hidden;
			transition: 0.6s ease-in-out;
			opacity: 0;
		}
		
		div.accordion:after {
			content: '\02795';
			font-size: 13px;
			color: #777;
			float: right;
			margin-left: 5px;
		}
		
		div.accordion.active:after {
			content: "\2796";
		}
		
		div.panel.show {
			opacity: 1;
			max-height: 800px;  
		}


	@media screen and (max-width:780px){

		.hideonmobile {
			display:none;
		}
		
		.hideonpc {
			width:90%;
			min-width:280px;
		}
		
		.nopc {
			display:none;
		}
		
		.colleft {
			align:left;
			width:100%;
			min-width:260px;
		}
		
		.colmid {
			align:left;
			width:82%;
			height:10px;
		}
		
		.colright {
			aligh:left;
			width:100%;
			min-width:260px;
		}
		
		.frameborder {
			border:1px;
			width:100%;
			background-image:none;
		}
		
		.contentbacker {
			margin:-5px;
			width:82%;
			max-width:740px;
			background-color:#dcdacc; 
			padding:1px 30px 30px 30px; 
			text-align:left;
		}
		
		.imgx {
			width:100%;
			max-width:236px;
			border:12px #ffffff solid;
		}
		
		.gallerytext {
			text-align:justify;
			padding:20px 40px 20px 40px;
			font-size:14px;
			line-height:17px;
			letter-spacing:-0.03em;
		}
		
		.galleryheight {
			max-height:450px;
		}
		
		.bpimg {
			width:90%;
			min-width:200px;
			max-width:215px;
			align:left;
		}
			
	}
		
</style> 
