body {
	/*background-color: #f8f7e7;*/
	/* background: linear-gradient(#269abc, #fff); /* Standard syntax */
        background-image: url('../img/leather-black-1024.jpg');
        
	margin: 0 !important;
    padding: 0 !important;
    color: #fff;
    font-family: serif;
    font-size: 18px;
    
}

.bordered {
    border: 2px #000080 solid;
}

h1 {
    font-size: 30px;
    text-shadow: 0 0 0.3em #00a, 0 0 0.3em #00a;
    color: #fff;
    font-weight: bold;
}

h3 {
    font-size: 20px;
    text-shadow: 0 0 0.3em #00a, 0 0 0.3em #00a;
    color: #fff;
    font-weight: bold;    
}

.review {
    margin:8px;
    padding: 2px;
}

.coupon {
	width: 185px;
        font-size: 20px;
        font-family: Verdana;
	padding: 10px;
	text-align: center;
	border: 3px dashed #aaa; 
        background-color: #eeeeee;
}

.long-banner {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    font-size: 24px;
    letter-spacing: 2px;
    font-style: oblique;
    font-family: sans-serif;
    border: 5px red double; 
    background-color: #eeee00;
}
header {
    height: 135px;
    border:2px #fff solid;
    background-color: #fff;
}


.navbar-collapse.collapse {
    padding-left: 40px;
}

.nav > ul {
    margin-left: auto !important;
    margin-right: auto !important;
}


.nav > li > a {
    padding:2px !important;
    height: 30px;
    font-family: serif;
    font-size: 18px;
    margin: 0px 30px;
    color: #fff;
    font-weight: bold;
}
.nav > .active, .nav > li > a:hover, .nav > li > a:focus {
    background-color: #800;
        border-radius:15px;
}
.gradient {
    	background: linear-gradient(#c4e3f3 1%,#fff 99% );
            /*linear-gradient(#5bc0de, #fff); /* Standard syntax */
        
}

.darkfont {
    color: #00a;
}

.panel-body {
    color: #00a;
    background-color: #eee;
}

.darkbg {
    background-image: url('../img/leather-black-300.jpg');
}

.container {
    /*background-image: url('../img/leather-black-300.jpg');*/
	/*background-color: #c4e3f3;*/
/*	margin-left:auto;
	margin-right:auto;*/
	padding:10px;
        min-height: 80%;
        min-height: 80vh;
        display: block;
}

.container-fluid {
    display: block;
}

#accordion {
    font-family: serif;
    font-size:20px;
}

.panel-title>a{
    font-size: 24px;
    
}

ul.servicelist {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;

}
ul.servicelist li {
        padding-left: 1em;
        text-indent: -.7em;
        margin-bottom: 15px; 
}
    
ul.servicelist li:before {
    content: "\002022";
    left: -1em;
    color: #000000;
    margin-right: 5px;
}

div#header {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.bf_jumbotron {
	background-color: #f9f9f9;
}


div#footer {
	text-align:center;
	background-color: #000000;
	color:#FFF;
	padding: 10px 0 10px 0;
        margin-bottom: 10px;
}

div.content {
	padding: 20px;

}

.highlighted-fg1 {
	font-size:22px;
        color: #FFF;
        background-color: #87251c;
	font-weight:bold;
        margin-bottom: 10px;
}

.highlighted-fg2 {
	font-size:18px;
	color:#87251c;
	font-weight:bold;
}

.bgtitlejt {
	text-align:center;
	}

.bgcontentjt {
	background-color:#fefefe;
	text-align:left;
}
	
.corpcolor1 {
	/* color:#ff8080; */
	color:#cc0000;
	text-shadow: 0 0 0.8em #FFF, 0 0 0.8em #FFF;
	font-weight:bold;
}

.corpcolor2 {
	/* color:#800080; */
	color:#000080;
}

.designerphrase {
	color:#AAA;
	font-size:11px;
	text-align:center;
}

div#ad_getit {
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	text-align:center;
}


span#banner-title {
	font-size:40px;
	color:#eeee00;
}

span#banner-phone {
	font-size:20px;
	color:#eeeeee;
}

div#presentation {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	 width:802px;
	 
	    outline: none;
    border-color: #5f4211;
    box-shadow: 0 0 10px #5f4211;
}




/* CAROUSEL */
.carousel .item {
	background-color: transparent !important;
}

.carousel-inner > .item > img {
	height: 600px !important;
}

#makeMeScrollable
{
	width:100%;
	height: 500px;
	position: relative;
}
/* Replace the last selector for the type of element you have in
   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
#makeMeScrollable div.scrollableArea img
{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	/* If you don't want the images in the scroller to be selectable, try the following
	   block of code. It's just a nice feature that prevent the images from
	   accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

div#formregistersmall {
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;		
	padding-bottom:10px;		
	border-radius:10px;
}

a:hover {
text-decoration:none;
}

span.normal-text {
    font-size:16px;
    font-weight: normal;
}

.serviceprice {
    color: #a00;
}