/* Added code to enhance bootstrap */

/* centered columns styles */
.bsaddon-row-centered {
	text-align: center;
}
.bsaddon-col-centered {
	display: inline-block;
	float: none;
	/* reset the text-align */
	text-align: left;
	/* inline-block space fix */
	margin-right: -4px;
}
/* modification of bootstrap styles */
body {
	background-color: #0F0B08;
	background-image: url(../images/misc/bg_body.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: repeat-y;
}
.col-lg-1, .col-lg-2, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { /* col-lg-3 is used only on footer , no color */
	background-color: #FEFEFE;
}
.col-lg-12-header, .col-lg-12-footer, .col-lg-12-navbar, .col-lg-12-photos, .col-lg-12-body, .col-lg-12-footer-separator, .col-lg-12-nobg {
	position: relative;
	min-height: 1px;
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	width: 100%;
}
.col-lg-10-header, .col-lg-10-body, .col-lg-10-footer, .col-lg-10-photos, .col-lg-10-nobg, .col-lg-10-navbar { /* inside header, body */
	position: relative;
	min-height: 1px;
	padding-right: 0px;
	padding-left: 0px;
	width: 95.0%;
}
.col-lg-12-navbar { /* navbar */
    background-color: #040301;
	background-position: top;
}
.col-lg-10-header { /* header */
	padding-right: 8px;
	padding-left: 8px;
}
.col-lg-10-body { /* body */
    background-color: #FFFFFF;
	background-position: top;
	padding-right: 8px;
	padding-left: 8px;
}
.col-lg-10-footer { /* footer */
    background-color: #040301;
	background-image: url(../images/misc/bg_footer.jpg);
	background-position: top;
}
.col-lg-12-body { /* main body content */
	background-color: #FEFEFE;
}
.col-lg-12-footer { /* footer */
	/* background: rgba(255, 229, 181, .75); */
	background-image: url(../images/misc/bg_footer.jpg);
	background-position: top;
}
.col-lg-12-separator { /* narrow separator */
	min-height: 10px;
}
img.image {
	max-width: 100%;
	width: auto;
	height: auto;
}
img.image_align_left {
	max-width: 100%;
	width: auto;
	height: auto;
	padding-right: 5px;
	padding-bottom: 5px;
}
img.image_align_right {
	max-width: 100%;
	width: auto;
	height: auto;
	padding-left: 5px;
	padding-bottom: 5px;
}
img.image_padded {
	max-width: 100%;
	width: auto;
	height: auto;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

@media (min-width: 600px) and (max-width: 900px) {
.col-sm-3 {
	width: 50%;
}
}

@media (min-width: 10px) and (max-width: 599px) {
.col-sm-3 {
	width: 100%;
}
}