/*nav*/

/*###### navigation #####################################################################*/

#navigation-wrapper {
	background-color: #cbda3a;
min-width:1000px;
margin:auto;
}

#navigation { /* the menu container */
      position: relative;
	padding-left: 15px; /* sets gap to left edge of 'ul' */ /* or right */
	/*height: 38px;*/
	text-align:left; /* or left if required*/
      z-index:1000;
	width:985px;

}

#navigation ul { /* menu ul style */
     margin: 0px;
	margin:0px; /*147px;*/ /* sets gap from left edge of 'ul' to first menu item*/ /* or right */
	text-align:left; /* positions menu items to left or right */
     
z-index:1001;
}

#navigation li{ /* horizontal menu */
      display:block;
      position:relative;
      float:left;
      line-height:100%;
	list-style: none;
	margin-right:20px;/*  sets gap between menu items*/
	margin-bottom: 0px;
margin-left:0;
}

#navigation a { /* the link style of menu */
      display:block;
	  font-size:14px;
	     text-decoration:none;
      color:#0065A7;
      /* padding:7px 15px 3px 15px;*/
      padding:10px 0px 10px;
      margin-left:0px;
      white-space:nowrap;

}


#navigation li a:hover { /* the link style of menu */
      display:block;
      text-decoration:none;
      color: #fff;
      margin-left:0px;
      white-space:nowrap;
	
}

/*This block of CSS is to deal with the sub-menu (nested menu). The CSS defines how the sub-menu and sub sub menu must be shown and positioned.*/
/* The sub menu is hidden by default and its position is places right under the parent menu*/

#navigation ul ul {
      display: none;
	  padding-left:0px;
      position: absolute;
	  left:-1px;
      float: left;
      z-index:1002;
	  margin: 0px 0px 0px 0px;

height:auto;
	  
}

#navigation ul ul li {
      width:198px; /* width second level */
      padding-right:0px;
      left:0px;

}

#navigation li li {margin-left:0px;height:auto;}

/*#menu ul ul li.menuactive, #h_nav ul ul li.menuactive li {height:33px;}*/

#navigation ul ul a { /* second level look */
      
	  background:#44B4E4;
      line-height: 100%;
      padding:6px 10px 2px 8px;
font-size:13px;
font-weight:100;
      width: 100%;
      height:18px;
border-bottom:1px solid #f2f2f2;
      }
	  
#navigation li li a:hover { /* the link style of menu */
      display:block;
      text-decoration:none;
      margin-left:0px;
      white-space:nowrap;
background-color:#CBDA3A;
color:#006AAB;
border-bottom:1px solid #f2f2f2;
}


/* third level */

#navigation ul ul ul {
      display: none;
      position: absolute;
      float: left;
      z-index: 99999;
      left:217px;top:0px;
	  	  border-left:none;
z-index:1003;
}

#navigation ul ul ul li {
      width:198px; /* width third level */
}




/*The following part defines how and when the sub menu must be hidden and shown. The sub menu is shown when mouse over and hidden when the mouse leaves.*/

/* When the mouse is over a list (li) element with unordered-list (ul) element inside then show it. The position when its shown is defined in the previous block of CSS*/

#navigation ul li:hover > ul {
      display: block;
}

/* keeps parents state on */

/* Styles the anchor (a) tag when mouse over */
#navigation li:hover > a{
    /* background: #ffffff;*/
      color: #fff;

}







/*###### mean menu #####################################################################*/

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	float: left;
	width: 100%;
	position: relative;
	background: /*#3D6F74*/#cbda3a;
	/*background-image:url(../../uploads/images/responsive-website/navigation-bg.gif);*/
	padding: 1px 0;
	min-height: 36px /*42px*/;
	z-index: 999999;
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 19px/*22px*/;
	padding: 9px 13px/*13px 13px 11px 13px*/;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background:#005da8;/*99BCBF*/;
	margin-top: 36px /*44px*/;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
list-style-type: none;
margin:0;
padding:0;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 0.9em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	/*text-transform: uppercase;*/
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: .5em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: .3em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: .2em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: .2em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 28px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}
.mean-container .mean-nav ul li ul li a.mean-expand {padding:6px !important;}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
	background: #005da8;/*99BCBF*/;
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}


/*>>>>>>>>>>>>>>>>>>> footer menu <<<<<<<<<<<*/

#footer-menu {text-align:left;}
#footer-menu ul {margin:0px;padding:0px;font-weight: bold;}
#footer-menu li {display:inline;margin-right:0px;margin-left:0px;}
#footer a:link, #footer a:visited {font-size:11px;font-weight:normal;color:#000000;text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* Stylesheet: Narm - responsive menu Modified On 2016-07-26 21:24:36 */
/* RESPONSIVE GRID SYSTEM =============================================================================  */

