/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
  display: inline;
  float: left;
  margin-left: 2px;
  margin-right: 2px;
overflow:hidden;

}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15 {
  position: relative;
}

.container_12 .grid_3,
.container_16 .grid_4 {
  width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
  width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
  width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
  width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}



/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
  width: 40px;
}

.container_16 .grid_2 {
  width: 100px;
}

.container_16 .grid_3 {
  width: 160px;
}

.container_16 .grid_5 {
  width: 280px;
}

.container_16 .grid_6 {
  width: 340px;
}

.container_16 .grid_7 {
  width: 400px;
}

.container_16 .grid_9 {
  width: 520px;
}

.container_16 .grid_10 {
  width: 580px;
}

.container_16 .grid_11 {
  width: 640px;
}

.container_16 .grid_13 {
  width: 760px;
}

.container_16 .grid_14 {
  width: 820px;
}

.container_16 .grid_15 {
  width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
  padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
  padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
  padding-left: 720px;
}



/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
  padding-left: 60px;
}

.container_16 .prefix_2 {
  padding-left: 120px;
}

.container_16 .prefix_3 {
  padding-left: 180px;
}

.container_16 .prefix_5 {
  padding-left: 300px;
}

.container_16 .prefix_6 {
  padding-left: 360px;
}

.container_16 .prefix_7 {
  padding-left: 420px;
}

.container_16 .prefix_9 {
  padding-left: 540px;
}

.container_16 .prefix_10 {
  padding-left: 600px;
}

.container_16 .prefix_11 {
  padding-left: 660px;
}

.container_16 .prefix_13 {
  padding-left: 780px;
}

.container_16 .prefix_14 {
  padding-left: 840px;
}

.container_16 .prefix_15 {
  padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
  padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
  padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
  padding-right: 720px;
}



/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
  padding-right: 60px;
}

.container_16 .suffix_2 {
  padding-right: 120px;
}

.container_16 .suffix_3 {
  padding-right: 180px;
}

.container_16 .suffix_5 {
  padding-right: 300px;
}

.container_16 .suffix_6 {
  padding-right: 360px;
}

.container_16 .suffix_7 {
  padding-right: 420px;
}

.container_16 .suffix_9 {
  padding-right: 540px;
}

.container_16 .suffix_10 {
  padding-right: 600px;
}

.container_16 .suffix_11 {
  padding-right: 660px;
}

.container_16 .suffix_13 {
  padding-right: 780px;
}

.container_16 .suffix_14 {
  padding-right: 840px;
}

.container_16 .suffix_15 {
  padding-right: 900px;
}

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .push_3,
.container_16 .push_4 {
  left: 240px;
}

.container_12 .push_6,
.container_16 .push_8 {
  left: 480px;
}

.container_12 .push_9,
.container_16 .push_12 {
  left: 720px;
}



/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
  left: 60px;
}

.container_16 .push_2 {
  left: 120px;
}

.container_16 .push_3 {
  left: 180px;
}

.container_16 .push_5 {
  left: 300px;
}

.container_16 .push_6 {
  left: 360px;
}

.container_16 .push_7 {
  left: 420px;
}

.container_16 .push_9 {
  left: 540px;
}

.container_16 .push_10 {
  left: 600px;
}

.container_16 .push_11 {
  left: 660px;
}

.container_16 .push_13 {
  left: 780px;
}

.container_16 .push_14 {
  left: 840px;
}

.container_16 .push_15 {
  left: 900px;
}

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_3,
.container_16 .pull_4 {
  left: -240px;
}

.container_12 .pull_6,
.container_16 .pull_8 {
  left: -480px;
}

.container_12 .pull_9,
.container_16 .pull_12 {
  left: -720px;
}



/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
  left: -60px;
}

.container_16 .pull_2 {
  left: -120px;
}

.container_16 .pull_3 {
  left: -180px;
}

.container_16 .pull_5 {
  left: -300px;
}

.container_16 .pull_6 {
  left: -360px;
}

.container_16 .pull_7 {
  left: -420px;
}

.container_16 .pull_9 {
  left: -540px;
}

