body {
  margin: 0;
  background: #fff;
  color: #000000;
  font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura;
  font-size: 14px;
  line-height: 18px;
}

label, .field .field-label {
    font-weight: normal;
}


.content_right {
	float: right;
}

.content_right .telephone_number {
  clear: both;
}

p {
  padding: 0 0 13px 0;
  margin: 0;
}

a {
	color: #bf2025;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

ul {
    padding: 0 0 0 20px
}

h1, h2, h3 {
	font-size: 20px;
	color: #465355;
	padding: 2px 0 40px 0;
        margin: 0;
	font-weight: bold;
	line-height: 1.2em;
	text-transform: uppercase;
}

h4 {
  font-size: 14px;
  color: #465355;
  padding: 0 0 20px 0;
  font-weight: bold;
  line-height: 100%;
  text-transform: uppercase;
  margin: 0;
}

h5 {
  font-size: 20px;
  color: #464f53;
  padding: 0 0 17px 0;
  font-weight: 300;
  line-height: 100%;
  margin: 0;
}

#header {
	background: url("../images/header_bg.jpg") no-repeat scroll 0 0 transparent;
	height: 180px;
	padding: 0;
	position: relative;
	width: 100%;
}

#header .logo {
  padding: 8px 0 0 0;
  z-index: 15100;
}

.node-type-group-homepage #header, 
.node-type-contracts-homepage #header, 
.node-type-surveys-homepage #header,
.node-type-europe-homepage #header {
	height: 410px;
}

#page-wrapper {
  margin: 0 auto 0px;
  position: relative;
  min-width: 1024px;
  width: 100%;
}

#header .section {
	position: relative;
	width: 940px;
	margin: 0 auto;
}

#header .section #logo {
	float: left;
}

#header .section .telephone_number img {
	float: right;
	width: 250px;
	height: 40px;
}

#header .section .site_menu {
	display: block;
	padding: 75px 0 0 0;
}

#header .section .site_menu li {
	float: left;
	list-style: none;
	margin: 0 0 0 8px;
	font-size: 10px;
	text-transform: uppercase;
	color: #b3c2c4;
	padding: 0 0 0 8px;
	border-left: 1px solid #92a2a4;
	line-height: 10px;
	float: left;
}

#header .section .site_menu li.first {
	border-left: none;
}

#header .section .site_menu li a {
	color: #FFFFFF;
}

#header #hero {
	width: 940px;
	margin-right: 313px;
	height: 270px;
	position: relative;
	zoom: 1;
}

#header #hero .wrapper {
	padding: 8px 0 0 0;
	background: url("/sites/all/themes/arggroup/assets/images/slider_bg.png") repeat;
	width: 940px;
}

#header #hero .wrapper .header_image .image {
  height: 260px;
  float: left;
  overflow: hidden;
}

#header #hero .wrapper .header_image img {
	width: 627px;
	float:left;
}

#header #hero .wrapper .header_image .caption_text {
	background: url("/sites/all/themes/arggroup/assets/images/caption_bg.gif") no-repeat scroll 0 0 transparent;
	height: 200px;
	padding: 30px 23px 30px 30px;
	float: right;
	width: 260px;
	z-index: 10;
}

#header #hero .wrapper .header_image .caption_text p {
	font-size: 26px;
	line-height: 25px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -2px;
}

#header #navigation {
	position: absolute ;
}

#header #navigation .main_menu
{
  border:0 ;
  text-align:left;
  display:block;
  position:relative;
}

#mobile-nav {
    display: none;
}

/*style the main menu*/
#header #navigation .main_menu .menu {
	margin:0;
	padding:0;
}

#header #navigation .main_menu .menu li {
	position: relative;
	list-style: none;
	width: 156px;
	display: inline;
	float: left;
	vertical-align: bottom;
	height: 80px;
	margin: 0;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}

.sub-arrow {
    display: none;
}

