body{
    margin:0px;
    padding:0px;
    color:#fff;
    font-family: 'Lato', sans-serif;;
    font-size:12px;
    font-weight:300;
    line-height:1.5em;
    background:#531d27;
    text-align:center;
    -webkit-font-smoothing: none;
}
*{
    margin:0px;
    padding:0px;
}
html{ 
    height: 100%;
}
.clr{
    clear: both;
}
p{ 
  padding: 0;
}
.readmore a, #footer_wrap a{
    color:#fff;    
    font-weight:700;
    text-decoration:none;
}
.readmore a:hover, #footer_wrap a:hover {
    text-decoration:underline;
}
#content_wrap a{
    color:#fff;
    text-decoration:none;
}
#content_wrap a:hover{
    text-decoration:none;
}
h1,h2{
    font-weight:900;
    line-height:1em;
    text-transform: uppercase;
}
h1{
    font-size:50px;
    padding: 80px 0 54px;
}
h2{
    height:65px;
    font-size:32px;
    padding: 80px 0 40px;
}
.description{
    font-size:18px;
    font-weight:700;
    line-height:1.4em;
    padding:0 50px;
}
.tagline{ /*if change this must change content columns width too*/
    width:265px;
    position:absolute;
    top:335px;
    font-size:22px;
    font-style:italic;
    line-height:1.1em;
}
.readmore{ /*if change this must change content columns width too*/
    background:url(images/read_more_bg.png) top center no-repeat;
    width:265px;
    height:28px; /*35-67=28*/
    margin-left:auto;
    margin-right:auto;
    padding-top:7px;
    font-size:16px;
    font-weight:700;
}
.readmore:hover{ /*if change this must change content columns width too*/
    background:url(images/read_more_bg_over.png) top center no-repeat;
}
.readmore a{
    color:#fff;
    text-decoration:none;
}
.readmore a:hover{
    text-decoration:underline;
}
/**
* Color Codes - Background
*/
.bg_darkpurple{
    background:#524aa1;
}
.bg_blue{
    display: none;
    width: 325px;    
    background: #25aae1;
    position:absolute !important;
}
.bg_darkred{
    background:#531d27;
}
.bg_red{
    display: none;
    background:#c60839;
    width: 325px;    
    position:absolute !important;
    left:325px
}
.bg_orange{
    background:#f45e01;
}
.bg_yellow{
    display: none;
    background:#ffaa00;
    width: 325px;    
    position:absolute !important;
    left:650px
}
/**
* Color Codes - Text
*/
.text_darkpurple{
    color:#524aa1;
}
.text_darkblue{
    color: #211b58;
}
.text_blue{
    color: #25aae1;
}
.text_darkred{
    color:#531d27;
}
.text_red{
    color:#79001f;
}
.text_orange{
    color:#f45e01;
}
.text_darkyellow{
    color:#663e28;
}
.text_yellow{
    color:#ffaa00;
}
.text_white{
    color:#fff;
}
/**
* Layout Specific
*/
.clr{
    clear:both;
}
.auto_margin{
    margin: auto;
}
.global_wrap{
    width:990px;
    margin:0 auto;
    padding:0;
    position:relative;
}
.single_column{
    width:325px;
    float:left;
    height:160px;
}
#header{
    height:160px;
}
#header_text{
    width:950px; /*990-20-20=950*/
    height:120px; /*160-20-20=120*/
    position:absolute;
    padding:20px;
    top:0;
    left:0;
}
.mainheader{
    margin-top:5px;
    line-height: 1.6em;
    font-size:42px;
    font-weight:900;
    text-transform: uppercase;
    color:#f2f2db;
    text-shadow: 1px 1px white;    
}
.subheader{
    font-size:30px;
    font-weight:700;
    text-transform: uppercase;
    text-align: center;
    color:#f2f2db;
    text-shadow: 1px 1px white;
}
#content_wrap{
    background:#f2f2db;
    width:100%;
    height:auto;    
    overflow: auto;
}
.content_columns{
    width:325px; /*325-35-35=255*/ /*if change this must change tagline width too*/
    height:580px; /*580-110=470*/
    float:left;
    position:relative;
    text-align: center;
}
#footer_wrap{
    background:url(images/biege_bg.jpg) left -10px repeat-x #531d27;
    width:100%;
    height:160px;
    position:relative;
    overflow: auto;
}
.bottom_columns_row1{
    width:325px;
    height:10px;
    float:left;
}
.bottom_columns_row2{
    width:325px;
    height:20px;
    float:left;
}
#copyright{
    width:55%;
    height:auto;    
    float:left;
    padding-top:15px;
    text-align: left;
}
#pwdc_logo{
    position:absolute;
    right:25px;
    top:0;
}
#brg_logo{
    position:absolute;
    right:145px;
    top:0;
}

/*
* Arrows
*/

.short_arrow {
    background:url(images/short_arrow.png) top left no-repeat transparent;
    width:291px;
    height:65px;
    position:absolute;
}
.long_arrow {
    background:url(images/long_arrow.png) top left no-repeat transparent;
    width:542px;
    height:110px;
    position:absolute;
}
#arrow1{
    top:25px;
    left:182px;
}
#arrow2{
    top:25px;
    right:182px;
}
#arrow3{
    top:420px;
    left:22%;
}