.container_16 .pull_10 {
  left: -600px;
}

.container_16 .pull_11 {
  left: -660px;
}

.container_16 .pull_13 {
  left: -780px;
}

.container_16 .pull_14 {
  left: -840px;
}

.container_16 .pull_15 {
  left: -900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after,
.container_16:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12,
.container_16 {
  zoom: 1;
}

.content .container_16 {
    margin-left: -10px;
}




/***** BLOCKS ***/

.mask a:link, .mask a:visited {
    color: #FFFFFF;
}

.mask a:hover,.mask a:focus,.mask a:active{
text-decoration:none;
}

.moreinfo a:link,.moreinfo a:visited{
color:#000;
}

#pic{
padding:0;
overflow:hidden;
}

#pic img{
border-radius:0px;
width:100% !important;
}

.horiz h3 {
    color: #FFFFFF;
    float: right;
    font-weight: 300;
    text-shadow: 0 3px 5px #4A4A4A;
    z-index: 2222;
	display: block;
    font-size: 35px !important;
    font-weight: normal;
    line-height: 35px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 117px;
    top: 75px;
    width: 200px;
}

.horiz span {
    color: #FCFBFB;
    text-transform: uppercase;
    display: block;
    float: none;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 13px;
    margin-bottom: 5px;
}

.horiz > p {
    bottom: 64px;
    position: absolute;
    right: 54px;
    width: 144px;
display:none;

}


.horiz .info {
    background-image: none;
    color: #FFFFFF;
    opacity: 0;
    position: absolute;
    top: 6px;
    z-index: 2;
}

.horiz .info2 {
    background-image: none;
    bottom: 48px;
    color: #FFFFFF;
    opacity: 0;
    padding-left: 12px;
    padding-right: 12px;
    position: absolute;
    z-index: 2;
}




.horiz .mask2 {
    background-color: #2F2F2F;
    height: inherit;
    opacity: 0;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;    
    width: 222px;
    z-index: 2;
border-radius:0px;
}
.horiz .mask {
    background-color: rgba(0, 0, 0, 0.41);
    box-shadow: 0 0 41px 9px rgba(50, 50, 50, 0.36) inset;
    height: 308px;
    margin-left: 0;
    margin-top: -313px;
    opacity: 0;
    border-radius:0px;

    position: absolute;
    transition: all 0.2s ease-in-out 0s;
    width: inherit;

-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
}


.horiz:hover .mask,.horiz:hover .info,.horiz:hover .info h3,.horiz:hover .mask2,.horiz:hover .info2{
opacity:1;
}


.mask h3{
opacity:1;
}

.horiz .info > h3{
 font-size: 84px;
    font-weight: 300;
    margin-right: -772px;
    width: 230px;
}


.horiz .info span {
    color: #EFEFEF;
    float: left;
    font-size: 14px;
    margin-bottom: -37px;
    text-transform: uppercase;
    width: 200px;
}

.horiz span2, .tbox span2,.tbox.four span3,.horiz.s span2 {
	display: block;
    font-size: 35px !important;
    font-weight: normal !important;
}

.horiz:after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

.horiz {
    border-radius: 0px !important;
    margin-bottom: 22px;
	margin-bottom: 4px;
    overflow: hidden !important;
}
.alpha.horiz.b {
    height: 278px;
}

.container_16 {
    display: block !important;
    padding-top: 8px !important;
}


.horiz {
    height: 300px;
}


#pid-about .tbox.four {
    height: 572px;
}

.horiz .info2 > p {
    margin-top: -165px;
    padding: 7px;
    position: absolute;
    top: 0;
    width: 177px;
}


/** small height news page 12 grid */
.horiz.b:hover .mask,.horiz.b:hover .info,.horiz.b:hover .info h3,.horiz.b:hover .mask2,.horiz.b:hover .info2{
opacity:1;
}
.horiz.b .mask {
    background-color: rgba(0, 0, 0, 0.41);
    border-radius: 0px;
    box-shadow: 0 0 41px 9px rgba(50, 50, 50, 0.36) inset;
    height: 285px;
    margin-left: 0;
    margin-top: -290px;
    opacity: 0;
    position: absolute;
    transition: all 0.2s ease-in-out 0s;
    width: inherit;
}