#header #navigation .main_menu .menu li:first-child {
	border-left: none !important;
	border-top: 1px solid #fff;
}

#header #navigation .main_menu .menu li a:link, #header #navigation .main_menu .menu li a:visited {
	color: #465355;
	font-size: 12px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	display: inline;
	float: left;
	text-align: center;
	text-transform: uppercase;
	border-left: 0;
	width: 156px;
	background: url("/sites/all/themes/arggroup/assets/images/menu_bg.gif") repeat-x;
	height: 78px;
	line-height: 80px;
	padding: 2px 0 0 0;
}

#header #navigation .main_menu ul.menu > li.current > a {
  color: #fff !important;
  background: #bf2025 !important;
}

/*style the sub menu*/
#header #navigation .main_menu .menu li ul {
        top: -9999999px;
        left: -800px;
	position:relative;
	margin:0;
	padding:0;
}

#header #navigation .main_menu .menu li ul li {
	display:inline;
        border: 0;
	float:none;
}

#header #navigation .main_menu .menu li ul {
  float: none;
  margin: 0;
  list-style: none;
  padding: 0 !important;
  height: 0px;
  background: none;
  border: none !important;
}

#header #navigation .main_menu .menu li ul li a:link, .menu li ul li a:visited {
        color: #fff !important;
        font-size: 12px;
        font-weight: bold;
        display: block;
        text-decoration: none;
        display: block;
        text-align: center;
        text-transform: uppercase !important;
        padding: 0 0 0 0 !important;
        width: 155px !important;
        height: 30px;
        line-height: 30px;
        border-top:1px solid #fff;
        background:#bf2025;
}

#header #navigation .main_menu .menu li ul li a:hover {
    background:#fff;
    color: #465355 !important;
}

#header #navigation .main_menu .menu li a:hover, #header #navigation .main_menu .menu li a.highlighted {
    background:#bf2025;
    color: #FFFFFF;
}

#header #navigation .main_menu .menu li li a:link,#header #navigation .main_menu .menu li ul li a,#header #navigation .main_menu .menu li ul li a:hover {
	
}

.main_menu ul.menu ul {padding:10px 0;top:80px;border-top:1px solid #fff;width:156px;}


.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:0;direction:ltr;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

#main-wrapper {
	width: 940px;
	margin: 40px auto 0;
	padding: 0 0 0 0;
	clear: both;
}

body.node-type-group-homepage #main-wrapper,
body.node-type-contracts-homepage #main-wrapper, 
body.node-type-surveys-homepage #main-wrapper,
body.node-type-europe-homepage #main-wrapper {
    margin: 80px auto 0;
}

#main-wrapper #main {
  padding: 40px 0 50px;
}

.node-content.with-sidebar {
  width: 700px;
  float: left;
}

.sidebar {
    float: left;
    width: 220px;
    margin: 0 0 0 20px;
}

.sidebar .accreditations-arrow {
  display: inline-block;
  margin-top: 0;
  padding: 0;
}

.sidebar .accreditations-arrow li {
  background: url(../images/ul_li.jpg) no-repeat scroll 0 5px transparent;
  list-style: none outside none;
  margin-left: 0;
  padding-left: 25px;
  line-height: 25px;
}

.sidebar .accreditations-arrow li a {
  text-decoration: underline;
}

#footer {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 45px 0;
  background: #ebedee;
}

#footer .section {
  width: 940px;
  margin: 0 auto;
  padding: 54px 0 0;
  overflow: hidden;
  border-top: 8px solid #d3d5d6;
}

#footer .section .footer_menu_section {
  float: left;
  width: 220px;
  margin: 0 20px 0 0;
}

#footer .section .footer_menu_section#footer_menu_section_3 {
  margin: 0;
}

#footer .section .footer_menu_section ul.menu {
    margin: 0;
    padding: 0;
}

