/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */


@media screen and (max-width: 1000px) {
	
#navbar { clear:both; width: 100%; height:auto; position: relative; right: 0; top: 0; border: none; 
border-radius: 0; background-color:#e5e5e5; border-top: solid 2px #ccc; border-bottom: solid 2px #ccc; }


#menu-topmenu { display:none; }

.menu-toggle { display:block; color: #000; position:relative;  }

	/* Small menu */
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		font: bold 16px/1.3 Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 5px 0px 5px 15px;
	}

	.menu-toggle:after {
		content: url(../images/downarrow.png);
		font-size: 12px;
		padding-left: 8px;
		vertical-align: 0px;
	}
	.toggled-on .menu-toggle:after {
		content: url(../images/uparrow.png);
		vertical-align: 0px;
	}


	/* toggled on menu */
	
	.toggled-on #menu-topmenu { display:block; height:auto; z-index: 1102; position: relative; top:auto; left:auto; font-size: 1em; background-color: #e5e5e5;  }
	.toggled-on #menu-topmenu { padding:1em 1em 1em 2em; margin:0px; list-style-type:disc; }
	
	.toggled-on #menu-topmenu li{ display: list-item; float:none; height: auto; padding: 0; margin:0; background-image: none; } 
	
	.toggled-on #menu-topmenu li { font-size: 1em; line-height:1.5em; }
	.toggled-on #menu-topmenu li span { font-size: 1em; line-height:1.5em; padding: 0;}
	.toggled-on #menu-topmenu li a { font-size: 1em; line-height:1.5em; padding: 0;  }

	.toggled-on #menu-topmenu li a:link {  }
	.toggled-on #menu-topmenu li a:active {  }
	.toggled-on #menu-topmenu li a:visited {  }
	.toggled-on #menu-topmenu li a:hover { }

	#menu-topmenu li.hover,
	#menu-topmenu li:hover { background-color:#e5e5e5; border-radius: none;  }
	
	.homepg #menu-topmenu li.lihome { background-color:#e5e5e5; border-radius: none;  }
	.firmpg #menu-topmenu li.lifirm { background-color:#e5e5e5; border-radius: none;  }
	.servicepg #menu-topmenu li.liservice { background-color:#e5e5e5; border-radius: none; }
	.resourcespg #menu-topmenu li.liresources { background-color:#e5e5e5; border-radius: none; }
	.newspg #menu-topmenu li.lidc { background-color:#e5e5e5; border-radius: none;  }
	.calcspg #menu-topmenu li.licalcs { background-color:#e5e5e5; border-radius: none; }
	.faqspg #menu-topmenu li.lifaqs { background-color:#e5e5e5; border-radius: none; }
	.contactpg #menu-topmenu li.licontact { background-color:#e5e5e5; border-radius: none; }
	

	/* -- level mark -- */

		.toggled-on #menu-topmenu ul {
	 background-color:#e5e5e5;
	 border: none; 
	 background-image:none;
	 list-style-type:square; 
	 margin: auto auto auto 2em;
	 padding:auto;
	}

		
			.toggled-on #menu-topmenu ul li {
			height:auto; 
		 margin:auto;
		 padding:auto;		 
		 border: none;
		 background-image: none;
		 display: list-item; 
		}



	.toggled-on #menu-topmenu {
 position: relative;
 z-index: 597;
 /*float: left;*/
}

	.toggled-on #menu-topmenu li {
 /*float: left;
 line-height: 1.3em;*/
 vertical-align: middle;
}

	.toggled-on #menu-topmenu li.hover,
	.toggled-on #menu-topmenu li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
 background-color: inherit;
}


	.toggled-on #menu-topmenu ul {
 display:block;
 visibility: visible;
 position: relative;
 top: auto;
 left: auto;
 z-index: 598;
}

	.toggled-on #menu-topmenu ul li {
 float: none;
 width: 100%;
}

	.toggled-on #menu-topmenu ul ul {
 top: auto;
 left:auto;
}

	.toggled-on #menu-topmenu li:hover > ul {
 display:block;
}
}

@media screen and (max-width: 610px) {


#menu-footermenu li a { }
#menu-footermenu  li a:link { color:#494949; text-decoration:none; }
#menu-footermenu  li a:active {   color:#494949; text-decoration:none; }
#menu-footermenu li a:visited {  color:#494949; text-decoration:none;  }
#menu-footermenu  li a:hover {  color:#6b0200; text-decoration:underline; }

#menu-footermenu { margin:0 auto; padding:0; list-style-type:none; display: block; text-align:left; }

#menu-footermenu li{ display: list-item; vertical-align:middle; padding: 5px 8px;  
margin:0; list-style-type:disc;  background-image: none; border-left: none; line-height: .8em;} 

#menu-footermenu li:first-child { border-left: none; padding: 5px 8px; }

#menu-footermenu li:before { content: ""; position:absolute; left: -4px; top: -3px; }
#menu-footermenu li:first-child:before {content: ""; }



