/*********************************************************************************
 CLEARFIX, BOXFIX
*********************************************************************************/
clearfix:before, .clearfix:after { content:" "; /* 1 */ display:table; /* 2 */ }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; }

.boxfix { 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

/*********************************************************************************
 UNIVERSAL
*********************************************************************************/
body { background:url(../img/bg.jpg); font-family:"Papyrus", "Georgia", "Verdana", "Arial", sans-serif; }
.container { margin:0 auto; max-width: 960px; }
a { color:#551d10; }

/*********************************************************************************
 HEADER
*********************************************************************************/
header { }
header div.branding { float:left; width:514px; height:60px; overflow:hidden; }
header div.branding img { display:block; width:100%; height:100%; }
header nav.main-nav { float:right; margin:15px 0 0 0;  }
header nav.main-nav ul { margin:0; padding:0; list-style-type:none; }
header nav.main-nav li { float:left; font-size:20px; font-weight:bold; margin:0 8px 0 0; }
header nav.main-nav a { display:block; float:left; padding:5px; text-decoration:none; }
header nav.main-nav a:hover { color:#000; }

@media all and (max-width: 959px) {
	header div.branding { float:none; }
	header nav.main-nav { float:none; margin:10px 0 0 0;  }
}
@media all and (max-width: 425px) {
	header div.branding { float:left; width:50px; margin:-20px 0 0 0; }
	header nav.main-nav { float:left; margin:38px 0 0 10px; }
	header nav.main-nav li { font-size:16px; margin:0; }
}


/*********************************************************************************
 PAGE
*********************************************************************************/
.page h1 { padding:0 0 8px 0; border-bottom:1px solid #000; margin:30px 0 30px 0; }
@media all and (max-width: 767px) {
	.page h1 { margin:10px 0; }
}

.reddoor-home { margin:0 0 80px 0; }
.reddoor-home img { width:100%; display:block; }

/*********************************************************************************
 GALLERY
*********************************************************************************/
.gallery { margin:-10px -10px 0 -10px; }
.gallery-frame { float:left; width:33%; padding:0 10px; margin:0 0 10px 0; }
.gallery-item { display:block; padding:6px; background:#fff; border:1px solid #551d10; }
.gallery-item img { width:100%; display:block; }
.lb-details { font-family:arial; }

@media all and (max-width: 767px) {
	.gallery-item { width:50%; }
}

@media all and (max-width: 500px) {
	.gallery { margin:0; }
	.gallery-item { float:none; width:auto; padding:0; margin:0; }
}


/*********************************************************************************
 CONTACT FORM
*********************************************************************************/

/* framework */
.contact-info { float:left; width:30%; }
.contact-form { float:right; width:68%; }
@media all and (max-width: 959px) {
	.contact-info { float:none; width:auto; }
	.contact-form { float:none; width:auto; }
}

form.contact { }
form.contact fieldset { color:#551d10; border:1px solid #551d10; padding:10px 10px 15px 10px; }
form.contact .form-field { margin:0 0 8px 0; }
form.contact .form-label { display:inline-block; vertical-align:top; margin:0 10px 0 0; width:150px; text-align:right; position:relative; top:10px; }
form.contact .form-input { display:inline-block; vertical-align:top; margin:0; }
form.contact input[type="text"],
form.contact input[type="email"],
form.contact textarea {
	font-family:"Papyrus", "Georgia", "Verdana", "Arial", sans-serif; font-size:18px;
	padding:8px; border:1px solid #551d10; width:350px; color:#551d10;
	background: rgb(255, 255, 255); /* The Fallback */
	background: rgba(255, 255, 255, 0.35); 
}
form.contact textarea { height:100px; }
form.contact input[type="submit"] { border:1px solid #551d10; padding:5px 10px; background:#551d10; color:#fff; font-weight:bold; }