/* BASIC PAGE SETUP ============================================================================= */

body { 
margin : 0 auto;
padding : 0;
font-family : arial, helvetica, helve, sans-serif;
background:#AEBDC5;
font-size:14px;
font-weight:300;
color : #231f20;
line-height:170%;
text-align: left;
}

/*  HEADINGS  ============================================================================= */


h1 { 
color: #0065A7;
margin-bottom : 0.9em;
margin-top : .2em;
font-size : 1.6em; /* 96 / 16 */
font-weight:300;
line-height : 1.2;
}


h2 { 
color: #0263aa;
margin-bottom : .5em;
margin-top : 0em;
font-size : 1.1em; /* 40 / 16 */
line-height : 1.2;
font-weight:500;
}

h3 { 
color: #333;
margin-bottom : 0.3em;
letter-spacing: -1px;
font-size : 1.75em; /* 28 / 16 */
line-height : 1.3; }


h4 { 
color: #444;
margin-bottom : 0.5em;
font-size : 1.5em; /* 24 / 16  */
line-height : 1.25; }

h5 { 
color: #555;
margin-bottom : 1.25em;
font-size : 1em; /* 20 / 16 */ }

h6 { 
color: #666;
font-size : 1em; /* 16 / 16  */ }

/*  TYPOGRAPHY  ============================================================================= */

p, ol, ul, dl, address{ 
/*margin-bottom : 1.5em; */
/*font-size : 1.54em; /* 16 / 16 = 1 */ 
margin-bottom:1.1em;
}

p {
hyphens :none;  }

ul, 
ol { 
margin : 0; 
padding : 0;
list-style:none;}

li {
list-style-type:disc;
padding-left:5px;
margin-left:15px;}

b, strong { 
font-weight : bold; }

small { 
font-size : 1em; /* 16 / 16 = 1 */ }

sub, sup { 
font-size : 75%; 
line-height : 0; 
position : relative; 
vertical-align : baseline; }

sup { 
top : -.5em; }

sub { 
bottom : -.25em; }



/* LINKS =============================================================================  */

a:link, a:visited { 
color : #0263aa;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
text-decoration:underline;
}

a:hover {
outline : 0;
text-decoration: none;
}

.footer a:link, .footer a:visited {color:#333333;text-decoration:none;}
.footer a:hover {text-decoration:underline;}
}
/* IMAGES ============================================================================= */

img {
border : 0;
max-width: 100%;}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }

/*  SECTIONS  ============================================================================= */

.section {
	position:relative;
	clear: both;
	padding: 0px;
	/*margin: 0px 0px 20px;*/
	margin-bottom:0px;

}

/*  GRID OF COLUMNS   ============================================================================= */

.col {display: block;float:left;margin: 0%;}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
	
./*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 69%; 
}

.span_1_of_3 {
	width: 31%; 
}



/*  GLOBAL OBJECTS ============================================================================= */

.clearer { clear: both; }
.width {width:1000px;margin-left:auto;margin-right:auto;}
*html .width {width:1000px;}
.border {border:1px solid #a1978d;}
.floatleft {float: left;}
.floatright {float: right;}

/*  MAIN classes	============================================================================= */

.header {}
.page-title {}
.maincontent{}
.footer {}

/*  MAIN Divs/Classes	============================================================================= */


#header-wrapper {
	background-image:url(/uploads/images/construction-images/header-wrapper-bg.jpg);
	background-position:top center;
height:221px;
min-width:1000px;
margin:auto;
}

#header {}

#narm_logo {margin:0px;padding-top:100px;margin-left:15px;}

#riba_logo {margin-left:40px;}

#social_media {top:5px;right:0px; z-index:100;padding:0px;}

#twitter_icon {position:absolute;right:396px;top:97px;}
#linkedin_icon {position:absolute;right:346px;top:97px;}
#pinterest_icon {position:absolute;right:296px;top:97px;}
#youtube_icon {position:absolute;right:245px;top:97px;}

#search {position:absolute;right:17px;top:100px;}
#tagline {position:absolute;right:17px;top:180px;text-align:right;font-size:24px;color:#005da8;}

#maincontent{/*padding:15px;*/clear:both;padding:15px 20px 20px 20px;background:#fff;border-bottom: 5px solid #cbda3a; width:auto;}

