/* 
CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.
*/

@font-face {
    font-family: 'Lucida Sans Unicode';
    src: url('../fonts/LucidaSansUnicode.woff2') format('woff2'),
        url('../fonts/LucidaSansUnicode.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
	margin:0;
	padding:0;
	background: url(../images/homepage.jpg) no-repeat;
	background-position:top center;
	font-family:"Lucida Sans Unicode", helvetica ,verdana, tahoma
}
.logo {
	float:left;
	height:91px;
	width:330px;
	margin-top:-20px;
	margin-left:60px;
}
.menu {
	float:right;
	width:395px;
	margin-right:6px;
	margin-top:3px;
}
.menu ul {
	list-style:none;
}
.menu ul li {
	float:left;
	font:lighter 17px "Lucida Sans Unicode";
	color:#613016;
	margin-right:30px;
	display:inline;
}
.menu ul li a {
	color:#613016;
	text-decoration:none;
}
.menu ul li a:hover {
	color:#4d4d4d;
}
.contentLeft {
	float:left;
	width:410px;
	margin-left:23px;
	position:relative;
	display:inline;
}
.contentRight {
	float:left;
	width:280px;
	position:relative;
	margin-left:20px;
}
.pictureframe {
	float:left;
	position:relative;
	left:41px
}
.intro {
	float:left;
	width:360px;
	margin:0 0px 0px 22px;
	color:#55504c;
	margin:0;
	font:14px/20px "Lucida Sans Unicode";
	text-align: justify
}
.imgSlideshow h2 {
	text-align:center;
	font:normal 14px "Lucida Sans Unicode";
	margin:10px 0 0 0;
}

.servicesText {
	border:0px solid red;
	height:360px;	
	margin-bottom:80px;
}
.servicesText p {
	font:normal 14px "Lucida Sans Unicode";
	color:#55504c;
	margin:0;
	line-height: 20px;
}
.servicesText img {
	float:right;
}
.contact {
	float:left;
	margin-left:50px;
	width:850px
}
.contact.email {
	margin: 0 0 0 14px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 250px;
	font-family: Georgia;
	font-size: 15px;
	color:#613016;
}
.contact.email p a {
	display: inline-block;
	margin-top: 20px;
	font-size: 18px;
	color:#613016;
	text-decoration:underline;
}
.contact.email .chair {
	margin-right: 600px;
}

.form {
	width:400px;
	border:0px solid red;
	float:left;
}
.inputcontact {
	width:210px;
	border:1px solid #cebca5;
	padding:5px;
	font:normal 13px "Lucida Sans Unicode";
	color:#55504c;
}
.form_info{
	width: 430px;
	font:normal 13px "Lucida Sans Unicode";
	color:#55504c;
}
.email_label, .phone_number_label, .your_name_label{
	width: 150px;
	float: left; 
	height: 61px;
	position: relative;
	top: 6px;
}
.email_input{
	width: 270px;
	float: left;
}
.chair {
	float:left;
	position:relative;
}
.chair img {
	position:absolute;
	left: -60px;
	top: 60px;
}
.messagebox {
	float:right;
	width:350px;
	border:0px solid red;
	margin-right:60px;
}
.messageinput {
	width:320px;
	height:230px;
	border:1px solid #cebca5;
	padding:4px;
	font:normal 13px "Lucida Sans Unicode";
	color:#55504c
}
.messagebox img {
	float:right;
	margin-top:25px;
}

.error {border:1px dashed #9d0d15;background-color:#f5e7e7 !important; }
/* ZOOM */

.wrap          { width: auto; position: relative;overflow:hidden}
.small         { position: relative; width: 100%}
.large         { background: #000; position: relative; width: auto}
.mover         { position: absolute; top: 0; left: 0; width: 170px; height: 170px;border:1px solid #333; overflow: hidden;cursor:crosshair; z-index: 100;background: #000; display: none}
.overlay       { border: 0; width: 102px; height: 102px; position: absolute;top: 0; left: 0; z-index: 200}