`@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-family: 'CallunaRegular', Arial, Helvetica, sans-serif}




@font-face {
    font-family: 'CallunaRegular';
    src: url('../calluna/calluna_regular_english/Calluna-Regular-webfont.eot');
    src: url('../calluna/calluna_regular_english/Calluna-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../calluna/calluna_regular_english/Calluna-Regular-webfont.woff') format('woff'),
         url('../calluna/calluna_regular_english/Calluna-Regular-webfont.ttf') format('truetype'),
         url('../calluna/calluna_regular_english/Calluna-Regular-webfont.svg#CallunaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'mossymedium';
    src: url('../mossy/mossy.eot');
    src: url('../mossy/mossy.eot?#iefix') format('embedded-opentype');
    src: url('../mossy/mossy.woff') format('woff');
    src: url('../mossy/mossy.ttf') format('truetype');
    /*src: url('../mossy/mossy.svg#mossymedium') format('svg');*/
    font-weight: normal;
    font-style: normal;
    
}



a {
color: black/*#383cc8*/;
}

a:hover{ color: #F00;
text-decoration:none;
}

.tk-ff-enzo-web  {
font-style: "normal";
font-weight: 100;
}

h1 {
font-family: 'mossymedium', 'CallunaRegular', 'arial';
font-style: 'normal';
/*font-weight: 200;*/
font-size:40pt /*was 50pt before making it smaller for 100% viewport*/;
/*color:white;*/
color: /*#31c2b6;*/ /*#383cc8;*/ black /*#000033*/ /*#d34e18*/;
outline:none;
text-decoration:none; margin:0; padding:0 
}

h2 {
font-family: 'Tahoma', 'Times New Roman', 'mossymedium', 'CallunaRegular', 'arial';
font-size:10pt;
}

h3 {
font-family: 'mossymedium', 'CallunaRegular', 'arial';
font-size: 20pt;
}

h4 {
font-family: 'mossymedium', 'CallunaRegular', 'arial';
font-size:24pt;
}

p {
font-family: 'mossymedium', 'helvetica', 'arial';
font-size: 16pt;
}

.border_radius5{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.padding_5 {padding:5px !important}
.padding_10 {padding:10px !important}
.padding_15 {padding:15px !important}
.padding_20 {padding:20px !important}

.padding_l_5 {padding-left:5px !important}
.padding_l_10 {padding-left:10px !important}
.padding_l_15 {padding-left:15px !important}
.padding_l_20 {padding-left:20px !important}

.padding_r_5 {padding-right:5px !important}
.padding_r_10 {padding-right:10px !important}
.padding_r_15 {padding-right:15px !important}
.padding_r_20 {padding-right:20px !important}

.padding_t_0 {padding-top:0px !important}
.padding_t_5 {padding-top:5px !important}
.padding_t_10 {padding-top:10px !important}
.padding_t_15 {padding-top:15px !important}
.padding_t_20 {padding-top:20px !important}



.margin_l_5 {margin-left:5px !important}
.margin_l_10 {margin-left:10px !important}
.margin_l_15 {margin-left:15px !important}
.margin_l_20 {margin-left:20px !important}
.margin_l_25 {margin-left:25px !important}

.margin_r_5 {margin-right:5px !important}
.margin_r_10 {margin-right:10px !important}
.margin_r_15 {margin-right:15px !important}
.margin_r_25 {margin-right:25px !important}

.margin_t_5 {margin-top:5px !important}
.margin_t_10 {margin-top:10px !important}
.margin_t_15 {margin-top:15px !important}
.margin_t_20 {margin-top:20px !important}
.margin_t_25 {margin-top:25px !important}

.margin_b_5 {margin-bottom:5px; !important}
.margin_b_10 {margin-bottom:10px !important;}
.margin_b_15 {margin-bottom:15px; !important}
.margin_b_20 {margin-bottom:20px; !important}
.clear{ clear:both}

/*Home*/
.home_page{ background-color:rgba(255, 255, 255, 0.7); position:absolute; top:40%; left:0px; right:0px; /*box-shadow:0 6px 7px #333333}*/}
.home_page_content{ /*was 80px 0px 30px 0px without top doddle*/padding:25px 0px 25px 0; text-align:center; }
.home_page_content h1{ padding-top:20px;}
.home_page_content nav{ /*was 20px earlier with thinner banner*/font-size:18px;}
.home_page_content nav ul{ margin:0px; /*was 30px 0 0 0 earlier with thinner banner*/padding:40px 0px 0px 0px }
/*newly added then taken out to be centered with 4 nav options
.home_page_content h1{ position:relative; left:20px}
newly added*/
.home_page_content nav ul li{ display:inline; padding:0px 102px; border-right:1px solid #666; text-shadow:1px 1px 0px #fff}
.home_page_content nav ul li:last-child{ border-right:0px solid #666 }
.home_page_content nav ul li a{ color: #666; /*#dc4d0d;*/ text-decoration:none; /*font-family:"ff-enzo-web";*/font-family: 'mossymedium';}
.home_page_content nav ul li a:hover{ color: #F00;}


/*About*/
.about_middle_wrapper{ background-color:rgba(255, 255, 255, 0.9); box-shadow:6px 0 3px #666666}
.about_middle_wrapper_inside{ padding:0 40px}


/*Header*/
header h1{ font-size:45pt /*was 60pt*/; text-align:center; padding:30px 0 35px /*was 60 px*/; line-height:40pt;  text-shadow:1px 1px 0px #fff}
header a{ text-decoration:none !important;}
header { text-align:center; padding:20px 0 0 0;}
/*Header*/
/*Navigation*/
.main_menu {}
.main_menu nav { background-color: rgba(255, 255, 255, 0.4); padding:10px 0; /*box-shadow:0px 0px 3px #666;*/ margin:10px 0 0px 0}
.main_menu nav ul { margin:0px 0 0px 0; padding:0; text-align:center; font-size:18px /*was 23px*/; color:#666;}
.main_menu nav ul li { display: inline; text-align:center; padding:0 80px; border-right:1px solid #666; text-shadow:1px 1px 0px #fff}
.main_menu nav ul li:last-child{ border-right:0px solid #666;}
.main_menu nav ul li a { color:#666; text-decoration:none; font-family:'mossymedium'}
.main_menu nav ul li a:hover { color:#f00}
.main_menu_active { color:#f00 !important}

/*portfolio submenu*/
.portfolio_submenu{padding:15px 0}
.portfolio_submenu nav{ background-color: rgba(255, 255, 255, 0.4);/*rgba(36, 195, 254, .2)*/ padding:1px 0; /*box-shadow:0px 0px 3px #666;*/ margin:10px 0 0px 0;}
.portfolio_submenu nav ul{margin:0px 0 0px 0; padding:0; text-align:center; padding:0 0px; /*border-right:1px solid #666;*/ /*text-shadow:1px 1px 0px #fff*/}
.portfolio_submenu nav ul li{display: inline; text-align:center; padding:0 40px; border-right:1px solid #666; /*text-shadow:1px 1px 0px #fff*/}
.portfolio_submenu nav ul li:last-child{ border-right:0px solid #666;}
.portfolio_submenu nav ul li a{color:black; text-decoration:none; /*font-family:*/ /* 'mossymedium' */ /*Tahoma;*/ font-size:/* 9pt */8pt}
.portfolio_submenu nav ul li a:hover{ color:#f00}
.portfolio_submenu_active{ color:#f00 !important}
/*portfolio submenu*/
/*Navigation*/


article{ margin:0 0 30px 0 }
.about_content_img{ text-align:center; margin:40px 0 0 0}
.about_content_img img{ border:8px solid #FFF; box-shadow:2px 2px 2px #ccc; margin-top:20px;}

.about_content h3{ font-size:24pt; margin-top:60px;}
.about_content p{ text-align:justify; color:#666; font-size:14px /*was 18pt*/; line-height:25px /*was 28px*/; margin:15px 0 0 10px /*was 0*/; text-shadow:1px 1px 0px #fff; font-family: Tahoma, Geneva, sans-serif}

/*contact*/

.about_content_contact{
padding-top:40px;
}

.contactFormContainer {
	width : 400px;
    position : relative;
}

.contactComplete {
	display : none; 
	width : 530px; 
	height : 300px; 
	position : absolute; 
	top : 0px; 
	left : 0px; 
	z-index : 100; 
	background : #fff; 
	border : 1px solid #FF1A2F; 
	color : green;
	text-align : center;
}

.form_top {
  float: left;

}

.form_top span {
 text-shadow: 1px 1px 0px #fff;
}
  
.form_top input {
border-top: 2px solid #888;
border-left: 2px solid #888;

}

.form_comments {

padding:20px 0px;
float:left;
text-shadow: 1px 1px 0px #fff;
}

.form_comments textarea {
border-top:2px solid #888;
border-left:2px solid #888;
float:left;
}

.form_comments input {
text-shadow: 1px 1px 0px #fff;
}

  
  
/*contact*/

/*exhibitions*/
.coming_soon {}
/*exhibitions*/

footer{ /*background: #C1C1C1;*/ margin:20px 0 0 0; }
.footer_mail{ font-size:18px /*was 25px*/; padding:7px 0 0 0; color:#000; text-shadow:1px 1px 0px #ccc; line-height:40px; font-family: 'mossymedium';}
.footer_mail span a{ color:#000}
.footer_mail span a:hover{ color: #F00}
.footer_newsletter input[type="text"]{ margin:10px 0 0 0; width:100%; padding:4px /*was 7px*/; font-family: 'Tahoma', 'mossymedium', 'CallunaRegular', 'arial'; font-size:15px;}
.footer_newsletter_bt{ margin:11px 0 0 0; width:100%;}
.footer_newsletter_bt input[type="submit"]{padding:2px /*was 4px*/ 10px;font-family: 'mossymedium', 'CallunaRegular', 'arial'; font-size:15px; text-shadow: 1px 1px 0px #ccc;}
.pull-right_768{ float:right}
.visible_768{ display:none}
.portfolio_img{ text-align:center}
.portfolio_img img{ border:3px solid #FFF; box-shadow:0px 0px 2px #666; margin-top:45px}



/* PhungTran */
nav.main ul li{/* float:left; */display:inline-block; /* margin-top: 15px; margin-bottom: 15px; */}
nav.main ul li a {display:block; text-indent: -9999em; height: 20px; background-position:center top; background-repeat: no-repeat;}
nav.main ul li a:hover, .main_menu nav ul li a.main_menu_active {background-position:center bottom;}
nav.main ul li a.menu-about {width: 87px; background-image:url(../img/menu-about.png);}
nav.main ul li a.menu-portfolio {width: 68px; background-image:url(../img/menu-portfolio.png);}
nav.main ul li a.menu-contact {width: 61px; background-image:url(../img/menu-contact.png);}
nav.main ul li a.menu-exhibitions {width: 86px; background-image:url(../img/menu-exhibitions.png);}

.footer_mail div.ptr-email {float:left; width: 103px; height: 40px; background: url(../img/footer-email.png) center no-repeat; text-indent: -9999em;}
.footer_mail span a {display:block; float:left; width: 202px; height: 20px; margin: 10px 0;background: url(../img/footer-addr-new.png) center top no-repeat; text-indent: -9999em;}
.footer_mail span a:hover {background-position:center bottom;}

.footer_newsletter_bt input[type="submit"] {background: none; border:none; text-indent: -999em; width:85px; height: 28px; background: url(../img/newsleter-btn.png) center top no-repeat;}
.footer_newsletter_bt input[type="submit"]:hover {background-position:center bottom;}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media print {
.home_page_content h1{ position:relative; left:0px}
}
@media (max-width: 320px) {
	.home_page{ top:20%; }
    .home_page_content h1{ position:relative; left:0px;}
    .header_small {font-size:20pt;}
    .coming_soon{padding-right:0;}

}

@media (min-width: 480px) {
		.home_page{ top:1%; }
        .home_page_content h1{ position:relative; left:0px}
        .coming_soon{padding-right:0;}
}

@media (width: 600px) {
	.home_page{ top:30%; }
    .home_page_content h1{ position:relative; left:0px}
    .coming_soon{padding-right:0;}
    
    

}
@media (max-width: 767px) {
	.home_page_content nav ul li{ display:inline-block; border:0px; line-height:50px; padding-top: 15px; padding-bottom: 15px; /*RG Infotech*/ }
    /*newly added then taken out for 4 nav options
    .home_page_content h1{ position:relative; left:0px}
    /*newly added*/
	.main_menu nav ul li{display:block; clear:both; border:0px; line-height:50px; text-align:left; padding: 15px 0 15px 10px;}	
	.pull-right_768{ float: left}
	.visible_768{ display: block}
    .portfolio_submenu nav ul li{ display:block; border:0px; line-height:50px; text-align:left; padding: 0 0 0 10px;}
    .coming_soon{padding-right:0;}
    .contactFormContainer {width:100%; /*RG Infotech*/}
}
@media (min-width: 768px) and (max-width: 979px) {
	.home_page{ top:40%; }
    .home_page_content h1{ position:relative; left:0px}
	.home_page_content nav ul li{ /*was 40px with 4, 80 for 3*/padding:0px 45px; }
	.main_menu nav ul li{  /*was 30px for 4 nav options, 60 for 3 */padding:0px 40px}	
    .about_content{ padding:0 10px;}
    .coming_soon{ padding-right:0px;}
    
    /*.container, .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }*/

}
@media (min-width: 980px) {
	.home_page{ top:40%; }
    .home_page_content h1{ position:relative; left:0px}
    .home_page_content nav ul li{/*was 75px for 4 nav options, 0px 100px for 3 options*/ padding:0px 55px; }
	.main_menu nav ul li{/*was 0px 50px for 4 nav options, 0px 100px for 3*/  padding:0 50px; }
    .coming_soon{ padding-right:0px;}
    .form_top{ width:168px;}
    .form_top input{ width:146px;}
    .form_comments textarea{ width:315px;}
    .about_content_contact{ margin-right:0px; margin-left:20px;}
    .footer_newsletter_bt input{ margin-left:27px;}   


}
@media (min-width: 1023px) {
		.home_page_content nav ul li{/*was 75px for 4 nav options, 115px for 3*/ padding:0px 50px; }
        .home_page_content h1{ position:relative; left:0px}
		.main_menu nav ul li{  /*was 50px for 4 nav options, 100px for 3 options*/padding:0 65px; }
					.about_content{ padding:0 10px;}
                    .coming_soon{ padding-right:0px; /*was 45px*/}
                    .form_top{ width:168px;}
                    .form_top input{ width:146px;}
                    .form_comments textarea{ width:315px;}
                    .about_content_contact{ margin-right:-5px; margin-left:10px;}
                    .footer_newsletter_bt input{ margin-left:27px;} 
}
@media (min-width: 1200px) {
			.home_page_content nav ul li{/*was 102px for 4 nav options, 132px for 3*/ padding:0px 70px; }
            .home_page_content h1{ position:relative; left:0px;}
			.main_menu nav ul li{  /*was 100px for 4 nav options, 130px for 3*/padding:0 74px; /*was 80px*/ }
			.about_content{ padding:0 0px;}
            .coming_soon{ padding-right:0px; /*was 45px*/}
            .form_top{ width:178px;}
            .form_top input{ width:156px;}
            .form_comments textarea{ width:335px;}
            .about_content_contact{ margin-right:10px; margin-left:10px;}
            .footer_newsletter_bt input{ margin-left:27px;}
}

.home_page_content nav ul li{padding:0px 60px\9; *display: inline; }/*RG Infotech*/
			.home_page{ background-image:url(../img/home_bg.png)\9;}/*RG Infotech*/
			.about_middle_wrapper{background-image:url(../img/home_bg.png)\9;}/*RG Infotech*/
			.main_menu nav ul li{padding:0px 60px\9; *display: inline; }/*RG Infotech*/
			.about_content_img{ margin-right:46px\9;}/*RG Infotech*/
			.email_img{ width:60px\9;}/*RG Infotech*/
			.main_menu nav{background-image:url(../img/home_bg.png)\9;}/*RG Infotech*/
			.footer_newsletter_bt{ *background-image:url("../img/newsleter-btn.png"); background-repeat:no-repeat}/*RG Infotech*/