/** global.css **/
/*
	CSS Reset by Eric Meyer - Released under Public Domain
    http://meyerweb.com/eric/tools/css/reset/
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0; font-size: 100%; font-weight:normal; vertical-align: baseline; background: transparent;}
body              {line-height: 1;}
ol, ul            {list-style: none;}
blockquote, q     {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
:focus            {outline: 0;}
ins               {text-decoration: none;}
del               {text-decoration: line-through;}
table             {border-collapse: collapse;border-spacing: 0;}
small, sub, sup { font-size: .83em; }
sub             { vertical-align: sub;}
sup             { vertical-align: super; }
 
/*------------------------------------------
Global Styles
-------------------------------------------*/
/* 	SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(boxsizing.htc);
	/*	If you need support for IE7 and lower make
		sure the boxsizing.htc file is linked properly.
		More info here:  https://github.com/Schepp/box-sizing-polyfill */
}
 
body {font-family: Arial, Verdana, sans-serif; font-size: 100%;  background-color: #ffffff; margin: 0 auto; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility;}
img{max-width: 100%;}
 
/*------------------------------------------
Layout
-------------------------------------------*/
.clear{clear: both; display:block; overflow:hidden; visibility:hidden;}
#ie .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:1px;}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix {display: inline-block;}
/* start commented backslash hack \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* close commented backslash hack */
 
 
header {width: 100%;}
header #hs-level-1 {height: 70px;}
header #hs-level-2 {height: 60px;}
 
#wrapper {width: 100%; padding: 30px 0 15px 0;}
#wrapper #bs-level-1 {}
#wrapper #bs-level-1-content{}
 
footer {width: 100%;}
footer #fs-level-1 {}
footer #fs-level-1-content {background-color: #eee;}
footer #fs-level-2 {}
footer #fs-level-2-content {background-color: #ddd;}
 
section article {width: 960px; margin: 0 auto;}
 
/*------------------------------------------
Typography
-------------------------------------------*/
h1, h2, h3, h4 {font-weight: bold;}
p {font-size: 110%; padding: 0 0 15px 0; line-height: 1.6em;}
 
#wrapper section article p {font-size: 120%; padding: 0 0 25px 0;}
#wrapper section article h1{font-size: 180%; padding: 0 0 15px 0;}
footer p {font-size: 100%; padding: 0 0 5px 0; color: #666;}
 
/*------------------------------------------
Menu
-------------------------------------------*/
header nav {}
header nav ul.menu {margin:0px; padding:0px; list-style-type: none; height: 60px;}
header nav ul.menu li {float: left; background-color: #000; width: 160px; height: 60px; line-height: 60px; vertical-align:middle; text-align: center;}
header nav ul.menu li a {color: #fff;}
header nav ul.menu li a:hover {text-decoration: none;}
 
/*------------------------------------------
Embellishments
-------------------------------------------*/
header #hs-level-1-content .logo {font-size: 420%; font-weight: bold;}
footer #fs-level-1-content .contact {}
footer #fs-level-2-content .legal {}
 
/*------------------------------------------
Mobile - for Restive.JS
-------------------------------------------*/
.mobi {font-size: 110%;}
 
.mobi section article {width: 100%; padding: 0 10px;}
 
.mobi.tablet header #hs-level-1-content .logo {text-align: right;}
.mobi.phone header #hs-level-1-content .logo {text-align: center;}
 
.mobi.phone header #hs-level-2 {height: auto;}
.mobi.phone header nav ul.menu {height: auto;}
.mobi.phone header nav ul.menu li {float: none; width: 100%; height: 40px; line-height: 40px; border-bottom: 1px dashed #aaa;}
 
.mobi footer p {font-size: 80%;}