/* 
 * Deafault CSS
 * 1. GENERAL
 * 2. HEADER
 * 3. SECTION
 * 4. FOOTER
 * 5. NAVIGATION
 * 6. MISC
*/
/*-------------------------- 1. GENERAL ------------------*/
body{
	background:#BBB;
	font-family: 'Quattrocento Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.icon, .ccBox {
	background-image:url(../images/layout/sprite.png);
	background-repeat:no-repeat;
}
/*-------------------------- 2. HEADER ------------------*/
header {
	background:#F5F5F3;
	box-shadow:2px 2px 2px rgba(0,0,0,.3);
}
#nav-primary > ul > li > a{
	color:#666;
	font-size:1.3em;
}
/*-------------------------- 3. SECTIONS ------------------*/
#body-header{
	background-image:url(../images/layout/bg-white-red.jpg);
	background-repeat: repeat-x;	
	background-position: left center;
}
#body-header.default{
	background-position: left top;
}
#body-header .phone{
	color:#FFF;
	text-align: left;
	font-size: 1.2em;
	line-height: 2.2em;
}

.overlap{
	background-image:url(../images/layout/happy-texan.png);
}
.bg-blue{
	background-image:url(../images/layout/bg-blue.jpg);
	background-size:33%;
	background-repeat:repeat-y;
}
#box-area-1{
	background-image:url(../images/layout/bg-grey.jpg);
}
#box-area-1 .col-box-1{
	background-image:url(../images/layout/officer.jpg);
}
#box-area-1 .col-box-2{
	background-image:url(../images/layout/record.jpg);
}
#box-area-1 .col-box-3{
	background-image:url(../images/layout/discount.jpg);
}
#box-area-1 .col-box{
	background-color:#FFF;
	background-position:right bottom;
	background-repeat:no-repeat;
	box-shadow:2px 2px 2px #999;
	font-size:1.2em;
}
#box-area-1 h2{
	font-size:1.6em;
	font-weight:bold;
	text-transform:uppercase;
}
#box-area-2{
	background-image:url(../images/layout/bg-signs.jpg);
	background-size:cover;
}
#box-area-2 .col-box{
	background:rgb(13,36,71);
	background:rgba(13,36,71,.9);
	color:#FFF;
	font-size:1.2em;
}
.list-star-white li{
	background:url(../images/layout/star.png) no-repeat left top;
}
.list-star-blue li{
	background:url(../images/layout/star-blue.png) no-repeat left top;
}
#main.bg-img{
	background:#FFF url(../images/layout/sliver-grey.jpg) repeat-x bottom;
}
#main{
	background-color:#FFF;
}
#main h1{
	text-align:center;
	text-transform:uppercase;
}
@media (max-width: 767px){
	#body-header .phone{
		background:#0D2446;
	}
}
/*-------------------------- FOOTER ------------------*/
#footer-row-1{
	background:#0D2446;
	color:#FFF;
}
#footer-row-1 h2, #footer-row-1 a{
	color:#FFF;
}
#footer-row-1 h2{
	font-size:1.2em;
	font-family:Arial, sans-serif;
}
.ccBox{
	background-position:0 -45px;
}
/*-------------------------- 6. NAVIGATION ------------------*/
#nav-primary > ul > li > a{
	color:#666;
	font-size:1.3em;
}
#nav-primary .nav>li>a:hover, .nav>li>a:focus, #nav-primary  .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background-color: transparent;
	color:#C32A2C;
}
.navbar-toggle .icon-bar{
	background:#0D2446;
}

@media (max-width: 991px){
	#nav-primary > ul > li > a{
	font-size:1.2em;
	}
}