/*------------------------------------------------------------------------

    Project Name: Gallerix
    Design and Develpment: eightyclouds
    Author URI: http://www.eightyclouds.com
    Version: 1.0

--------------------------------------------------------------------------

   01. CSS Resets
   02. General Styles
   
*/

/* -------------------------------------------------------------------------- */
/* ------------------------------- 01. Resets ------------------------------- */
/* -------------------------------------------------------------------------- */

.Gallerix html, .Gallerix body, .Gallerix div, .Gallerix span, .Gallerix object, .Gallerix iframe, .Gallerix h1, .Gallerix h2, .Gallerix h3, .Gallerix h4, .Gallerix h5, .Gallerix h6, .Gallerix p, .Gallerix blockquote, .Gallerix pre, .Gallerix abbr, .Gallerix address, .Gallerix cite, .Gallerix code, .Gallerix del, .Gallerix dfn, .Gallerix em, .Gallerix img, .Gallerix ins, .Gallerix kbd, .Gallerix q, .Gallerix samp, .Gallerixsmall, .Gallerix strong, .Gallerix sub, .Gallerix sup, .Gallerix var, .Gallerix
b, .Gallerix i, .Gallerix dl, .Gallerix dt, .Gallerix dd, .Gallerix ol, .Gallerix ul, .Gallerix li, .Gallerix fieldset, .Gallerix form, .Gallerix label, .Gallerix legend, .Gallerix table, .Gallerix caption, .Gallerix tbody, .Gallerix tfoot, .Gallerix thead, .Gallerix tr, .Gallerix th, .Gallerix td, .Gallerix article, .Gallerix aside, .Gallerix canvas, .Gallerix details, .Gallerix figcaption, .Gallerix figure, .Gallerix 
footer, .Gallerix header, .Gallerix hgroup, .Gallerix menu, .Gallerix nav, .Gallerix section, .Gallerix summary, .Gallerix time, .Gallerix mark, .Gallerix audio, .Gallerix video { margin: 0;  padding: 0; border: 0;  outline: 0;  font-size: 100%;  vertical-align: baseline;  background: transparent; }
.Gallerix body { line-height: 1; }
.Gallerix article, .Gallerix aside, .Gallerix details, .Gallerix figcaption, .Gallerix figure, .Gallerix 
footer, .Gallerix header, .Gallerix hgroup, .Gallerix menu, .Gallerix nav, .Gallerix section { display: block; }

