/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
   
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);

body,input,button,select,textarea,p,div,td,span {font-family:Georgia, "Times New Roman", Times, serif}
body {padding-top:85px}
h1,h2,h3,h4 {font-family: Oswald, Arial, Helvetica, sans-serif; font-weight:bold}
h3 {color:#B80000}
h4 {color:#666}

.navbar {border-top:4px solid #B80000}

/*a.brand {height:155px;}
.pageContent {padding-top:120px}*/
.brand > h1 {font-family: Oswald, Arial, Helvetica, sans-serif; color:#B80000;}
.homeCallOut, .internalCallOut {font-family: Oswald, Arial, Helvetica, sans-serif; font-size:18px; color:#B80000; line-height:26px; text-decoration:none}

.navbar-inverse .navbar-inner {background-color:#fff; background-image:none; border:none}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {box-shadow:none}

.navbar .nav  {float:right; margin-top:25px;}
.navbar .nav > li a:active, .navbar .nav > li a:link, .navbar .nav > li a:visited {color:#333; font-size:16px; font-family: Oswald, Arial, Helvetica, sans-serif; font-weight:bold}
.navbar .nav > li a:hover {color:#B80000}
.navbar .nav > li.active a:active, .navbar .nav > li.active a:link, .navbar .nav > li.active a:visited {color:#B80000; background-color:#fff; border-bottom:3px solid #B80000; box-shadow:none}
.navbar .nav > li.active a:hover {color:#C30}

.hero-unit {background:#FFF6E3 url(../img/body-bg.png) repeat-x top left; border-radius:0}
#hero1 {max-width:100%}

footer {background-color:#333; text-align:center; color:#fff; font-weight:bold; padding:6px 0 4px 0}
footer a:active, footer a:link, footer a:visited, footer a:hover {color:#fff; text-decoration:none}

.flyout-map {width:400px;}
.flyout-map > li > iframe {margin-left:10px; padding:0}
.navbar .nav > li > ul.dropdown-menu a {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;}

.dropdown-menu {right:0; left:auto}
.navbar .nav > li > .dropdown-menu:after {right:10px; left:auto}
.navbar .nav > li > .dropdown-menu:before {right:9px; left:auto}

.socialButtonsWrapper {text-align:center}
.addthis_horizontal_follow_toolbox {margin:10px auto; display:inline-block; font-size:10px; font-weight:bold}

/*Content Pages */
.internalPages {background:#FFF6E3 url(../img/body-bg.png) repeat-x top left; border-radius:0}
.internalPageContent {padding:20px 20px 20px 30px}
.internalPageColumn {padding:10px 20px 20px 30px}

a.orderButtons:active, a.orderButtons:link, a.orderButtons:visited {font-size: 22px; font-family: Oswald, Arial, Helvetica, sans-serif; font-weight:normal; background-color:#B80000; padding:8px 22px 10px; border-radius:20px; color:#fff; display:inline-block; text-align: center; margin-bottom:10px}
a.orderButtons:hover {color:#fff; text-decoration:none; background-color:#000}

.tte-frame > section .close-frame {color:#666!important}

/* Menu */

@media (min-width: 1200px) {
	#hero1 {display:none}
	.mobileDetails {display:none}
}

@media (max-width: 1199px) {
	.navbar .nav  {float:none}
	.navbar .brand  {float:none}
	#hero1 {display:none}
	.mobileDetails {display:none}
}

@media (min-width: 978px) and (max-width: 1199px) {
	body {padding-top:150px}
	#hero1 {display:none}
	.hero-unit {padding:40px;}
	.mobileDetails {display:none}
}

@media (min-width: 768px) and (max-width: 977px) {
	body {padding-top:150px}
	.nav-collapse.collapse {overflow:visible}
	#hero1 {display:none}
	.hero-unit {padding:30px;}
	.mobileDetails {display:none}
	.navbar .nav > li a:active, .navbar .nav > li a:link, .navbar .nav > li a:visited {font-size:14px}
	.navbar .nav>li>a {padding:8px}
}

@media (max-width: 767px) {
	.hero-unit {width:auto; padding:10px}
	#hero-all, .span9 {display:none}
	.mobileDetails, #phoneNumber {display:block}
	#hero1 {display:block; margin:0 auto}
	body {padding:0px 10px}
	.flyout-map iframe {width:300px}
	.internalPageContent {padding:10px 10px 10px 15px}
	.internalPageColumn {padding:5px 10px 10px 15px}
	.navbar .brand {margin:0}
	.span3, .span9, {clear:both; width:100%}
	.pageContent {text-align:center; background-color:#FFF6E3}

}