body {

background-image: url(img/resident.jpg), url(img/bg1.jpg), url(img/bg.jpg);
background-repeat: no-repeat, repeat-x, repeat;
background-color: #ffffff;
background-position: top left;
background-attachment: absolute;font-size: 14px;color:#000000;font-weight: 200;
font-family: 'Playfair Display', serif; letter-spacing:1px; text-align:justify;
    max-width: 100%;
    overflow-x: hidden;
}

ul {
color:#000000:

}

li{
color:#000000:

}

li:hover{background-color: #000000;color: 5px solid #ffffff;}

/* width */
::-webkit-scrollbar {
  width: 18px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #000000;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #A35665;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #A35665;
}

.p2 {
font-size: 16px;color:#DEC58A;font-weight: normal;
font-family:'Josefin Sans'; letter-spacing:2px; text-align:justify;
margin-bottom:10px;
}

.picture {
float:left;
margin:2px;
}

#container {
width:690px; margin-right: auto;
margin-top: 470px;
margin-left:50px;
    max-width: 100%;
    overflow-x: hidden;
  scroll-padding: 50px 0 0 50px;
padding-right:30px;padding-left:30px;
background-color: #ffffff;
opacity:0.6;}

p {
font-size: 14px;color:#000000;font-weight: normal;
font-family: 'Playfair Display', serif; letter-spacing:1px; text-align:justify;}

h1 {
color: #V;
	font-family: 'Homemade Apple', cursive;
	text-align: left;
        font-size:26px;}
	
}

#content {
width:690px;
height:100px;
}

.contentx  {
margin-bottom:14px;
width:630px;
padding: 10px 20px;
        border-radius: 10% 0% 1% 0%;
}

#navi{
	position: absolute;
	width: 200px;
	left:890px;
	top:560px;
  z-index:2;
}

a.navi {
color: #ffffff;
	letter-spacing: 3px;
        font: bold 18px 'Roboto Condensed', sans-serif;
	background: no-repeat top center #994F5E;
	line-height: 2px;
	padding: 5px;
	display: block;
        border: 0px;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: none;
        width: 200px;
        margin: 10px;

	}

a.navi:link {
color: #ffffff;
	letter-spacing: 3px;
        font: bold 18px 'Roboto Condensed', sans-serif;
	background: no-repeat top center #994F5E;
	line-height: 2px;
	padding: 5px;
	display: block;
        border: 0px;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: none;
        width: 200px;
        margin: 10px;
	}

a.navi:active {
color: #ffffff;
	letter-spacing: 3px;
        font: bold 18px 'Roboto Condensed', sans-serif;
	background: no-repeat top center #994F5E;
	line-height: 2px;
	padding: 5px;
	display: block;
        border: 0px;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: none;
        width: 200px;
        margin: 10px;
	}

a.navi:visited {
color: #ffffff;
	letter-spacing: 3px;
        font: bold 18px 'Roboto Condensed', sans-serif;
	background: no-repeat top center #994F5E;
	line-height: 2px;
	padding: 5px;
	display: block;
        border: 0px;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: none;
        width: 200px;
        margin: 10px;}

a.navi:hover{
color: #000000;
	background: no-repeat top center #73AEB1;
	text-decoration: none;
	text-shadow: none;
}

#footer {
clear:both;
text-align:center;
}

a:link {color:#73AEB1;

text-decoration:none;
font-size: 14px;
        letter-spacing:1px;
font-family: 'Playfair Display', serif;
        font-weight: 200;

}
     
a:visited {color:#73AEB1;

text-decoration:none;
font-size: 14px;
        letter-spacing:1px;
font-family: 'Playfair Display', serif;
        font-weight: 200;

}

a:hover {
transition:  .9s ease-out;
-moz-transition:  .9s ease-out;
-webkit-transition: .9s ease-out;
-o-transition: .9s ease-out;
color:#D6B18D;
cursor:pointer;

font-size: 14px;
        letter-spacing:1px;
font-family: 'Playfair Display', serif;
        font-weight: 200;

}  

a:active {color:#73AEB1;

text-decoration:none;
font-size: 14px;
        letter-spacing:1px;
font-family: 'Playfair Display', serif;
        font-weight: 200;
}

b { 
        color: #D6B18D; border-bottom:5px solid #A35665;
}

i { 
        color: #A35665;border-bottom:5px solid #D6B18D;
}

blockquote {
 	background-color:#000000; 
 	padding: 15px;
	text-align:justify;
	color:#ffffff;
	font-style:italic;
border-radius: 40px;
	 -moz-border-radius: 40px;
	 -webkit-border-radius: 40px;
   opacity: 0.8;
border-bottom: 6px solid #A35665;
}