#menu-privacymenu { margin:0; padding:0; display:block; }
#menu-privacymenu li a {  }
#menu-privacymenu  li a:link { color:#494949; text-decoration:underline; }
#menu-privacymenu  li a:active {   color:#494949; text-decoration:underline; }
#menu-privacymenu li a:visited { color:#494949; text-decoration:underline; }
#menu-privacymenu  li a:hover {   color:#6b0200; text-decoration:none; }

#menu-privacymenu { margin:0; padding:0; list-style-type:none; display: inline; text-align:left; }

#menu-privacymenu li{ display: list-item; height: auto; padding: 5px 8px;  
margin:0; list-style-type:none;  background-image: none; border-right: none; border-left: none; } 

#menu-privacymenu li:last-child { }

#menu-privacymenu li:before { content: ""; position:absolute; left: -4px; top: -3px; }
#menu-privacymenu li:after { content: ""; position:absolute; right: -4px; top: -3px; }


div.menu-privacy { display:block; margin:0; padding:0;}
div.menu-privacy ul#menu-privacy { display:inline; }

.footer-copy { display:block; margin:0; padding: 0 3%; }
.footer-brand { display:block; margin:0; padding: 0 3%; }


}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px){

#navbar { clear:both; height: auto; }

#navbar { width: 100%;  background-color: #1292c1; height: auto; margin: 0px; padding: 0px; z-index: 1100; position:relative; right: auto; top: auto; padding-top:0px; 
-webkit-border-radius: 0px; 
-moz-border-radius: 0px; 
border-radius: 0px; }


#menu-topmenu { display:none; }

.menu-toggle { display:block; color: #000; position:relative;  }

	/* Small menu */
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		font: bold 16px/1.3 Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 5px 0px 5px 15px;
	}

	.menu-toggle:after {
		content: url(../images/downarrow.png);
		font-size: 12px;
		padding-left: 8px;
		vertical-align: 0px;
	}
	.toggled-on .menu-toggle:after {
		content: url(../images/uparrow.png);
		vertical-align: 0px;
	}


	/* toggled on menu */
	
	.toggled-on #menu-topmenu { display:block; height:auto; z-index: 1102; position: relative; top:auto; left:auto; font-size: 1em; background-color: #1292c1; color:#fff; }
	.toggled-on #menu-topmenu { padding:1em 1em 1em 2em; margin:0px; list-style-type:disc; }
	
	.toggled-on #menu-topmenu li{ display: list-item; float:none; height: auto; padding: 0; margin:0; } 
	
	.toggled-on #menu-topmenu li { font-size: 1em; line-height:1.5em; }
	.toggled-on #menu-topmenu li span { font-size: 1em; line-height:1.5em; padding: 0;}
	.toggled-on #menu-topmenu li a { font-size: 1em; line-height:1.5em; padding: 0;  }

	.toggled-on #menu-topmenu li a:link {  }
	.toggled-on #menu-topmenu li a:active {  }
	.toggled-on #menu-topmenu li a:visited {  }
	.toggled-on #menu-topmenu li a:hover { }

	#menu-topmenu li.hover,
	#menu-topmenu li:hover { background-color:#1292c1; border-radius: none;  }
	
	.homepg #menu-topmenu li.lihome { background-color:#1292c1; border-radius: none;  }
	.firmpg #menu-topmenu li.lifirm { background-color:#1292c1; border-radius: none;  }
	.servicepg #menu-topmenu li.liservice { background-color:#1292c1; border-radius: none; }
	.resourcespg #menu-topmenu li.liresources { background-color:#1292c1; border-radius: none; }
	.newspg #menu-topmenu li.lidc { background-color:#1292c1; border-radius: none;  }
	.calcspg #menu-topmenu li.licalcs { background-color:#1292c1; border-radius: none; }
	.faqspg #menu-topmenu li.lifaqs { background-color:#1292c1; border-radius: none; }
	.contactpg #menu-topmenu li.licontact { background-color:#1292c1; border-radius: none; }
	

	/* -- level mark -- */

		.toggled-on #menu-topmenu ul {
	 background-color:#1292c1;
	 border: none; 
	 background-image:none;
	 list-style-type:square; 
	 margin: auto auto auto 2em;
	 padding:auto;
	}

		
			.toggled-on #menu-topmenu ul li {
			height:auto; 
		 margin:auto;
		 padding:auto;		 
		 border: none;
		 background-image: none;
		 display: list-item; 
		}



	.toggled-on #menu-topmenu {
 position: relative;
 z-index: 597;
 /*float: left;*/
}

	.toggled-on #menu-topmenu li {
 /*float: left;
 line-height: 1.3em;*/
 vertical-align: middle;
}

	.toggled-on #menu-topmenu li.hover,
	.toggled-on #menu-topmenu li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
 background-color: inherit;
 color: #fff;
}


	.toggled-on #menu-topmenu ul {
 display:block;
 visibility: visible;
 position: relative;
 top: auto;
 left: auto;
 z-index: 598;
}

	.toggled-on #menu-topmenu ul li {
 float: none;
 width: 100%;
}

	.toggled-on #menu-topmenu ul ul {
 top: auto;
 left:auto;
}

	.toggled-on #menu-topmenu li:hover > ul {
 display:block;
}


}