*{margin:0; padding:0;}
body{background-position:top left; background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif;}
body#p_gallery{background-image:url(../images/bg_pop_photo_gallery.jpg);}
body#v_gallery{background-image:url(../images/bg_pop_video_gallery.jpg);}
#container{width:721px; height:471px; position:relative; padding-top:21px;}
#navigation{width:161px; height:200px; float:right;}

#content{float:left; width:538px; padding-left:22px; color:#fff;}

#media_window{width:523px; height:315px;}
#media_window div{position:relative;}
#media_text{width:463; height:75px; padding:10px 35px 0 25px;}
.media_container{width:471px; float:left; height:315px; border:1px solid #fff;}

.photo_count{font-size:0.7em; letter-spacing:0; font-weight:bold; color:#e68700; text-transform:none;}

/* media nav buttons */
.btn_prev{width:26px; height:315px; float:left;}
.btn_next{width:24px; height:315px; float:left;}

.btn_prev a, .btn_next a{position:absolute; text-indent:-9999em; overflow:hidden; height:50px; width:25px; background-position:0 0; background-repeat:no-repeat;}
.btn_prev a{background-image:url(../images/btn_prev.gif); right:0;top:134px;}
.btn_next a{background-image:url(../images/btn_next.gif); left:0;top:135px;}

.btn_prev a:hover{background-image:url(../images/btn_prev_up.gif); }
.btn_next a:hover{background-image:url(../images/btn_next_up.gif);}


/* SIDE NAVIGATION */
#navigation ul{list-style-type:none; width:161px;}
#navigation ul li{position:relative; width:161px; height:25px; background:url(../images/gallery/nav/bg_nav.gif) no-repeat bottom left;}
#navigation ul li a{ position:absolute; text-indent:-9999em; overflow:hidden;display:block; width:161px; height:25px; background-position:center left; background-repeat:no-repeat;}
#navigation ul li.last{background:none;}


#navigation_markets #n_g_corporate{background-image:url(../images/gallery/nav/corp.gif);}
#navigation_markets #n_g_mining{background-image:url(../images/gallery/nav/mining.gif);}
#navigation_markets #n_g_energy{background-image:url(../images/gallery/nav/energy.gif);}
#navigation_markets #n_g_rail{background-image:url(../images/gallery/nav/rail.gif);}
#navigation_markets #n_g_industrial{background-image:url(../images/gallery/nav/industrial.gif);}

#navigation_markets #n_g_corporate:hover{background-image:url(../images/gallery/nav/corp_hover.gif);}
#navigation_markets #n_g_mining:hover{background-image:url(../images/gallery/nav/mining_hover.gif);}
#navigation_markets #n_g_energy:hover{background-image:url(../images/gallery/nav/energy_hover.gif)}
#navigation_markets #n_g_rail:hover{background-image:url(../images/gallery/nav/rail_hover.gif);}
#navigation_markets #n_g_industrial:hover{background-image:url(../images/gallery/nav/industrial_hover.gif);}

#navigation_markets.corporate #n_g_corporate{background-image:url(../images/gallery/nav/corp_up.gif);}
#navigation_markets.mining #n_g_mining{background-image:url(../images/gallery/nav/mining_up.gif);}
#navigation_markets.energy #n_g_energy{background-image:url(../images/gallery/nav/energy_up.gif);}
#navigation_markets.rail #n_g_rail{background-image:url(../images/gallery/nav/rail_up.gif);}
#navigation_markets.industrial #n_g_industrial{background-image:url(../images/gallery/nav/industrial_up.gif);}

/* content */
#media_text h2{font-weight:normal; font-size:1em; text-transform:uppercase; letter-spacing:0.25em; color:#abaaaa;}
#media_text p{font-size:0.8em;}


/*
	=FIXES
*******************************/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
