@charset "utf-8";
/* reset and main page styles */
/*****************/
body { background:none !important;}

.bg002 { width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; background:#373926 url(../galryimages/gallerymainbg002.jpg) repeat;}
.container_all { width:980px; margin:0 auto; padding:0;  height:890px; position:relative; }
.glrycontainer { width:980px;  min-height:890px; height:auto; }
.galtop_img{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:85px;/*600*/
	z-index:1;
	background:url(../galryimages/topbg002.jpg);
	 
}
.galbottom_img{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:130px;/*600*/
	z-index:1;
	background:url(../galryimages/bottombg002.jpg);
}

.gal_title{
	position:absolute;
	top:8px;
	left:0px;
	width:500px;
	font-family: 'LibelSuitRegular';
	color:#fff;
	text-transform:uppercase;
	font-size:60px;
	font-weight:normal;
	z-index:1;
}
.gal_titlehide{
	position:absolute;
	top:440px;
	left:200px;
	width:500px;
	font-family: 'LibelSuitRegular';
	color:#000;
	text-transform:uppercase;
	font-size:40px;
	font-weight:normal;
	/* opacity 0 */  
	z-index:5;
}
.img_message{
	position:absolute;
	top:630px;
	left:182px;
	width:580px;
	height:0px;
	background:url(../galryimages/message_bg.png) repeat top left;
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:16px;
	font-weight:normal;
	/* opacity 0 */
	z-index:4;
}


/*gallery numbers list */
ul.sg_galleryList{
	list-style:none;
	position:absolute;
	width:850px;
	height:62px;
	left: 82px;/*82*/
	top: 85px;
	/* opacity 0 */ 
	z-index:3;
}
ul.sg_galleryList li{
	width:70px;
	height:62px;
	background:url(../galryimages/numframe002.png) no-repeat;
	margin:0px 1px;
	float:left;
	text-transform:uppercase;
	cursor:pointer;
	font-size:50px;
	font-weight:normal;
	font-family: 'LibelSuitRegular';
	text-shadow:0px 0px 1px #000;
	color:#fff;
	text-align:center;
	line-height:62px;
	padding-top:3px;
	
}
ul.sg_galleryList li a { text-decoration:none; color:#fff; display:block; width:78px; height:62px;}
ul.sg_galleryList li.current{
	color:#FFF;
	height:62px;
	/*margin-top:-5px;*/
}
ul.sg_galleryList li.current:hover{
	border:none;
}
ul.sg_galleryList li a:hover{ color:#FFF;}


/** sc_menu **/

div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 145px;
  top:775px;/*680*/
  left:70px;
  width: 800px;
  /* Add scroll-bars */ 
  overflow: auto;
  /* opacity 0 */
  z-index:3;
}
ul.sc_menu {
  display: block;
  height: 110px;
  /* Max width here, for users without Javascript */
  width: 5000px;
  padding: 15px 0 0 15px;
  /* Remove default margin */
  margin: 0;
  background: url('navigation.png');
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
/*  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;*/
}
.sc_menu a {
  display: block;
  text-decoration: none;
  
}
.sc_menu li span { display:none;}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

.sc_menu span {
  display: none;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}
.sc_menu a:hover span {
  display: block;
}
.sc_menu img {
	height:95px;
  border: 6px #000 solid;
}
.sc_menu a:hover img {
	height:95px;
  
}
.sc_menu li a.current { border-top:2px #FF9900 solid;} 

/* preview container */
img.big { width:600px; height:600px;}
.thumbs img { width:92px; height:76px;}


#previewContainer{
	position:absolute;
	top:150px;
	left:122px;
	bottom:0px;
	margin:0;
	width:600px;
	padding:10px 60px;
	height: 600px;/*600*/
	 /* opacity 0 */
	background:#DFDFDF;
	border-radius:10px;
	display:block;
	z-index:3;

}

.next_g { background:url(../galryimages/next-arrw.png) no-repeat; width:55px; height:56px; position:absolute; right:60px; top:250px; display:none; z-index:10;}
.prev_g { background:url(../galryimages/prev-arrw.png) no-repeat; width:55px; height:56px; position:absolute; left:60px; top:250px; display:none; z-index:10;}
.next_g:hover,.prev_g:hover { cursor:pointer}

/*opacity 0 elements */
.gal_titlehide,.img_message,ul.sg_galleryList,div.sc_menu,#previewContainer { -moz-opacity:0; -webkit-opacity:0; opacity:0;}


.closeicon {
	top:12px;
	right:0px;
	position:absolute;
	z-index:200;
}

@font-face {
    font-family: 'LibelSuitRegular';
    src: url('fonts/libelsuit-webfont.eot');
    src: url('fonts/libelsuit-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/libelsuit-webfont.woff') format('woff'),
         url('fonts/vlibelsuit-webfont.ttf') format('truetype'),
         url('fonts/libelsuit-webfont.svg#LibelSuitRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media only screen and (max-width: 592px) and (min-width: 320px){
	.container_all { width:100%;}
	.container_all { height:625px !important;}
	.glrycontainer { min-height:625px; }
	
	.galtop_img,.glrycontainer { width:100%; }
	img.big { width:100%; height:auto;}
	ul.sg_galleryList { width:98%; left:2%; }
	ul.sg_galleryList li { width:10%;}
	ul.sg_galleryList li a { width:100%;}
	
	#previewContainer { width:90%; left:5%; height:291px; padding:0; }
	.galbottom_img { width:100%; top:455px; }
	div.sc_menu { width:92%; left:4%; top:472px;  }
	.img_message { left:5%; top:348px; width:88%; padding:1%; }
	.next_g,.prev_g { top:110px;}
	.next_g { right:8px;}
	.prev_g { left:8px;}
	
	.gal_title { width:98%; left:2%; font-size:1.675em; }
	.closeicon { right:2%; }
	
	.gal_titlehide { width:48%; left:25%; top:300px;}
	ul.sc_menu { padding:0; }
	
}

@media only screen and (max-width: 479px) and (min-width: 343px){
	#previewContainer { width:70%; left:15%; }
	.img_message { width:68%; left:15%;}
}
@media only screen and (max-width: 592px) and (min-width: 480px){
	
	#previewContainer { width:52%; left:24%;  }
	.img_message { width:50%; left:24%;}
}
@media only screen and (max-width: 800px) and (min-width: 768px){
	 .container_all { width:100%;}
	 .galtop_img,.glrycontainer { width:100%; }
	 
	 img.big { width:100%; height:auto;}
	ul.sg_galleryList { width:98%; left:2%; }
	ul.sg_galleryList li { width:10%;}
	ul.sg_galleryList li a { width:100%;}
	
	#previewContainer { width:64%; left:18%; height:500px;  padding:5px 10px; }
	.img_message { width:61.75%; left:19.5%;}
	
	
	div.sc_menu { width:92%; left:4%; top:738px;  }
	.img_message {top:544px; padding:1%; }
	.next_g,.prev_g { top:240px;}
	.next_g { right:8px;}
	.prev_g { left:8px;}
	
	.gal_title { width:98%; left:2%; font-size:1.675em; }
	.closeicon { right:2%; }
	
	.gal_titlehide { width:60%; left:20%; top:380px;}
	.galbottom_img { width:100%; top:725px; }
	ul.sc_menu { padding:0; }
}