@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,600|Parisienne&display=swap');

body,p,td,tr,th,input,h1,h2,h3,h4,h5,h6,select,option,textarea,li,ol,ul{
		font-family:'Crimson Text',serif;
}

body{
		margin:0;
		padding:0;
		color:#3f3f3f;
		background:#ffffff url('../images/back-mancey.jpg') no-repeat top center;
		font-size:16px;
}

form{
		display:inline;
}

p{
		font-size:1.2em;
		color:#3f3f3f;
		font-weight:normal;
		line-height:1.5em;
		margin:0;
		padding:5px 0px;
}

h1{
		font:600 2.3em 'Crimson Text',serif;
;
		text-transform:uppercase;
		line-height:1.4em;
		color:#512f7e;
		margin:0;
		padding:0;
}

h2{
		font:bold 1.625em 'Crimson Text',serif;
;
		line-height:1.4em;
		color:#3f3f3f;
		margin:0;
		padding:5px 0px;
}

h3{
		font:bold 1.375em 'Crimson Text',serif;
;
		line-height:1.4em;
		color:#512f7e;
		margin:0;
		padding:5px 0px;
}

h4{
		font:bold 1.125em 'Crimson Text',serif;
;
		line-height:1.4em;
		margin:0;
		padding:5px 0px;
		color:#3f3f3f;
}

li{
		font-size:1.2em;
		line-height:1.2em;
		margin:10px 26px;
}

li ul li,li ol li{
		font-size:1.0em;
		line-height:1.6em;
}

ul{
		list-style-type:disc;
		list-style-image:url(../images/disc.png);
		margin:2px 28px;
		padding:0 2px;
}

ol{
		margin:2px 24px;
		padding:2px;
}

a,a:link,a:active{
		color:#512f7e;
		text-decoration:none;
		font-weight:bold;
}

a:visited{
		color:#512f7e;
		text-decoration:none;
		font-weight:bold;
}

a:hover{
		color:#512f7e;
		text-decoration:underline;
		font-weight:bold;
}

a.flink,a.flink:link,a.flink:active,a.flink:visited,a.flink:hover{
		color:#424242;
		font-weight:600;
		text-decoration:none;
}
/*ID's*/

#whiteframe{
		position:relative;
		margin:0 auto;
		padding:0;
		width:100%;
}

#redframe{
		position:relative;
		margin:0 auto;
		padding:0;
		width:980px;
}

#header{
		height:189px;
}

#logo{
		padding:0;
		margin:45px auto 41px auto;
}

#callus{
		position:absolute;
		margin:-31px 0 0 0;
		left:50%;
		z-index:100;
}

#callus #callus-inner{
		position:relative;
		left:-50%;
}

#banner{
		height:215px;
		background:#ffffff;
		padding:3px;
		border:4px solid #512f7e;
}

#headernav{
		display:block;
		margin-bottom:0;
/*background: url('../images/line-nav.png') no-repeat bottom center;*/
		border-bottom:3px solid #edeaf2;
}

#maincontent{
		margin:0;
		padding:23px 36px 36px 36px;
}

#content{
		min-height:410px;
}
/*FOOTER*/

#footer{
		margin:0;
		padding:0;
}

#sitemap{}

#sitemap p{
		color:#512f7e;
		font-size:0.94em;
		font-weight:400;
		line-height:1.3em;
		margin:0;
		padding:0;
		text-align:center;
}

#sitemap p span{
		font-weight:600;
}

#copyright{
		color:#424242;
		text-align:center;
}

#copyright p{
		text-align:center;
		color:#424242;
		font-size:1.0em;
		font-weight:600;
}
/*classes*/

.imagesR{
		float:right;
		border:3px solid #512f7e;
		padding:3px;
		background:#ffffff;
		margin:0 0 20px 20px;
}

p.sig{
		font-family:'Parisienne',cursive;
		font-size:3.0em;
		font-weight:bold;
}

.signoff{
		color:#8aab5d;
		font-weight:700;
}

.quote,.quote-even{
		font-size:1.3em;
		padding:0 20px;
		margin-bottom:20px;
}

.quote{
		color:#512f7e;
		border-left:3px solid #512f7e;
}

