@font-face {
  font-family: 'Pathway Gothic One';
  font-style: normal;
  src: local('Pathway Gothic One'), local('PathwayGothicOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/pathwaygothicone/v2/Lqv9ztoTUV8Q0FmQZzPqaBfSZ9PF2sGs8WIylam6T2Y.woff) format('woff');
}


html {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}
html, body {
	margin: 0;
	padding: 0;
	/*height: 100%;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; /* 10pt */
	line-height: 20px; /* 16pt */
	color: #222222;
}

body {
    background: url(../images/backgrounds/bg.jpg) top center repeat-x;
    background-color: #020202;

}
#top-wrapper {
    padding: 10px 0;
    margin:0 auto;
    color: #B1B1B1;
    text-align: center;
}

.gallery-bg{
	margin:10px; height:265px; 
}

.gallery-capt{
	margin:10px;
	font-size:15px;
}

.gallery-td {
	width:25%;
}

#wrapper {
	margin: 0 auto;
	/*min-height: 100% !important;*/
    height: 100%;
	position: relative;
	width: 1000px;
    background-size: 100%;
    /*border: 10px solid #FFF;*/
    margin-top: 10px;
}
#wrapper.en {
    background: url(../images/backgrounds/web-header-with-english.jpg) top center no-repeat;
}
#wrapper.kh {
    background: url(../images/backgrounds/web-header-with-khmer.jpg) top center no-repeat;
}
#wrapper.fr {
    background: url(../images/backgrounds/web-header-with-french1.jpg) top center no-repeat;
}
#header {
	z-index: 9999;
	margin: 0 auto !important;
	height: 140px;/*background: url(../images/main-bg-01.png) repeat;*/
}

/* Menu */
/* style the outer div to give it width */
.menumain {
    height: 35px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -50px;
    width: 1000px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menumain ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.menumain li {
    position:relative;
    text-align:center !important;
    display: inline-table;
    /*width: 100px;*/
    padding: 0 10px;
    border-right: 1px solid #FFF;
    /*background: #FFF;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;*/
}
.last { border: none !important; }
/* style the links for the top level */
.menumain a, .menumain a:visited {

    border: 0 solid #FFFFFF;
    color: #FFF;
    display: block;
    font-size: 15px;
    margin: 0 auto;
    padding: 10px 0;
    text-decoration: none;
    text-transform: uppercase;
}

.link {
	color:#fff;
	text-decoration:none;
	font-size:12px;
}

.link:hover{
	color:#7f2834;
	text-decoration:none;
}

.menulang {
    height: 22px;
    left: 20px;
    margin: 0 auto;
    position: absolute;
    top: 10px;
	z-index:99;
}
.social {
    /*width: 190px;*/
    height: 33px;
    right: 20px;
    margin: 0 auto;
    position: absolute;
    top: 10px;
}
.hunuman a {
    background: none repeat scroll 0 0 #7F2834;
    padding: 9px 5px;
    position: absolute;
    right: -80px;
    text-align: center;
    top: -48px;
    width: 150px;
    color: #FFF;
    text-decoration: none;
}

.button {
    background: none repeat scroll 0 0 #7F2834;
    padding: 9px 5px;
/*    position: absolute; */
/*    right: -80px; */
/*    text-align: center; */
/*    top: -48px; */
    width: 100px;
    color: #FFF;
    text-decoration: none;
	font-size:18px; 
	background:#7F2834
}

    .social li {width : 24px !important; padding:0 2px; }
    .twitter, .facebook, .youtube, .linked, .google { width: 23px; height: 27px; background: #FFF;}
    .twitter {
        background: url(../images/icons/icon-twitter.png) center center no-repeat;
    }
    .twitter:hover {
        background: url(../images/icons/icon-twitter-hover.png) center center no-repeat;
    }
    .facebook {
        background: url(../images/icons/icon-facebook.png) center center no-repeat;
    }
    .facebook:hover {
        background: url(../images/icons/icon-facebook-hover.png) center center no-repeat;
    }
    .youtube {
        background: url(../images/icons/icon-youtube.png) center center no-repeat;
    }
    .youtube:hover {
        background: url(../images/icons/icon-youtube-hover.png) center center no-repeat;
    }
    .linked {
        background: url(../images/icons/icon-linked.png) center center no-repeat;
    }
    .linked:hover {
        background: url(../images/icons/icon-linked-hover.png) center center no-repeat;
    }
    .google {
        background: url(../images/icons/icon-google.png) center center no-repeat;
    }
    .google:hover {
        background: url(../images/icons/icon-google-hover.png) center center no-repeat;
    }

.menulang ul, .social ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.menulang ul li, .social ul li {
    position:relative;
    text-align:center !important;
    display: inline-table;
    width: 54px;
}
.menulang a {
    color: #999;
    text-decoration: none;
  }

.menulang a:hover, .menulang a.active {
    color: #7F2834;
}


.fleft {
    float: left;
}
.fright {
    float: right;
}
.clear {
    clear: both;
}

/* =Responsiveness: Desktop
================================================== */

.container {
    position: relative;
    width: 1024px;
    margin: 0 auto;
}

/* =Responsiveness: Tablet (Portrait) IPAD
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #wrapper {
        width: 768px;
        height: 100%;
		position:relative;
		
        /*background: red;*/
    }

    /*.menumain {
        width: 591px;
    }

    .menumain li {
        width: 105px;
    }
*/

    .menulang { top: 60px; z-index: 6; }
    .menumain {
        
        position: absolute;
        top: -50px;
        width: 100%;
    }
    .menumain ul li {
        position:relative;
    text-align:center !important;
    display: inline-table;
    width: 100px;
    padding: 0 5px;
    border-right: 1px solid #FFF;
    }
    .social {
        width: 190px;
        right: 5px;
        margin: 0 auto;
        position: fixed;
        bottom: 2px;
        top: auto;
    }
    .twitter {
        background: url(../images/icons/icon-twitter-hover.png) center center no-repeat;
    }
    .facebook {
        background: url(../images/icons/icon-facebook-hover.png) center center no-repeat;
    }
    .facebook {
        background: url(../images/icons/icon-facebook-hover.png) center center no-repeat;
    }
    .youtube {
        background: url(../images/icons/icon-youtube-hover.png) center center no-repeat;
    }
    .linked {
        background: url(../images/icons/icon-linked-hover.png) center center no-repeat;
    }
    .google {
        background: url(../images/icons/icon-google-hover.png) center center no-repeat;
    }
    .hunuman {
        bottom: -10px;
        left: 220px;
        position: fixed;
    }
    .bar {
        background: none repeat scroll 0 0 #7F2834;
        bottom: 0;
        height: 40px;
        /*position: fixed;*/
        width: 100%;
        z-index: -1;
		
    }

	
}

