/* ==========================================================================
   CONTENTS - GLOBAL.css
   ========================================================================== */

/*
 * 1. NORMALIZE
 * 2. ROOT
 * 3. TYPOGRAPHY
 * 4. LINKS
 * 5. HELPER
 */


/* 1. NORMALIZE
   ========================================================================== */

/*@import url('normalize.css');*/


/* 2. ROOT
   ========================================================================== */

html { background: #fff; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; max-width: 100%; height: auto; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }


/* 3. TYPOGRAPHY
   ========================================================================== */

body,
button,
input,
select,
textarea {
    color: #333;
}

body {
	font-family:Arial;
    font-size: 0.75em;
    line-height: 1.4;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
 { margin: 0 0 1em 0;  font-family: 'HelveticaNeueLT Std', "HelveticaNeue-Light", "Helvetica Neue", sans-serif; }


ul,
ol,
dl{ margin: 0 0 1em 0; }

h4 {
    font-size: 3.000em; /* 36px */
    color: #cc0033;
    line-height: 1.300em; /* 43px */
}

h5 {
    font-size: 2.500em; /* 30px */
    color: #cc0033;
    line-height: 1.250em; /* 30px */
}

h6 {
    font-size: 1.667em; /* 20px */
    color: #000;
    line-height: 1.250em; /* 20px */
}

p {
    font-size: 1.5em; /* 18px */
    color:#656565;
    line-height: 1.400em; /* 28px */
}
.main li{
    font-size: 1.5em; /* 18px */
    color:#656565;
    line-height: 1.400em; /* 28px */
}

.main ul ul li {
	font-size:1.0em;
}

a {
    color: #656565;
    text-decoration: none;
}

strong,
b {
    color: #000;
}

a:hover {
    text-decoration: underline;
}

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



/* 4. LINKS
   ========================================================================== */

a,
a:visited { color: #333; outline: none; text-decoration: none; }
a:hover { outline: none; text-decoration: none; }
a:active,
a:focus { outline: none; opacity: 0.7; }



/* 5. HELPER
   ========================================================================== */

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }

.hidden { display: none !important; visibility: hidden; }

.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.clear { clear: both; }

/*** fluid ***/

.fluid-container{
	display: inline-block;
	position: relative;
	width: 100%;
}

.fluid-container .fluid-element{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-height:360px
}