.quote span,.quote-even span{
		color:#3f3f3f;
		font-style:italic;
		font-weight:bold;
}

.quote-even{
		color:#8aab5d;
		border-left:3px solid #8aab5d;
}
/*contact form*/

div.contactform{
		font-size:1.1em;
		float:right;
		border:2px solid #512f7e;
		background:#ffffff;
;
		padding:20px;
		margin:10px 20px;
}

.contactform select,.contactform textarea,.contactform input,.contactform p{
		text-align:left;
		display:block;
		padding:4px;
		margin:3px 0;
}

.contactform select,.contactform textarea,.contactform input{
		font-size:1.0em;
		border:1px solid #512f7e;
		width:350px;
}

.button{
		margin-top:10px !important;
		background:#512f7e;
		color:#ffffff;
		font-size:20px;
		padding:1px 20px !important;
		text-transform:uppercase;
		width:90px !important;
}

.slicknav_menu{
		display:none;
}

@media screen and (max-width: 40em) {    
		.js #headernav{
				display:none;
		}

		.js .slicknav_menu{
				display:block;
		}

		body{
				color:#3f3f3f;
				background:#ffffff url('../images/back-mancey.jpg') no-repeat;
				background-position:-250px 0px;
				font-size:14px;
				margin:0 auto;
		}

		#whiteframe{
				background-image: none !important;
				position:relative;
				margin:0 auto;
				padding:0;
				max-width:100%;
				border:none;
		}

		#redframe{
				background-image: none !important;
				position:relative;
				margin:0 auto;
				padding:0;
				max-width:100%;
				border:none;
		}

		div.contactform{
				display:block;
				max-width:85%;
				font-size:1.1em;
				float:none;
				border:2px solid #512F7E;
				background:none repeat scroll 0% 0% #FFF;
				padding:20px;
				margin:10px 20px;
		}

		.contactform select,.contactform textarea,.contactform input{
				max-width:97%;
		}

		#maincontent{
				background-image: none !important;
				position:relative;
				margin:0 auto;
				padding:0;
				max-width:90%;
				border:none;
		}

		#header{
				margin:0px auto;
				text-align:center;
				padding:0;
				width: 100% !important;
				height:auto;
				border:none;
		}

		#logo{
				max-width: 80% !important;
				height:auto;
		}

		#banner{
				position:relative;
				top:-17px;
				margin:0px auto;
				text-align:center;
				padding:0;
				width: 100% !important;
				height:auto;
				border:none;
				background:none;
		}

		#banner img{
				width: 90% !important;
				height: auto !important;
				background:#fff;
				padding:3px;
				border:4px solid #512f7e;
		}

		img{
				width: 90% !important;
				height: auto !important;
		}

		p img{
				width: auto !important;
				height: auto !important;
		}

		#callus{
				position:relative;
				top:-37px;
				margin:0px auto;
				text-align:center;
				padding:0;
				width: 100% !important;
				height:auto;
				border:none;
		}

		#callus-inner img{
				width: 85% !important;
				height: auto !important;
				background:#ffffff;
		}

		.imagesR{
				display:block;
				max-width:85%;
				height:auto;
				float:none;
				border:3px solid #512f7e;
				padding:3px;
				background:#ffffff;
				margin:0 auto;
		}

		p{
				line-height:1.6em;
				margin:2px;
				padding:10px 2px;
		}

		h1{
				font:600 2em 'Crimson Text',serif;
				text-transform:uppercase;
				line-height:1.4em;
				color:#512f7e;
				margin:0;
				padding:0;
		}

		h2{
				font:bold 1.5em 'Crimson Text',serif;
				line-height:1.4em;
				color:#3f3f3f;
				margin:0;
				padding:5px 0px;
		}

		h3{
				font:bold 1.375em 'Crimson Text',serif;
				line-height:1.4em;
				color:#512f7e;
				margin:0;
				padding:5px 0px;
		}

		h4{
				font:bold 1.125em 'Crimson Text',serif;
				line-height:1.4em;
				margin:0;
				padding:5px 0px;
				color:#3f3f3f;
		}

		#footer{
				max-width:100%;
				padding:20px;
		}
}