#footer .section .footer_menu_section li {
  background: url(../images/ul_li_bottom.jpg) no-repeat scroll 0 50% transparent;
  border-bottom: 1px solid #DBDDDE;
  list-style: none outside none;
  margin: 0;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 3px;
}

#footer .section .footer_menu_section li li {
    display: none;
}

#footer .section .footer_menu_section li a {
  text-transform: uppercase;
  text-decoration: none;
  color: #9eabad;
  font-size: 10px;
  display: block;
  list-style: none outside none;
}

#footer #copyright .copy_right {
  clear: both;
  color: #9eabad;
  font-size: 10px;
  text-transform: uppercase;
  padding: 40px 0 0 0;
}

#footer #copyright .copy_right a {
  text-decoration: underline !important;
  text-transform: uppercase;
  color: #465355;
}

.webform.contact-us {
    float:right;
    width: 600px;
}

.webform.contact-us label {
    float: left;
    margin: 6px 14px 0 0;
    width: 74px !important;
    text-align: right !important;
}

.webform-component-textfield input, .webform-component-email input {
    background: #fafafa url(../images/input_bg2.gif) repeat-x;
    border: 1px solid #e1e1e1;
    height: 28px;
    line-height: 28px;
    padding: 0 10px !important;
    width: 379px;
    color: #7d7d7d !important;
}

.webform.contact-us .webform-component--message textarea {
    background: #fafafa url(../images/input_bg2.gif) repeat-x;
    border: 1px solid #e1e1e1;
    padding: 10px 10px !important;
    width: 401px;
    height: 224px;
    margin-bottom: 15px;
    color: #7d7d7d !important;
    overflow: auto;
    width: 401px;
    height: 224px;
    resize: none;
}

.webform.contact-us .webform-component--message .grippie {
    display: none;
}

.webform.contact-us .form-item {
    margin-top: 0;
}

.webform.contact-us .form-actions {
    width: 485px;
}

.webform.contact-us .form-actions input {
    float: right;
    color: #fff;
    font-size: 10px;
    height: 37px;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    padding: 0px 25px 0;
    background: #bf2026;
    display: inline-block;
    margin-top: 5px;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
}

#contact-information {
    margin: 40px 0 0;
}

#contact-information ul {
    list-style: none;
    padding: 0;
}

.other-contact-information {
    float: left;
}

.other-contact-information li {
    clear: both;
}

#location .google_map_field_display {
    width: 320px;
    height: 242px;
}

.hse-feed a {
    font-weight: 600;
    color: #000;
    font-size: 12px;
}

.hse-feed ul {
    list-style: none;
}

.hse-feed ul li {
    margin: 10px 0;
}

.hse-feed .more-link {
    display: none;
}


.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    margin: 0.188em 0 0 0.438em; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    display: none;
  }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #bf2025;
  padding: 0;
}
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
  }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #990000; }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #990000;
      color: #fff; }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
  }
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #990000;
      color: #fff; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }

#content .section .admin {
    position: absolute;
    right: 200px;
}

ul li.views-row {
  list-style: none;
  padding: 20px;
  margin: 0;
}

ul li.views-row.views-row-even {
    background: #f9f9f9;
}

ul li.views-row ul li.node-readmore {
    margin: 0;
}

