@charset "utf-8";
/*Inner Pages*/

/******************* main pages styles *****************/
/******************************************************/
.pgbackground { -moz-opacity:1; -webkit-opacity:1; opacity:1;}

body{
	font-family: Arial, sans-serif;
	font-size:16px;
	color:#000;
	background:#fff url(../inimages/browse_bg.jpg) repeat;
}

.pg_wrapper { width:100%; position:absolute; left:0; top:0;}

.container_all { width:980px; margin:0 auto; padding:0; height:920px; position:relative;}
.container_all img.pg_bg {
	position:absolute;
	left:0;
	top:0;
	z-index:0;
	/*opacity 0*/
	}




.inside,.inside-pr { width:100%; position:relative}
.inside-pr { width:709px;}


.pg_loader_21 { position:absolute; left:50%; top:40%; right:50%; background:#FFF url(../inimages/loader_brwn_wt.gif) center no-repeat; width:44px; height:38px; z-index:100; /*display:none;*/ opacity:0.8; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }

/* page texture bg overlay */
.pg_overlay_21 {
	width:980px;
	height:890px;
	/*background: url(../inimages/overlaybg21.png) repeat;*/
	position:absolute;
	top:0;
	left:0;
	/*opacity 0*/
	z-index: 1;
}
.menu_line { width:970px; height:1px; text-align:center; background: url(../inimages/menu_line222.png) no-repeat top center; position:absolute; top:175px;	left:-1/*75px*/; /*opacity 0*/	z-index: 2;}

.topstrip_21 {
	width:100%;
	height:166px;
	text-align:center;
	background:url(../inimages/topbg_21.jpg);
	border-bottom:#000 6px solid;
	position:absolute;
	top:0px;
	left:0px/*75px*/;
	/*opacity 0*/
	z-index: 0;
}
/* logo image */
.logoholder-21 img {
    position: absolute;
    top: 50px;
    left: -50px;
    width: 250px;
    height: auto;
    z-index: 5;
}


.logoholder-21 a { text-decoration:none}

/* logo title slogan */
.logo-in-021 {	width:500px; height:102px; text-align:center; position:absolute; top:6px; left:194px/*75px*/;
	/*opacity 0*/ z-index: 4;}
.logo-in-021 h1 {
	font-family: 'LibelSuitRegular';
	color:#000;
	font-size:40px;
	text-align:left;
	position:absolute;
	top:35px;
	left:15px;
	/*opacity 0*/
	z-index: 4;
}
.logo-in-021 h2 {
	font-family:'CaviarDreamsRegular';
	color:#3B3B3B;
	font-size:20px;
	font-weight:normal;
	top:83px;
	position:absolute;
	left:15px;
	/*opacity 0*/
	z-index: 3;
}

.squarbox_red_21 {	width:66px; height:66px; text-align:center; background-color:#454545; opacity:0.92;  position:absolute;	top:0px; left:786px/*75px*/; /*opacity 0*/	z-index: 20;}
.squarbox_black_21 {	width:26px; height:26px; text-align:center; background-color:#333333;  position:absolute;	top:49px; left:834px/*75px*/; /*opacity 0*/	z-index: 10;}

/* facebook twitter */

.sicons_text{
	position:absolute;
	width:61px;
	height:42px;
	padding-left:0px;
	padding-top:13px;
	text-align:left;
	color:#FFF;
	font-size: 12px;
	z-index:1;
	left: 39px;
	top: -4px;
	
}


.socialnetwork-21 {
	position:absolute;
	bottom:67px;
	left:105px;
	z-index:4;
	width:142px;
	height:45px;
	color:#fff;
	border-bottom:rgba(255,255,255,1) 1px dotted;
}
.socialnetwork2-21 {
	position:absolute;
	bottom:-3px;
	left:105px;
	z-index:4;
	width:142px;
	height:55px;
	color:#fff;
}
.socialnetwork-21 a,.socialnetwork-21 span a,.socialnetwork2-21 span a { text-decoration:none; color:#FFF}
.socialnetwork-21 img { float:left; border:0; margin:0 1px;}

/*Home Icon*/

.homeicon_21,.closeicon-21 { position:absolute; height:30px; top:128px; right:40px;	/*opacity 0*/ z-index:200;}
.closeicon-21 {top:0; right:0;}
.homeicon_21 a,.closeicon-21 a { text-decoration:none;}
.homeicon_21 img,.closeicon-21 img { float:left; border:0;}


/*main menu*/
ul.nav-in-021 {	width:970px; clear:both; list-style:none; position:absolute; font-weight:normal; font-size:17px; top:161px; left:5px;	height:100px; /*opacity 0*/	z-index: 17;	}

ul.nav-in-021 li { width: 192px; margin-bottom:2px; height:46px; float:left; background:url(../inimages/menu_bg_21.jpg) repeat-x; border: #000  1px solid ; text-align:left; position:relative; }

ul.nav-in-021 li a { text-decoration:none; display:block; font-family:Arial, Helvetica, sans-serif; color:#fff; width:180px; height:36px; padding-top:8px; position:absolute; z-index:4; left:0; top:0; overflow:hidden; background-color:transparent; padding-left:12px; text-align:center}

ul.nav-in-021 li a:hover {width: 180px; background:url(../inimages/menu_bg_hover_21.jpg) repeat-x;  height:38px;  color:#000; -moz-transition: all 0.2s linear; text-align:center
   -webkit-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;
 }

ul.nav-in-021 li.current { width:180px; background:url(../inimages/menu_bg_hover_21.jpg) repeat-x; height:38px; color:#000; padding:8px 0 0 4px; font-family:Arial, Helvetica, sans-serif; overflow:hidden; padding-left:12px; text-align:center}

ul.nav-in-021 li.current:before, ul.nav-in-002 li a:hover:before, ul.nav-in-002 li a:before {  /*content:url(../inimages/btncur_arrow.png) no-repeat top center;*/ margin-right:5px;}

.navinover { width:190px; /*background:#454545;*/ height: 0px;  position:absolute; z-index:2; left:0; bottom:0; -moz-opacity:0; -webkit-opacity:0;	opacity:0;}

/*content wrapper*/
.content-21,.contentCnt-21 {
width:980px;	position:absolute; top:220px; left:0;	z-index:10;	/*opacity 0*/ color:#454545; 
}
.content-21 { height:520px; top:260px; }
.contentCnt-21 { left:70px; width:909px; height:590px; background:url(../inimages/contbg_21.jpg) repeat; border-top:#000 8px solid; top:180px;}

.content-21 h2,.contentCnt-21 h2 { font-size:24px; color:#F90}
/*image and sub-menu*/
.cimgbox-21 {
	width:221px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	height:529px;
}
img.cimg { float:right; padding:5px; margin:5px;}

ul.submenu-21 { width:220px; list-style:none; padding-top:5px }
ul.submenu-21 li { font-size:16px; float:right; clear:right}
ul.submenu-21 li a { padding:4px 8px 4px 4px; margin-bottom:1px; width:206px; height:28px; line-height:28px; background-color: #000; background-position:right;  color:#FFF; text-align:right; text-decoration:none; /*display:inline-block !important;*/}

ul.submenu-21 li a:hover {  padding:4px 8px 4px 4px; margin-bottom:1px; width:206px; height:28px; line-height:28px; background:#454545; background-position:right;  color:#FFF; text-align:right; text-decoration:none;}
ul.submenu-21 li a:hover:before { content:url(../inimages/smcur_arrw.png); margin-left:5px; }

ul.submenu-21 li.current { width:206px; background:#454545; height:20px; color:#fff; padding-top:4px; font-family:Arial, Helvetica, sans-serif; display:inline-block;  }

ul.submenu-21 li.current:before { content:url(../inimages/smcur_arrw.png); margin-left:5px; }
ul.submenu-21 li a:before { content:url(../inimages/sm_arrw.png); margin-left:5px; }

/*content box*/
#mp_container_21 { width:700px; position:absolute; top:5px; right:26px; z-index:3; height:500px; background:url(../inimages/contbg_21.jpg) repeat; border-top:#000 8px solid; padding-left:10px;}

#scrollBox_21 {
	padding:10px 40px 10px 30px;
	height: 420px;
	width: 630px;
	text-align:justify;
	overflow: auto;
	margin-bottom:10px;
	color:#000;
  	}

/*for richtext*/
#scrollBox_21 a { text-decoration:underline; color:#333333}
#scrollBox_21 a:hover { color:#000000; }
#scrollBox_21 b { font-weight:bold;}
#scrollBox_21 i,#scrollBox_21 em { font-style:italic}
#scrollBox_21 u { text-decoration:underline}
/**/


#mp_container_21 h3 { font-family: Arial, Helvetica, sans-serif; color:#000; font-size: 24px; line-height:56px; text-decoration:underline; padding-left:25px}
	
	
/****************/
/* icons */
.icons_text{
	position:absolute;
	width:111px;
	height:22px;
	padding-top:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size: 12px;
	z-index:1;
	left: -3px;
	top: 58px;
}

.sitegallery-21,.mediaplayer-21,.store-21,.contactus-21,.snetworks,.bottomtext-21 {
	position:absolute;
	text-align:center;
	width:97px;
	height:84px;
	/*opacity 0*/
	z-index:10;
	border-right:rgba(255,255,255,1) 1px dotted;
}
.sitegallery-21 a,.mediaplayer-21 a,.store-21 a,.contactus-21 a,.snetworks a{ text-decoration:none;}
.sitegallery-21 img,.mediaplayer-21 img,.store-21 img,.contactus-21 img { border:0; width:50px; height:50px;z-index:10;}

.sitegallery-21 {
	top:820px;
	right:381px;
	z-index:10;
}
.mediaplayer-21 {
	top:820px;
	right:283px;
	z-index:10;
}
.store-21 {
	top:820px;
	right:182px;
	z-index:10;
}
.contactus-21 {
	top:820px;
	right:82px;
	z-index:10;
}
/* social network icons */


/* bottom text*/
.bottomstrip-21 {
	width:100%;
	height:130px;
	text-align:center;
	background-color:#454545;
	border-top:#000 6px solid;
	position:absolute;
	bottom:0px;
	left:0px/*75px*/;
	/*opacity 0*/
	z-index: 0;
}
/**/
/* image holders */
.imgholder-21  { width:200px; background:#DCDCDC; padding:8px; margin-right:4px; margin-bottom:1px; z-index:2; overflow:hidden; height:200px; margin-bottom:-8px; display:table-cell; vertical-align:middle; text-align:center;}
.imgholder-21 img { width:200px; height:auto;}
.imgholder2-21 { position:absolute; width:226px; height:76px; background:#DCDCDC;	padding:6px; top:41px; right:28px; z-index:2;}
.content-21,.contentCnt-21,ul#nav-in-021,.menu_line{-moz-opacity:0;
	-webkit-opacity:0;
	opacity:0;}
.imgholder-21 img { width:200px; height:200px;}	

.imgholder-21 img.heightImg,.imgholder2-21 img.heightImg { height:200px !important; width:auto;}

/*copyright*/
.copyrightTxt_styl21 {width:100%; min-height:30px; max-height:100px; overflow:hidden; color:#999; font-size:12px; line-height:18px; padding:10px 0; position:absolute; bottom:0; right:0; opacity:1 }
.copyrightTxt_styl21 p { width:600px; float:right; padding:0 20px; text-align:right; opacity:1}
	
/******************************/

@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/libelsuit-webfont.ttf') format('truetype'),
         url('fonts/libelsuit-webfont.svg#LibelSuitRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}


@media only screen and (max-width: 592px) and (min-width: 320px){
	 body { font-size:90%;}
	.container_all { width:100% !important; clear:both; height: 1820px;}
	.logoholder-21 { position:static; width:98%; height:90px; margin:2px 0 0 2px; padding:0; }
	.logoholder-21 img { width:auto; height:90px; top:0;}
	.styl05_texturebg { height:344px; }
	.logo-in-021 { position:static; width:100%; height:90px;}
	.logo-in-021 h1 { position:static; width:95%; font-size:1.8em; margin:0; padding-left:5%; line-height:1.4; height:auto;}
	.logo-in-021 h2 { position:static; width:90%; padding:0; margin:0 0 0 2%;}
	ul.nav-in-021 { width:98%; position:static; height:auto; clear:both; margin-left:1%; }
	ul.nav-in-021 li { height:35px; width:49.10%;}
	ul.nav-in-021 li a,ul.nav-in-021 li.current { width:49.10%; height:25px;}
	ul.nav-in-021 li.current { padding:10px 0 0 0;}
	ul.nav-in-021 li a { width:100%; padding-top:10px;}
	ul.nav-in-021 li a:hover { width:92%; height:25px;}
	
	
	ul.submenu-21 li a { width:100%; overflow:hidden; font-size:0.92em; }
	ul.submenu-21 li,ul.submenu-21 li.current { width:100%;}
	
	.topstrip-21 { z-index:0;}
	
	.content-21 {width:94%; left:3%; top:420px; height:900px; position:static; clear:both;}
	.cimgbox-21 { position:static; height:auto; margin:0 auto; }
	
	.icnWrap { width:50%; position:absolute; top: 1750px; left:160px;  }
	.icnWrap > div { float:left; width:24%; height:40px;  }
	
	.sitegallery-21,.mediaplayer-21,.store-21,.contactus-21 { position:static;}
	.sitegallery-21 img, .mediaplayer-21 img, .store-21 img, .contactus-21 img { width:32px; height:32px; position:static;}
	.fnav-in_21 { width:98%; top:1620px; left:0;}
	
	#mp_container_21 { width:98%; position:static; margin:15px auto 0 suto; clear:both; height:700px; }
	#mp_container_21 h3 { font-size:1.84em; }
	#scrollBox_21 { width:80%; height:600px;  }
	
	.homeicon_21 { top:12px; right:32px;}
	
	.icons_text { display:none; }
	.squarbox_red_21 { left:240px;}
	.squarbox_black_21 { left:290px;}
	.menu_line { width:100%;}
	.icons_text { display:none; }
	
	.socialnetwork-21,.socialnetwork2-21 { left:10px;}

	
}

@media only screen and (max-width: 592px) and (min-width: 480px){
	
}

@media only screen and (max-width: 800px) and (min-width: 768px){
	.container_all { width:100%;}
	.content-21,.design-21 { width:99.5%; }
	ul.nav-in-021 { width:65%;}
	ul.nav-in-021 li { height:50px; width:16%;}
	ul.nav-in-021 li a,ul.nav-in-021 li.current { width:16%; height:25px;}
	ul.nav-in-021 li.current { padding-top:20px;}
	ul.nav-in-021 li a { width:100%; padding-top:10px;}
	ul.nav-in-021 li a:hover { width:100%; height:32px;}
	.logo-in-021 h1 { top:143px; font-size:1.64em; }
	
	.icnWrap { width:100%; position:absolute; top:800px;   }
	.icnWrap > div { float:left; width:20%;  }
	.sitegallery-21,.mediaplayer-21,.store-21,.contactus-21 { position:static;}
	.sitegallery-21 img, .mediaplayer-21 img, .store-21 img, .contactus-21 img { width:92px; height:92px; }
	.icons_text { position:static; clear:both; display:block; width:auto; }
	.cimgbox-21 { width:33%;}
	ul.submenu-21 { margin:0 auto; }
	#mp_container_21 { width:65%;}
	#scrollBox_21 { width:92%;}
	.fnav-in_21 { width:94%; }
}