html, body {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
}




/* Smaller than standard 960 (devices and browsers) */
  @media only screen and (min-width: 960px) {
	#content {
	position:absolute;
	left:15%;
    z-index: 5;
	background-image:url(../../images/alpha.png);
    width: 70%;
}


#content p{
	color: #C9C9C9;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
	text-align:justify;
	padding:1% 2.66%;
}

#content a{
	color: white;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
	text-align:justify;
	text-decoration:none;
}

#nav{ background-color:#000000; height:40px; line-height:40px; margin:0px;}

#pho img{ width:28%; height:auto; margin:2.66% ;}

#overl{position:fixed; width:200%; height:200%; z-index:2; background-image:url(../../images/01.png); background-repeat:repeat;}

.headbgr{ height:200px; background-color:#000000; text-align:center; background:url(../../images/head-bgr.png);}

.headbgr img{ width:100%; max-width:250px; height:auto;
 }
.lang{color: #333;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
	text-align:justify;
	text-decoration:none;
	margin:5px 0 0 5px;}
	
.lang a{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
	text-align:justify;
	text-decoration:none;}
	
.langcolor{color: #666 !important;}

#footer{ background-color:#000000; background-image:url(../../images/footer-bgr.png); background-repeat:repeat-x; min-height:100px; width:auto; text-align:center;}
#footer img{ margin:2.66%;}

iframe{ width:94%; height:250px; margin:3%;}
	
.cleara{ clear:both;}	

.products{ padding:50px;}
.products img{ height:250px; width:auto; float:left; margin:10px;}
.white{ background-color:#fff;}
.navgallery{float:right; margin-right: 10px; color:#c10000 !important; text-transform:uppercase; font-weight:bold;}
	
	
  }
  
  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 640px) and (max-width: 959px) {
	  #content {
	position:absolute;
	left:0;
    z-index: 5;
	background-image:url();
	background-color:#000000;
    width: 100%;
}


#content p{
	color: #C9C9C9;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
	text-align:justify;
	padding:1% 2.66%;
}

#content a{
	color: white;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
	text-align:justify;
	text-decoration:none;
}

#nav{ background-color:#000000; height:40px; line-height:40px; margin:0px;}

#pho img{ width:28%; height:auto; margin:2.66% ; clear:both;}

#overl{position:fixed; width:200%; height:200%; z-index:2; background-image:url(../../images/01.png); background-repeat:repeat;}

.headbgr{ height:200px; background-color:#000000; text-align:center; background:url(../../images/head-bgr.png);}

.headbgr img{ width:100%; max-width:250px; height:auto;
 }
.lang{color: #333;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
	text-align:justify;
	text-decoration:none;
	margin:5px 0 0 5px;}
	
.lang a{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
	text-align:justify;
	text-decoration:none;}
	
.langcolor{color: #666 !important;}

#footer{ background-color:#000000; background-image:url(../../images/footer-bgr.png); background-repeat:repeat-x; min-height:100px; width:auto; text-align:center;}
#footer img{ margin:2.66%; }

iframe{ width:94%; height:250px; margin:3%;}
	
.cleara{ clear:both;}	

.products{ padding:50px;}
.products img{ height:200px; width:auto; float:left; margin:10px;}
.white{ background-color:#fff;}
.navgallery{float:right; margin-right: 10px; color:#c10000 !important; text-transform:uppercase; font-weight:bold;}
#maximage{ display:none;}

  }
  
  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (max-width: 639px) {
	  
#content {
	position:absolute;
	left:0;
    z-index: 5;
	background-image:url();
	background-color:#000000;
    width: 100%;
}


#content p{
	color: #C9C9C9;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
	text-align:justify;
	padding:1% 2.66%;
}

#content a{
	color: white;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
	text-align:justify;
	text-decoration:none;
}

#nav{ background-color:#000000; height:40px; line-height:40px; margin:0px;}

#pho img{ width:100%; height:auto; margin:0 ; clear:both;}

#overl{position:fixed; width:200%; height:200%; z-index:2; background-image:url(../../images/01.png); background-repeat:repeat;}

.headbgr{ height:200px; background-color:#000000; text-align:center; background:url(../../images/head-bgr.png);}

.headbgr img{ width:100%; max-width:250px; height:auto;
 }
.lang{color: #333;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
	text-align:justify;
	text-decoration:none;
	margin:5px 0 0 5px;}
	
.lang a{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
	text-align:justify;
	text-decoration:none;}
	
.langcolor{color: #666 !important;}

#footer{ display:block; background-color:#000000; background-image:url(../../images/footer-bgr.png); background-repeat:repeat-x; min-height:100px; width:auto; text-align:center;}
#footer img{ margin:2.66%; }

iframe{ width:94%; height:250px; margin:3%;}
	
.cleara{ clear:both;}	

.products{ padding:50px;}
.products img{ height:200px; width:auto; float:left; margin:10px;}
.white{ background-color:#fff;}
.navgallery{float:right; margin-right: 10px; color:#c10000 !important; text-transform:uppercase; font-weight:bold;}

#maximage{ display:none;}
	  
  }