/**** visit page **/
.horiz.s span2 {
    font-size: 28px !important;
}

.horiz.s .mask2 {
    width: 210px;
}

.horiz.s h3 {
    font-size: 28px !important;
    line-height: 28px;
    top: 70px;
    width: 121px;
}

.horiz.s:hover .mask{
opacity:1;
}

.horiz.s .info2 > p {
    margin-top: -113px;
    padding: 7px;
    position: absolute;
    top: 0;
    width: 177px;
}

.horiz.s {
    height: 203px;
}



/***** hover bottom ***/



/*** small height news page **/

.tbox.half.s .mask2 {
    background-color: #2F2F2F;
    border-radius: 0px;
    height: 120px;
    margin-top: 127px;
    opacity: 0;
    position: absolute;
    transition: all 0.2s ease-in-out 0s;
    width: inherit;
    z-index: 2;
}


.tbox.half.s .info2 {
    background-image: none;
    color: #FFFFFF;
    margin-top: 205px;
    opacity: 0;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    z-index: 2;
}


.tbox.half.b .mask {
    background-color: rgba(0, 0, 0, 0.41);
    box-shadow: 0 0 41px 9px rgba(50, 50, 50, 0.36) inset;
    float: left;
    height: 275px;
    margin: 0;
    opacity: 0;
    position: absolute;
	top:0;
border-radius:0;
-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
    width: inherit;
}



.tbox.half .info2 {
    background-image: none;
    color: #FFFFFF;
    margin-top: 360px;
    opacity: 0;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    z-index: 999999;
}

.tbox.half .info2 > p {
    margin-top: -62px;
    position: absolute;
    top: -8px;
    width: 410px;
}

.tbox.half .mask2 {
    background-color: #2F2F2F;
    border-radius: 0px;
    height: 154px;
    margin-top: 273px;
    opacity: 0;
    position: absolute;
    width: inherit;
    z-index: 2;

-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;

}

.tbox.half .info > h3 {
   color: #FFFFFF;
    font-size: 47px;
    font-weight: 300;
    line-height: 39px;
    text-shadow: 0 1px 0 #545454;
    width: 301px;
background-image:none;
}



.tbox.half .info span2 {
    float: left;
    font-size: 42px;
    font-weight: 300;
    line-height: 60px;
    margin-top: 110px;
    width: 300px;
}

.tbox.half:hover .mask,.tbox.half:hover .info,.tbox.half:hover .mask2,.tbox.half:hover .info2{
opacity:1;
}





/**** grid 4 side ****/

.grid_4.tbox.four {
    /* height: 584px; */
	height: 559px;
}


.tbox.four .info2 {
    background-image: none;
    color: #FFFFFF;
    margin-top: 430px;
    opacity: 0;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    z-index: 2;
}

.tbox.four .info2 > p {
     margin-top: -78px;
    padding-bottom: 5px;
    position: relative;
    top: -8px;
    width: 181px;
}

.tbox.four .mask2 {
    background-color: #2F2F2F;
    border-radius: 0px;
    height: 255px;
    margin-top: 321px;
    opacity: 0;
    position: absolute;

    width: inherit;
    z-index: 2;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;

}

.tbox.four .info > h3 {
   color: #FFFFFF;
    font-size: 47px;
    font-weight: 300;
    line-height: 39px;
    text-shadow: 0 1px 0 #545454;
    width: 301px;
background-image:none;
}


.tbox.four h3 {
    top: 75px;
}


.tbox.four .info span2 {
    float: left;
    font-size: 42px;
    font-weight: 300;
    line-height: 60px;
    margin-top: 110px;
    width: 300px;
}

.tbox.four:hover .mask,.tbox.four:hover .info,.tbox.four:hover .mask2,.tbox.four:hover .info2{
opacity:1;
}




/**** grid 6 boxes ****/

.tbox {
    border-radius: 0px;
	 /* margin-bottom: 15px; */
	 margin-bottom: 0px;
	}

