*
{
	text-decoration:none;
	margin: 0px; 
	padding: 0px; 
	outline: 0;
	border : 0;
	list-style:none;
	/*vertical-align:top;*/
	-moz-box-sizing: border-box;
}
html, body
{
	height: 100%;
	color: #777;
}
body
{
	font-size: 0.8em;
	font-family: "trebuchet ms",arial,sans-serif;
}
.lightbox_bg
{
	display: none;
	background-color: #000;
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 59;
	opacity: 0.5;
}
.wrapper 
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
}
.contentWidth
{
	width: 100%;
	margin: auto;
	max-width: 900px;
}
.header
{
	height: auto;
	background-color: #fff;
}
.mobileShow
{
	display:none;
}
.topBar
{
	min-height: 150px;
	max-height: 173px;
	overflow-y: hidden;
	position:relative;
}
.topBar .leftColumn, .topBar .rightColumn
{
	padding-top: 20px;
}
.topBar .leftColumn
{
	width: 58%;
	float: left;
}
.topBar .rightColumn
{
	width: 40%;
	float: left;
	max-height: 173px;
	overflow:hidden;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
.BraxLogo
{
	padding-left: 20px;
}
.callShaun_header
{
	font-size: 2em;
}
.callShaun_links
{
	font-size: 1.3em;
	padding:5px;
}
.callShaun_links a
{
	color:#000;
}
.callShaun_header, .callShaun_links
{
	color: rgb(0, 0, 0);
	width: 205px;
	padding-left: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	float:left;
}
.callShaun_header b
{
	border-bottom: 3px solid;
	margin-left: -5px;
	padding-left: 5px;
	padding-right: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.shaun_img_container
{
	width: 117px;
	float: left;
	margin-top: -88px;
	height: 150px;
	margin-left: 30px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
#menubar
{
	margin:auto;
	width: 877px;
	height: 72px;
	padding: 0;
	background: #D90909;
	position:relative;
	z-index: 50;
}
   
#menu {
	padding: 26px 26px 6px 26px;
	margin:0;
	list-style:none;
	height:72px;
	background:#fff;
	position:relative;
	z-index:500;
	font:normal 100% 'lucida sans unicode', arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	background: transparent;
	letter-spacing: 0.1em;
	display: block;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
} 
#menu li.top_unselected {display:block; float:left;}
#menu li a.top_unselected {
    letter-spacing: 0.1em;
    font: normal 100% 'lucida sans unicode', arial, sans-serif;
	display:block;
	float:left;
	height:12px;
	width:140px;
	color:#FFFFFF;
	text-decoration:none;
	padding: 26px 26px 6px 26px;
	cursor:pointer;
	background: #cc0000;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#menu li a.top_unselected span {float:left; display:block; padding: 29px 26px 6px 26px; /*height:12px;*/background:#cc0000 right;box-sizing: border-box;-moz-box-sizing: border-box;}
#menu li a.top_unselected span.down {float:left; display:block; padding:0 24px 0 12px; /*height:12px;*/ background:#cc0000 no-repeat right;box-sizing: border-box;-moz-box-sizing: border-box;}
#menu li a.top_unselected:hover {color:#fff; background: #cc0000 no-repeat;}
#menu li a.top_unselected:hover span {background:#cc0000 no-repeat right top;}
#menu li a.top_unselected:hover span.down {background:#cc0000 no-repeat right top;}

#menu li:hover > a.top_unselected {color:#fff; background: #cc0000 no-repeat;}
#menu li:hover > a.top_unselected span {background:#cc0000 no-repeat right top;}
#menu li:hover > a.top_unselected span.down {background:#cc0000 no-repeat right top;}

/* Default list styling */

#menu li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu li:hover ul ul,
#menu li:hover ul li:hover ul ul,
#menu li:hover ul li:hover ul li:hover ul ul,
#menu li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; /*height:0;*/ margin:0; padding:0; list-style:none;box-sizing: border-box;-moz-box-sizing: border-box;}

#menu li:hover ul.sub
{
	left:0;
	background: #fff;
	padding:3px;
	border:1px solid #F00;
	width:141px;
	height:auto;
	z-index:300;
	position:absolute;
	top:85%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#menu li:hover ul.sub
{
	left:0;
	background: #fff;
	margin-top:0px;
	margin-bottom:10px;
	border:1px solid #F00;
	width:141px;
	height:auto;
	z-index:300;
	position:absolute;
	top:85%;
	vertical-align:text-top;
}
#menu li:hover ul.sub li
{display:block; height:auto; float:left; font-weight:normal;width: 100%;}
#menu li:hover ul.sub li a
{display:block; font-size:11px; height:auto; width: 133px; text-indent:5px; color:#000; text-decoration:none;}
#menu li:hover ul.sub li a:hover 
{
	color:#fff;
	background: #cc0000;
}

#menu li:hover ul li:hover ul,
#menu li:hover ul li:hover ul li:hover ul,
#menu li:hover ul li:hover ul li:hover ul li:hover ul,
#menu li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #F00; white-space:nowrap; width:90px; z-index:400; /*height:auto;*/box-sizing: border-box;-moz-box-sizing: border-box;}

#menubar .topNav
{ 
	background-color:#d90909;
}

ul#menu, ul#menu li
{ float: left;
  margin: 0; 
  padding: 0;
  height:72px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

ul#menu li
{ 
	list-style: none;
}

ul#menu li a
{ letter-spacing: 0.1em;
  font: 1em 'lucida sans unicode', arial, sans-serif;
  display: block;
  float: left; 
  height: 72px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 26px 26px 6px 26px;
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
  background: transparent;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
} 

ul#menu li.selected a, ul#menu li.selected a:hover, ul#menu li a:hover
{ color: #FFF;
  background: #cc0000;}
  
ul#menu li.unselected a, ul#menu li.unselected a:hover
{
	color:#FFF;
	background: transparent;
	padding: 4px 0px;
	min-width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.content ul
{
	margin: 2px 0px 10px 17px;
	font-size: 110%;
}
.content ul li
{
	list-style-type: square;
	margin: 0px 0px 6px;
	padding: 0px 0px 4px;
	line-height: 1.5em;
	box-sizing: border-box;-moz-box-sizing: border-box;
}
.content li
{
	color:#F00;
}
.content li a
{
	color:#777;
}
.background_menubar
{
	height: 72px;
	background-color: #D90909;
	width: 100%;
	margin-top: -72px;
}
#menubar_banner
{
	width: 875px;
	background: #D90909;
	position: relative;
	left: -13px;
	margin-bottom: 20px;
}
#menu_banner
{
	text-align:center;
}
#menu_banner li
{
	display:inline-block;
	width: 16%;
	height:25px;
}
#menu_banner li a
{
	display:inline-block;
	width: 100%;
	height:100%;
	color: #fff;
	padding-top: 4px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.hoverable #menu_banner li a:hover
{
	background-color:#c00;
}
.mobileNav
{
	display:none;
	z-index: 60;
	position:relative;
}
.mobileNavbar-fixed-top
{
	position:fixed;
	left: 0px;
	top: 0px;
}
.navClose
{
	left: 0px;
	top: 0px;
	background-color: #D90909;
	width: 70px;
	height: 60px;
}
.navClose .verticalNav
{
	display:none;
}
.verticalNav
{
	width: 200px;
	background-color: rgb(67, 66, 63);
	margin-left: 5px;
	border: 3px solid rgb(217, 9, 9);
	position:relative;
}
.mobile_btn
{
	padding: 5px 10px;
	width: 75px;
	background-color: rgb(217, 9, 9);
	box-sizing: border-box;
}
.mobileNav li
{
	text-align: center;
	border-bottom: 2px solid rgb(255, 255, 255);
	display: inline-block;
	width: 100%;
}
.mobileNav .bottomNav
{
	border-bottom:none;
}
.mobileNav a
{
	color: rgb(255, 255, 255);
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.mobile_btn
{
	padding: 5px 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#svg_mobileNav
{
	width:50px;
	height:50px;
	fill: #fff;
}
#banner 
{
	position:relative;
	height:288px;
	left: -13px;
}
#banner img 
{
	position:absolute;top:0;left:0;z-index:8;
}
#banner img.active 
{
	z-index:10;
}
#banner img.last-active 
{
	z-index:9;
}
.site_content
{
	overflow-y:auto;
	overflow-x: hidden;
	background-color: #FFF;
	background-repeat: repeat-y;
	padding: 0px 20px 20px 24px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.site_content .sidebar
{
	width: 30%;
	float: right;
	padding: 10px 0px 0px 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.site_content .content
{
	width: 70%;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.btn_CallShaun, .btn_RequestQuote
{
	width: 40%;
	float: left;
	text-align: center;
	margin: 10px 2.5%;
	background: rgb(217, 9, 9);
}
.btn_CallShaun a, .btn_RequestQuote a
{
	color: #FFF;
	width: 100%;
	display: inline-block;
	height: 100%;
	padding: 10px;
}
.hoverable .btn_CallShaun:hover, .hoverable .btn_RequestQuote:hover
{
	background: #c00;
	box-shadow: 0px 0px 15px #888888;
}
.footer, .push 
{
	height: 4em;
}
.footer
{
	min-height: 4em;
	background: #D90909;
}
.footer .leftColumn, .footer .rightColumn
{
	width: 49%;
}
.footer .leftColumn
{
	float: left;
	text-align: center;
	padding-top: 10px;
	color: #fff;
	width: 82%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.footer .rightColumn
{
	width: 18%;
}
.footer .rightColumn, .footer .rightColumn a
{
	float: right;
}
.footer_linkContainer
{
	display:block;
}
.footer_text
{
	padding-top:5px;
}
.footer .facebook-logo-container, .footer .yellowPages-logo-container, .footer .trueLocal-logo-container
{
	display: inline-block;
	float: left;
	width: 35px;
	margin-left: 10px;
}
#facebook-logo, #yellowPages-logo, #trueLocal-logo
{
	fill:#fff;
}
.icon-facebook:hover #facebook-logo, .icon-yellowPages:hover #yellowPages-logo, .icon-trueLocal:hover #trueLocal-logo
{
	fill:#36C;
}
.background_footer
{
	width: 100%;
	height: 4em;
	margin-top: -4em;
	background: #D90909;
}
.quote_author
{
	list-style-type: none;
	margin: 0px 0px 6px;
	padding: 0px 0px 4px;
	line-height: 1.5em;
	float: right;
	width: 100%;
	text-align: right;
}
.quotation.img1
{
	position: relative;
	top: -10px;
}
.quotation.img2
{
	position: relative;
	top: 10px;
}
.quote_author
{
	font-family: "trebuchet ms",arial,sans-serif;
	font-size: 1.2em;
	color: #777;
}
p 
{
  font: 1.2em/1.3em "trebuchet ms",arial,sans-serif;
  padding: 0 0 1em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.sidebar p 
{
  font: 1.1em/1.2em "trebuchet ms",arial,sans-serif;
  padding: 0 0 1em;
}
p b
{
  color: #000;
}
.sidebar p b
{
  color: #36c;
}
h1, h2, h3, h4, h5, h6, h7, h8, hquote
{
	font: 175% "century gothic",arial,sans-serif;
	color: #43423F;
	margin: 15px 0px 15px;
	padding: 15px 0px 5px;
}
h2, h3, h4, h5, h6, hquote 
{
  padding: 0 0 0.4em;
  font: 175% "century gothic",arial,sans-serif;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
h1
{
	font-size:3em;
}
h3
{
	font-size:2em;
}
h1, h2, h3, hquote
{
  color:#36c;
}
h4, h5, h6, h8 
{
    margin: 0px;
    padding: 0px;
    font-family: arial,sans-serif;
    font-size: 1.5em;
}

.sidebar h4
{
	color:#43423F;
}
.sidebar a, #careers a
{
	color: #D90909;
	text-decoration: none;
}
.hoverable .sidebar a:hover
{
	color: #D90909;
	text-decoration: underline;
}
.hoverable .sidebar2 a:hover
{
	color: #fff;
	text-decoration: none;
}
hquote
{
	font-size:2.1em;
	margin: 0px 0px 15px;
	padding: 15px 0px 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.topBar table
{
	max-height:150px;
	display:inline-table;
	height:100%;
}
.content li p
{
	color:#777;
	font:inherit;
	padding:0px;
}
.aboutUs_img
{
	width:100%;
	height:auto;
	min-width:240px;
}
.sidebar2 ul
{
	background-color: #D90909;
	display: block;
	width: 70%;
}
.sidebar2 ul li
{
	display: inline-block;
	text-align: center;
	width: 100%;
}
.sidebar2 ul li a
{
	color: #FFF;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 10px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.align_top
{
	vertical-align:top;
}
.staffList .btn_CallShaun
{
	margin-left:0px;
}
.staffList table td
{
	display:inline-table;
}
.staffList table .leftCl
{
	min-width:55px;
}
@media (min-width: 0px) and (max-width: 877px)
  {
	#menubar
	{
		width:100%;
	}
  }
@media (min-width: 0px) and (max-width: 900px)
  {
	.header .leftColumn
	{
		display:inline-block;
		height:150px;
	}
	.header .leftColumn a, .BraxLogo
	{
		display:block;
		width:100%;
	}
	.topBar .leftColumn, .topBar .rightColumn
	{
		padding-top:0px;
		overflow:hidden;
	}
	.callShaun_header, .callShaun_links 
	{
		float:right;
	}
	.BraxLogo
	{
		max-width:460px;
		padding-bottom:5px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	#banner, #menubar_banner, .shaun_img_container
	{
		display:none;
	}
	.sidebar_careersLink
	{
		display:inline-block;
	}
  }

@media (min-width: 0px) and (max-width: 780px)
  {
	.mobileNav
	{
		display:block;
	}
	.footer_linkContainer
	{
		display:none;
	}
	.site_content .content
	{
		width:100%;
	}
	.site_content .sidebar, .background_menubar, .header #menubar
	{
		display:none;
	}
	.topBar
	{
		border-bottom:10px solid #D90909;
	}
	.BraxLogo
	{
		padding-left:80px;
	}
	.site_content .content
	{
		padding-left:50px;
	}
  }  

@media (min-width: 0px) and (max-width: 600px)
  {
	.header .leftColumn
	{
		width:100%;
	}
	.header .rightColumn
	{
		display:none;
	}
	.topBar table
	{
		text-align: center;
	}
	.topBar table, .topBar table td
	{
		width: 100%;
	}
	.BraxLogo
	{
		padding:0px 10px;
		padding-left:80px;
		display:inline;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.btn_CallShaun, .btn_RequestQuote, .btn_CallShaun a, .btn_RequestQuote a
	{
		height:52px;
		max-height:52px;
	}
	.btn_CallShaun a, .btn_RequestQuote a
	{
		padding-top:15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.footer .leftColumn
	{
		font-size:0.8em;
		width:50%;
		padding:0px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.footer .leftColumn p
	{
		padding-top:10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	hquote
	{
		font-size:1.5em;
	}
	.quote_container
	{
		padding-top:15px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		overflow-y:auto;
	}
	.mobileHide
	{
		display:none;
	}
	.mobileSide
	{
		display:inline;
	}
  }
@media (min-width: 0px) and (max-width: 736px)
  {
	.wrapper
	{
		overflow:hidden;
	}
	.mobileNav
	{
		display:block;
	}
	.site_content .content
	{
		width:100%;
	}
	.site_content .sidebar, .background_menubar, .header #menubar
	{
		display:none;
	}
	.topBar
	{
		border-bottom:10px solid #D90909;
	}
	.BraxLogo
	{
		padding-left:0px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.site_content .content
	{
		padding-left:0px;
		width:100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.topBar
	{
		min-height:81px;
	}
	.header .leftColumn
	{
		height:auto;
	}
	.btn_RequestQuote a, .btn_CallShaun a
	{
		padding-top:10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.footer .leftColumn p
	{
		padding-top:0px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	p
	{
		padding:0px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.staffList table td
	{
		width: 100%;
		font-size: 3.5vw;
	}
	h5
	{
		padding-top:20px;
	}
  }