html, body { color: #9d9d9d; font-family: 'Lora', sans-serif; font-size: 17px; font-weight: 300; line-height: 2em; }
.header {	
	/*background-image: url("../images/bg02.png"), url("../images/bg02.png"), url("../images/bg01.png");
	background-position: top left,top left,left;
	background-size: 100% 6em,100% 6em,auto;
	background-repeat: no-repeat,no-repeat,repeat;
	background-color: #ebe8ee;*/
}

.header .logo {
	background-size: 300px 167px;
	width: 300px;
	height: 167px;
}

.topbar {
	box-shadow: 0 4px 0 0 #9d9d9d;	
	background-color: #000;
    background: -webkit-linear-gradient(#000, #55575c); /* For Safari 5.1 to 6.0 */
    background: linear-gradient(#000, #4d4d4d); /* Standard syntax */	
}

/* H E A D E R S */

h1, .appear-h1 { font-family: 'Playfair Display', sans-serif; font-weight: 400; color: #c8c8c8; letter-spacing: 0.3px; margin-bottom: 10px; }
h2 { font-size: 27px; color: #9d9d9d; margin-bottom: 10px; }
h3 { font-size: 22px; color: #c8c8c8; }

.heading h2 { color: #6a6a6a; margin-bottom: 0; }

/* N A V I G A T I O N */

.navbar { 
	background-color: #353535; 
    background: -webkit-linear-gradient(#353535, #353535); /* For Safari 5.1 to 6.0 */
    background: linear-gradient(#353535, #353535); /* Standard syntax */	
	border-bottom: 15px solid #9d9d9d;
}
.nav > li.active:before {
	background-color: #9d9d9d;
}

.nav > li > a { font-family: 'Playfair Display', sans-serif; font-size: 19px; letter-spacing: 0.3px; color: #c8c8c8; text-decoration: none; }
.nav ul li a { font-family: 'Playfair Display', sans-serif; font-size: 18px; letter-spacing:0.4px; text-decoration: none; }

/* D R O P D O W N */

.nav ul{
	background-color: #9d9d9d;
    background: -webkit-linear-gradient(#9d9d9d, #9d9d9d); /* For Safari 5.1 to 6.0 */
    background: linear-gradient(#9d9d9d, #9d9d9d); /* Standard syntax */	
}
.dropdown-menu { 
	text-align: left;
	webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.dropdown-menu a { color: #ebeef1 !important; }
.dropdown-menu a:hover { color: #fff !important; }


/* E L E M E N T S */

.carousel-caption { font-family: 'Lora', sans-serif; }

a, a:focus { color: #9d9d9d; text-decoration: underline; }
a:hover { color: #f5f5f5; text-decoration: underline; }

.beam-small {
	background-color: #9d9d9d;
	height: 6px;	
}

.beam-gigantic {
	background-color: #9d9d9d;
	color: #dddddd;
	letter-spacing: 0.3px;
}

.beam-gigantic  h2 {
	border-bottom: dotted 1px #bdbdbd;
	color: #FFF;
	font-size: 1.4em;
	font-weight: 500; 
	letter-spacing: 0.2px;
	font-family: 'Playfair Display', sans-serif;
}

.beam-large {
    background-color: #acacac;
	color: #fff;
	letter-spacing: 1px;
}

.beam-large a {
	background-color: #353535;
	color: #fff;
	font-weight: 700;
}

.beam-large a:hover {
	background-color: #fff;
	color: #353535;
	text-decoration: none;
}

.btn-primary {
	background-color: #8b7ba5;
	color: #fff;
}

.btn-primary:hover {
	background-color: #b07e6a;
}	

.overview .item { min-height: 100px; }

.form-control { font-size: 17px; }

.main-image { background-color: #fff; }


/* F O O T E R */

.footer {
	background-color: #000;
	color: #aeaeae;
}

.footer a, .footer i { color: #aeaeae; text-decoration: none; }

.footer h3 { color: #fff; }

.subfooter { background-color: #000; }

.icons {
	color: #4c4f56;
}

.icons:hover {
	color: #fff;
}

.contact-details h3 { font-family: 'Playfair Display', sans-serif; font-size: 20px; }

.contact-details {
	font-size:14px;
}

.subfooter a { color: #868686; text-decoration: none; }
.subfooter a:hover { color: #868686; text-decoration: underline; }

.socialmedia {
	font-size:13px;
	line-height: 1.8em;
}

.logo-sm {
	margin: 0 auto; 
	display: block;
	max-width: 150px;
}

.img-resp-r, .img-resp-l { display: block; max-height: auto; width: auto; height: auto; }
.img-resp-r { float: right; margin-left: 20px; }
.img-resp-l { float: left; margin-right: 20px; }

.cust-but {
	display: inline-block;
	cursor: pointer;
	background-color: #4d425f;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0.3px;
	color: #fff;
	padding: 15px 20px;
	font-weight: 500;
	border-radius: 3px;
}
.cust-but:hover { color: #4d425f; background-color: #cbbfe0; }