body{
    background: #fff;
    color: #3e3e3e;
    font-family: Helvetica, Tahoma, Arial, sans-serif;
    font-size: 1em; /*16px/16px = 0.875 (14px is the target size. 16px is the base for all screensize.)*/
    line-height: 1.5em;
}
html{ 
    height: 100%;
}
* {
    margin: 0;
    padding: 0; 
}

/**************** HTML5 fix - do not edit/remove ****************/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section,
#rotator { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
    margin: 0;
    padding: 0;
}
img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
br {
    margin-bottom: 1.2em;
}
/**************** HTML5 fix - end ****************/
p{ 
    padding: 0 0 1.25em 0;
    margin: 0;    
}
.articles_view p{
    text-align: justify;
}
img, fieldset {
    border: 0;
}
.extrabold {
    font-weight: 900;
}
strong, em, b, .bold {
    font-weight: 700;
}
.light {
    font-weight: 300;
}
.ultralight {
    font-weight: 200;
}
sup {
    vertical-align: baseline;
    position: relative;
    top: -0.65em;
    font-size: 70%;
}
sub {
    top: 0.4em;
}
h1, h2, h3, h4, h5, h6{
    
}
/*font-size calculation: (actual size) - (target size) / (target size) x 100(to get percentage) + 100%  */
h1, .position, .article_title, .nav_cat{ 
    font-size: 200%; /* 28px-14/14*100= 100 + 100%   */  
}
#component h3, .contact_form {
    font-size: 150%;
    color: #474747;
    font-family: 'Molengo',Helvetica,Tahoma,Arial,sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
}
a, a:hover { 
    outline: none;
    text-decoration: none;
    color: #727272;
}
a:hover{ 
    text-decoration: underline;
}
ul{ 
    padding: 0;
    margin: 0;
}
ul li{ 
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#component ul li{ 
    list-style-type: none;
    padding: 0 0 0 35px;
    margin: 0 0 15px 0;
    background: url(images/icons/bullet_pencil.png) left top no-repeat transparent;
}
ul.tips li{ 
    background: url(images/icons/bullet_lightbulb.png) left top no-repeat transparent !important;
}
ul.links li{ 
    background: url(images/icons/bullet_weblinks.png) left top no-repeat transparent !important;
}
ol{ 
    padding: 0;
    margin: 0;
}
ol li{ 
    padding: 0;
    margin: 0;
}

/**************** Font and Text Styling ****************/
.blue_text {
    color: #007ed6;
}
.orange_text {
    color: #e74710;
}
.grey_text {
    color: #474747;
}

/**************** CLEARFIX ****************/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    height: 0; }
.clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
    zoom: 1;
}
.clearfix:after, .clr {
    clear:both;
}
/**************** Element Styling ****************/
.global_wrap {
    width: 1024px;
    margin: 0 auto;
    position: relative;
}
.global_wrap{
    content: "";
    display: table;
}
#header {   
    width: 100%;
    background: url(images/header_bg_h50px.png) left top repeat-x transparent;
    color: #fff;
    position: relative;
    z-index: 999;
}
#header p {
    padding: 0;
    margin: 0; 
}
#logo {   
    width: 90px;
    height: 115px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
    float: left; 
    padding: 10px 8px;
    position: absolute;
    left: 15px;
    top: 0;
    text-align: center;
    vertical-align: middle;
    /* fallback */
    background-color: #131313;
    background: url(images/logo_bg.jpg);
    background-repeat: repeat-x;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#131313), to(#3f3f3f));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #3f3f3f, #131313);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #3f3f3f, #131313);
    /* IE 10 */
    background: -ms-linear-gradient(top, #3f3f3f, #131313);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #3f3f3f, #131313);
}
#header_row1 {
    margin-left:140px;
    width: auto;
    height:50px;
}
#header_title {    
    width: 260px;
    float: left;
    padding: 10px 20px 10px 0;
    overflow: hidden;
    font-family: 'Molengo', Helvetica, Tahoma, Arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase;   
}
#header_right_column {
    width: auto;
    float: right;
    direction: rtl;
}
#header_right_column > div{   
    float: right;
    display: inline-block;
    border-right: 1px solid #fff;
    font-family: 'Montserrat', Helvetica, Tahoma, Arial, sans-serif;
    font-size: 75%;  /* 12px-16/16*100=   */ 
    font-weight: normal;
    text-transform: uppercase;
}
.searchbox {
    
}
.searchbox br{
    display: none;
}
#navigation {
    width: 88%;
    margin-top: 28px;
    font-family: 'Montserrat', Helvetica, Tahoma, Arial, sans-serif;    
    color: #3e3e3e;
    float: right;
    direction: ltr;
}
#rotator {
    width: 100%;    
    height: 470px;
    border-bottom: 1px solid #dddddd;
}
.grey_container, .orange_container, .white_container{
    position: relative;
}
.grey_container {
    background-color: #f8f8f8; /*grey*/
    color: #737373;    
}
.orange_container{
    background-color: #fd5116; /*orange*/
    color: #fff;
}
.white_container, #component{
    background-color: #fff; /*white*/
    color: #737373;
    border-bottom: 1px solid #dddddd;
}
.text_container {
    padding: 45px 0 50px;
    content: "";
    overflow: hidden;
}
#footer {
    background-color: #edefef;
    width: 100%;
    border-top: 1px solid #dddddd;  
    padding: 55px 0;
    color: #737373;
}
#footer .widget{
    direction: ltr;
    /*check widgets.css*/
}
#footer .widget br{
    margin-bottom: 0;
}
#copyright {
    background-color: #131313;
    width: 100%; 
    padding: 20px 0;
    color: #fff;
    text-align: center;
    font-size: 0.75em;
}