/* =Responsiveness: Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
    #wrapper {
        width: 100%;
        height: 100%;
        /*background: yellow;*/
    }

    /*.menumain {
        bottom: -11px;
        height: 27px;
        width: 300px;
    }
    .menumain ul {
        width: 100%;
    }
    .menumain li {
        float: left;
        margin: 0 1px 0 0;
        padding: 0;
        border-radius: 10px 10px 0 0;
        width: 59px;
    }
    .menumain li a {
        font-size: 9px;
    }

    .menulang ul li {
        width: 34px;
    }

    .menulang li a {
        font-size: 10px;
    }*/

    .menulang { top: 60px; z-index: 6; }
    .menumain {
        
        position: absolute;
        top: -50px;
        width: 100%;
    }
    .menumain ul li {
        position:relative;
    text-align:center !important;
    display: inline-table;
    width: 100px;
    padding: 0 5px;
    border-right: 1px solid #FFF;
    }
    .social {
        width: 190px;
        right: 5px;
        margin: 0 auto;
        position: fixed;
        bottom: 2px;
        top: auto;
    }
    .twitter {
        background: url(../images/icons/icon-twitter-hover.png) center center no-repeat;
    }
    .facebook {
        background: url(../images/icons/icon-facebook-hover.png) center center no-repeat;
    }
    .facebook {
        background: url(../images/icons/icon-facebook-hover.png) center center no-repeat;
    }
    .youtube {
        background: url(../images/icons/icon-youtube-hover.png) center center no-repeat;
    }
    .linked {
        background: url(../images/icons/icon-linked-hover.png) center center no-repeat;
    }
    .google {
        background: url(../images/icons/icon-google-hover.png) center center no-repeat;
    }
    .hunuman {
        bottom: -10px;
        left: 220px;
        position: fixed;
    }
    .bar {
        background: none repeat scroll 0 0 #7F2834;
        bottom: 0;
        height: 40px;
        
        width: 100%;
        z-index: -1;
    }

}

/* =Responsiveness: Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    #wrapper {
          width: 100%;
        height: 100%;
		position:relative;
        /*background: green;*/
    }
	 .menumain {
        
        position: absolute;
        top: -50px;
        width: 100%;
    }
    .menumain ul li {
        position:relative;
    text-align:center !important;
    display: inline-table;
    width: 70px;
    padding: 0 5px;
    border-right: 1px solid #FFF;
    }

    /*.menumain {
        bottom: -11px;
        height: 30px;
        width: 420px;
    }
    .menumain ul {
        width: 100%;
    }
    .menumain li {
        float: left;
        margin: 0 1px 0 0;
        padding: 0;
        border-radius: 10px 10px 0 0;
        width: 83px;
    }
    .menumain li a {
        font-size: 12px;
    }

    .menulang li a {
        font-size: 13px;
    }*/

}