.tbox .mask {
    background-color: rgba(0, 0, 0, 0.41);
    border-radius: 0;
    box-shadow: 0 0 41px 9px rgba(50, 50, 50, 0.36) inset;
    float: left;
    height: 97%;
    margin-left: 0;
    opacity: 0;
    position: absolute;
	top:0;
-webkit-backface-visibility: hidden;
    width: inherit;
-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;

}
  

.tbox span {
    color: #fcfbfb;
    display: block;
    float: none;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 13px;
    margin-bottom: 5px;
    text-transform: uppercase;
}  

.tbox.six .info2 {
    background-image: none;
    color: #FFFFFF;
    bottom:11px;
    opacity: 0;
    padding-left: 12px;
    padding-right: 12px;
    position: absolute;
    z-index: 2;
}

.tbox.six .info2 > p {
    margin-top: -62px;
    position: absolute;
    top: -8px;
    width: 324px;
}

.tbox.six .mask2 {
     background-color: #2F2F2F;
    border-radius: 0px;
    height: 118px;
    opacity: 0;
    position: absolute;
    width: inherit;
    z-index: 2;
	bottom:-4px;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;

}

.tbox.six .info > h3 {
   color: #FFFFFF;
    font-size: 47px;
    font-weight: 300;
    line-height: 39px;
    text-shadow: 0 1px 0 #545454;
    width: 301px;
background-image:none;
}


.tbox.half h3 {
    top: 20%;
}

.tbox h3 {
     color: #FFFFFF;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    width: 195px;
    z-index: 2222;
	font-size: 35px !important;
    font-weight: normal !important;
    left: 23px;
    line-height: 35px;
    margin: 0;
    position: absolute;
    top: 15px;
	}


.tbox.six .info span2 {
    float: left;
    font-size: 42px;
    font-weight: 300;
    line-height: 60px;
    margin-top: 110px;
    width: 300px;
}

.tbox.six:hover .mask,.tbox.six:hover .info,.tbox.six:hover .mask2,.tbox.six:hover .info2{
opacity:1;
}



/*** Link colors for blocks **/
.grid_4.tbox.four a:hover,.grid_4.tbox.four a:active{
text-decoration:none;
}



.grid_8.tbox.half a:hover,.grid_8.tbox.half a:active{
text-decoration:none;
}


.grid_12.horiz h3 a,.grid_10.horiz h3 a,.grid_16.horiz h3 a ,.grid_8.tbox.half h3 a,.grid_4.tbox.four h3 a,.grid_6.tbox.six h3 a{
    color: #FFFFFF;
}


.grid_12.horiz a:hover,.grid_12.horiz a:active,.grid_10.horiz a:hover,.grid_10.horiz a:active{
text-decoration:none;
}


.grid_6.tbox.six a:hover,.grid_6.tbox.six a:active{
text-decoration:none;
}

.grid_16.horiz a:hover,.grid_16.horiz a:active{
text-decoration:none;
}

.tbox.six.taller .mask2{
margin-top:185px;

}


.tbox.taller h3
{
top:75px;
}

/** tiles **/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16{
position:relative;
}

.grid_8.tbox.half {
    height: 410px;
}

.grid_8.tbox.half.s {
    height: 247px;
}


/** changing grid size  **/

.container_12 .grid_3,
.container_16 .grid_4 {
  width: 236px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
  width: 476px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
  width: 716px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
  width: 956px;
}

.container_16 .grid_6 {
  width: 356px;
}

.container_16 .grid_10 {
    width: 596px;
}


/** menu **/

.primary-menu-inner ul.sf-menu a, .primary-menu-inner ul.sf-menu a:visited{
	 font-size: 12px;
	 letter-spacing: 1px;
	 font-weight:normal;
}


/** heading for list with bottom border **/
h3.bborder{
border-bottom: rgb(204,204,204) 1px solid; 
padding-bottom: 7px; 
text-transform: uppercase; 
margin: 10px 30px 5px 35px; 
padding-left: 0px; padding-right: 35px; 
font: 20px/20px ; 
clear: both; 
padding-top: 0px"
}