/* #### Mobile Phones Portrait or Landscape #### */
@media all and (max-width: 767px) {

    .logo img {
      width: 200px;
    }

    #header {
        height: auto !important;
    }
    
    #header #navigation {
        position: relative;
    }
    
    .node-type-group-homepage #header, .node-type-contracts-homepage #header, .node-type-surveys-homepage #header, .node-type-europe-homepage #header {
        height: 185px;
    }
    
    #main-wrapper, #header .section, #page-wrapper, .node-content.with-sidebar, .node-content.with-sidebar, .sidebar {
        min-width: 300px;
        width: 95%;
        margin: 0 auto;
    }
    
    body.node-type-group-homepage #main-wrapper,
    body.node-type-contracts-homepage #main-wrapper, 
    body.node-type-surveys-homepage #main-wrapper,
    body.node-type-europe-homepage #main-wrapper {
        margin: 0 auto 0;
    }
    
    body.node-type-group-homepage #main-wrapper {
        margin: 0 auto;
    }

    #footer .section, #footer #copyright .copy_right {
      padding: 10px 0 0 0;
    }

    #footer, #footer .section h4 {
      padding: 0 0 10px 0;
    }
    
    #footer .section, #footer .section .footer_menu_section {
        width: 90%
    }

    #footer .section .menu li {
      padding-bottom: 0;
    }

    .content_right {
        float: none;   
    }
    
    #header .section .telephone_number img {
        float: none;
        margin-left: 15px;
    }
    
    #navigation .menu.sm, #header .site_menu {
        display: none;
    }
    
    #header .section .content_right .site_menu {
        display: block;
        padding: 0 0 10px 0;
    }
    
    #header #hero {
        display: none;   
    }
    
    #footer .section .footer_menu_section {
        margin: 10px auto;
    }
    
    #location {
        clear: both;
    }
    .webform.contact-us {
        float: none;
        width: 100%;
    }
    .webform.contact-us label {
        text-align: left !important;
    }
    
    .webform.contact-us .webform-component-textfield input,
    .webform.contact-us .webform-component-email input {
        width: 95%
    }
    
    .webform.contact-us .webform-component--message textarea {
        width: 100%;
    }
    
    .webform.contact-us .form-actions {
        width: auto;
    }
     
     .webform.contact-us .form-actions input {
        float: none;
        background: #bf2026 !important;
     }
     
    #mobile-nav {
        display: block;
        float: right;
        margin: 10px 5px;
    }

    #mobile-nav.menu-open {
      width: 100%;
    }
    
    #header #navigation {
        width: 100%;
    }
    
}

/* #### Tablets Portrait or Landscape #### */
@media all and (min-width: 768px) and (max-width: 1024px) {

    #header {
        height: 175px;
    }
    
    .node-type-group-homepage #header, .node-type-contracts-homepage #header, .node-type-surveys-homepage #header, .node-type-europe-homepage #header {
        height: 372px;
    }
    
    #page-wrapper {
        width: 95%;
        min-width:700px;
    }
    #main-wrapper #main {
        padding: 20px 0;
        width: 95%;
        margin: 0 auto;
    }
    #main-wrapper, #header .section, #footer .section, #header #hero .wrapper, #header #hero {
        width: 700px;
        min-width:700px;
    }
    #header #hero {
        height: 234px;
    }
    #header #hero .wrapper .header_image .caption_text {
        width: 170px;
        height: 182px;
        padding: 20px;
    }
    #header #hero .wrapper .header_image img {
        width: 490px;
    }
    #header #hero .wrapper .header_image .image {
        height: 222px;;
    }
    #location .google_map_field_display {
        width: 260px;
    }
    
    .webform.contact-us {
        width: 400px;
    }
    
    #footer .section .footer_menu_section {
        height: 220px;
    }
    
    .node-content.with-sidebar {
        width: 455px;
    }
    
    #header #navigation .main_menu .menu li a:link, #header #navigation .main_menu .menu li a:visited {
        line-height: 60px;
        height: 58px;
        width: 115px;
    }
    
    #header #navigation .main_menu .menu li {
        height: 60px;
        width: 115px;
    }
    
    #header #navigation .main_menu .menu li ul li a:link, .menu li ul li a:visited {
        width: 114px !important;
    }
    
    #header #navigation .main_menu .menu li a:link, #header #navigation .main_menu .menu li a:visited {
        font-size: 9px;
    }
    
    .webform.contact-us .form-actions {
        width: auto;
    }

    .sidebar {
      width: 190px;
    }
}