.slider {margin:0px;padding-right:10px;background:#fff;padding-top:10px;}

#static-image{display:none;}
#homeleft{padding:10px 10px 10px 0px;}

#homeright {padding:10px 0px 10px 0px;width:100%;margin-left:10px;}
.buttons {position:relative;background:#fff;padding-top:10px;padding-left:1px;}

#tech-button a:link {position:relative;/*top:0px;right:0px;*/width:309px;height:113px; background:url(../../uploads/images/construction-images/tech-button.jpg); background-position:right; background-repeat:no-repeat;padding:0px;-webkit-transition: all 0s ease;-moz-transition: all 0s ease;-o-transition: all 0s ease;transition: all 0s ease;text-decoration:none;display:block;}
	#tech-button a:hover {background-position:left;}

#rooflight-button a:link {position:relative;/*top:128px;right:0px;*/width:309px;height:113px; background:url(../../uploads/images/construction-images/rooflight-button.jpg); background-position:right; background-repeat:no-repeat;padding:0px;-webkit-transition: all 0s ease;-moz-transition: all 0s ease;-o-transition: all 0s ease;transition: all 0s ease;text-decoration:none;display:block;padding-bottom:34px;}
	#rooflight-button a:hover {background-position:left;}

#visitor-button a:link {position:relative;/*top:258px;right:0px;*/width:309px;height:113px; background:url(../../uploads/images/construction-images/visitor-button.jpg); background-position:right; background-repeat:no-repeat;padding:0px;-webkit-transition: all 0s ease;-moz-transition: all 0s ease;-o-transition: all 0s ease;transition: all 0s ease;text-decoration:none;display:block;}
	#visitor-button a:hover {background-position:left;}

#subscribe {position:relative;/*top:254px;right:0px;*/width:309px;height:113px; background:url(../../uploads/images/construction-images/subscribe-button.jpg); background-position:right; background-repeat:no-repeat;display:block;}
	
.subscribe-button-inner {position:absolute;bottom:10px; left:152px;}

.container .button.primary, .container a.button.primary:link, .container button.primary, .modal .button.primary, .modal a.button.primary:link, .modal button.primary {
background-color: #CBDA3A !important;}

.container .button.primary:hover, .container a.button.primary:link:hover, .container button.primary:hover, .modal .button.primary:hover, .modal a.button.primary:link:hover, .modal button.primary:hover {
background-color: #CBDA3A !important;}

#news{ background: #b9ddf2;padding:10px 10px 20px 15px;}

#footer { margin:auto; padding:10px 5px 30px 10px; background-color:#FFFFFF;}

#designer {text-align:right;}

/*.NewsSummaryPostdate {
display:none;}*/
.NewsSummaryPostdate {
font-size:11px;
font-weight:bold;}


.NewsSummaryLink a {
text-decoration:none;
font-weight:bold;
line-height:18px;}

.NewsSummaryLink a:hover {
text-decoration:underline;
}

.NewsSummarySummary {
padding-bottom:12px;
line-height:20px;}

div#NewsPostDetailSummary {
padding-bottom:15px;
font-weight:bold;}


.contactform {
font-size:12px;}

.contactform .submit {}

.contactform .required {
    margin-bottom: 6px;
    padding-left: 110px;
    position: relative;}

.contactform label {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100px;
}

.contactform input {
    width: 158px;
}

.contactform textarea {
    border: 1px solid #D2DCE3;
    height: 140px;
    width: 162px;
}

.contactform .submit{text-align:right;}
.contactform .submit input {width:auto;}




  

/* media queries ==================================================================================================================*/



@media only screen and (max-width: 480px) {
body {background:none;}
.not-mobile {display:none;}
.width {width:98%;margin:auto;padding:0px;}
h1 {text-align:center;margin-top: 0.4em;}

#header-wrapper {min-width:98%;width:98%;background-image:none;background-color:#fff;height: 320px;}
#header {text-align: center;}
.header {height:auto;}
#narm_logo {position:relative;top:20px;left:0px;padding:0;}
#search {position:relative;top:10px;left:0px;width:auto;}
#social_media {position:relative;text-align:center;margin-top:30px;}
#twitter_icon,#linkedin_icon,#pinterest_icon, #youtube_icon {position:relative;display:inline;right: auto;top: auto;}


#tagline  {position: relative;background: none repeat scroll 0 0 #0065a7;
    color: #fff;
    margin: 0 auto auto;
    padding: 10px 0;
    right: auto;
    text-align: center;
top:20px}

#static-image{display:block;}
#maincontent {width:100%;padding:0px;margin-top:0px;}
#homeleft,#homeright {padding:0px;text-align:justify;padding:10px;width:auto;}

#news {padding:10px;}

.footer {width:98%; text-align:center;padding:3px;}

#designer {display:none;line-height:12px;}


img {
border : 0;
max-width: 100%;}

.col {margin: 0% 0 0% 0%;float:none;}

.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 100%; 
}

.span_1_of_3 {
	width: 100%; 
}

}

/* Stylesheet: Narm - responsive Modified On 2017-05-03 16:12:30 */