.Gallerix nav ul {list-style: none;}
.Gallerix blockquote, .Gallerix q { quotes: none; }
.Gallerix blockquote:before, .Gallerix blockquote:after,
.Gallerix q:before, .Gallerix q:after { content: ''; content: none; }
.Gallerix a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
/* change colours to suit your needs */
.Gallerix ins { background-color: #ff9; color: #000; text-decoration: none; }
/* change colours to suit your needs */
.Gallerix mark {background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
.Gallerix del { text-decoration:  line-through; }
.Gallerix abbr[title], .Gallerix dfn[title] { border-bottom: 1px dotted; cursor: help; }
.Gallerix table { border-collapse: collapse; border-spacing: 0; }
/* change border colour to suit your needs */
.Gallerix hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
.Gallerix input, .Gallerix select { vertical-align: middle; }


/* ---------------------------------------------------------------------------------- */
/* ------------------------------- 02. General Styles ------------------------------- */
/* ---------------------------------------------------------------------------------- */

/* Gallerix Styles */
.Gallerix .gallerix_main_wrapper { max-width:1000px; margin:0 auto; overflow:visible;  }
.Gallerix .gallerix_content_wrapper { max-width:1000px; overflow:visible; float:left; }

/* Gallerix Top Navigation */
.Gallerix .gallerix_top_navigation { max-width:1000px; min-height:70px; height:auto; text-align:center; }
.Gallerix .gallerix_top_navigation ul { font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; color:#ff5432; }
.Gallerix .gallerix_top_navigation li { display:inline; padding-left:10px; padding-right:10px; line-height:70px; margin:0;}
.Gallerix .gallerix_top_navigation a { color:#cacaca; text-decoration:none; transition: color 0.1s linear 0s; }
.Gallerix .gallerix_top_navigation a:hover { color:#ff5432; }
.Gallerix .gallerix_top_navigation li.active a { color:#ff5432; }

/* Gallerix Content Wrapper */
.Gallerix .gallerix_content_wrapper ul { float:left; max-width:1015px; }
.Gallerix .gallerix_content_wrapper li { 
    display:inline-block;
    margin:0; 
    padding:0; 
    width:195px;
    height:135px;
}

.Gallerix .gallerix_image_box { 
    padding:5px;
    background-color:#FFF;
    border-radius: 4px;
    float:left;
    margin-right:10px;
    margin-left:5px;
    margin-top:5px;
    margin-bottom:10px;
    box-shadow:  0px 0px 2px 1px rgba(0, 0, 0, 0.1);
    position: relative;
    cursor: pointer; 
    z-index:9999; 
    line-height: 1;
}

.Gallerix .gallerix_image_box img { border-radius:4px; width:175px; height:114px; max-width: 100%; }
.Gallerix .gallerix_image_shining {
    background-image:url("../img/shining.png"); 
    width:175px; 
    height:115px; 
    position:absolute; 
    top:0; 
    right:0; 
    background-repeat:no-repeat;
    z-index: 9999;
}

/* Gallerix Pagination Wrapper */
.Gallerix .gallerix_pagination { clear:both; max-width:1000px; height:auto; text-align:center;}
.Gallerix .gallerix_pagination ul { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; color:#ff5432; }
.Gallerix .gallerix_pagination li { display:inline; padding-left:10px; padding-right:10px; line-height:50px; margin:0;}
.Gallerix .gallerix_pagination a { color:#cacaca; text-decoration:none; transition: color 0.1s linear 0s; }
.Gallerix .gallerix_pagination a:hover { color:#ff5432; }
.Gallerix .gallerix_pagination li.active a{ color:#ff5432; }


/* Popup */
.gallerix_popup {
    position: fixed;
    background: #FFF;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 1px solid #CCC;
    border-radius: 4px;
    display: none;
  
    padding:10px;
    top:0;
    left:0;max-width:90%;
    z-index: 9999999999999999999999999999;
}

.gallerix_popup_close {
    position: absolute;
    top:-13px;
    right:-13px;
    text-decoration: none;
    background-image:url("../img/close_btn.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    width:27px;
    height:27px;
}

.gallerix_popup_close:hover {
    background-position: -27px 0;
}

.gallerix_popup img {
    padding:0;
    margin:0;
    border-radius: 4px;
    display: block;
    float:left;
}

.gallerix_popup_details {
    position: relative;
    padding:0;
    margin-top:10px;
    clear:both;
    float:left;
    width:100%;
    height:20px;
}

.gallerix_popup_details .gallerix_popup_title {
    line-height: 20px;
    float:left;
}

.gallerix_blackbox {
    position: fixed;
    width:100%;
    height:100%;
    background:#000;
    opacity:0.7;
    z-index: 9999;
    top:0;
    left:0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.gallerix_blackbox.loading {
    background-image:url("../img/img_loader.gif");
}

.gallerix_popup_prev {
    background-image:url("../img/left_btn.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    width:37px;
    height:43px;
    position: absolute;
    top:50%;
    left:10px;
    text-indent: -9999px;
    display: none;
    cursor: pointer;
}

.gallerix_popup_next {
    background-image:url("../img/right_btn.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    width:37px;
    height:43px;
    position: absolute;
    top:50%;
    right:10px;
    text-indent: -9999px;
    display: none;
    cursor: pointer;
}

.gallerix_popup.loading {
    background-image:url("../img/img_loader_white.gif");
}

.gallerix_fb_button a {
    float:right;
    width:60px;
    height: 21px;
    overflow: hidden;
    text-indent: -9999px;
    background-image:url("../img/fb_share.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}

.gallerix_gp_button a {
    float:right;
    width:60px;
    height: 21px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -9999px;
    background-image:url("../img/google_share.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}
.gallerix_tw_button a {
    float:right;
    width:60px;
    height: 21px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -9999px;
    background-image:url("../img/twitter_share.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}
.gallerix_pi_button a {
    float:right;
    width:60px;
    height: 21px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -9999px;
    background-image:url("../img/pin_it.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}

.gallerix_fb_button a:hover,
.gallerix_gp_button a:hover,
.gallerix_tw_button a:hover {
    background-position: -60px 0;
    cursor: pointer;
}

.Gallerix .gallerix_image_box {width:175px; height:114px;} 
.Gallerix .gallerix_image_box img { float:left;}

.gallerix_popup img {
    float: left;
    height: auto !important;
    max-width: 100%;
}