@charset "UTF-8";
/* ----------------- Reset all styles ----------------- */
*{ margin:0; padding:0;outline:none;
}
html, body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
img{ border:none;}
.items a img{border:none; display:block;}
.items1 a img{border:none; display:block;}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeue.ttf');
    src: 	url('../fonts/HelveticaNeueBold.ttf') format('truetype'),
			url('../fonts/HelveticaNeueBold.ttf') format('truetype'),
			url('../fonts/HelveticaNeueCondensedBlack.ttf') format('truetype'),
			url('../fonts/HelveticaNeueCondensedBold.ttf') format('truetype'),
			url('../fonts/HelveticaNeueItalic.ttf') format('truetype'),
			url('../fonts/HelveticaNeueLight.ttf') format('truetype'),
			url('../fonts/HelveticaNeueLightItalic.ttf') format('truetype'),
			url('../fonts/HelveticaNeueMedium.ttf') format('truetype'),
			url('../fonts/HelveticaNeueUltraLight.ttf') format('truetype'),
			url('../fonts/HelveticaNeueUltraLightItalic.ttf') format('truetype');
    
    font-weight: normal;
    font-style: normal;

}

#full-screen-background-image {
  z-index: -999;
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}

.wrapper
{
margin:auto;
height:auto;
width:100%;
margin-top:10px;
}
.header{
background:url(../images/icons/header.png) repeat top left ;
width:100%;
height:36px;
float:left;
margin-bottom:2%;


}
.left{
float:left;
margin-left:15px;
width:30%;
}
.center{
float:left;
width:40%;
height:35px;
}
.right{
float:right;
width:20%;
height:35px;
line-height:35px;
}
.right ul li
{
list-style-type:none;
float:left;
margin-left:10px;
font-family:'HelveticaNeueUltraLight';
font-size:12px;
text-decoration:none;
color:#FFF;
text-transform:uppercase;
font-weight:bold;
}
.wrapper2
{
width:100%;
}

.wrapper1
{
 float: left; margin: auto;  text-align: center;  width: 100%;}

.items
{
width:20%;
margin:10px 0 10px 0;
float:left;
height:106px;
}
.items1
{
width:20%;
margin:10px 0 10px 0;
float:left;
height:106px;
}

.itemstext
{
width:20%;
float:left;
height:50px;
}
.itemstext a{
color:#FFFFFF;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:17px;
text-transform:capitalize;
text-decoration:none;
}

/*** Responsive Web site ****/

@media only screen and (max-width: 1279px) {
	.wrapper{
		width:100%;
	}
	
}

@media only screen and (max-width: 1105px) {
	
	
	.item{
		width:119px;
		height:122px;
		margin:8px;
	}
}

@media only screen and (max-width: 999px) {
.left{
		width:20%;
	}
	.center{
		width:30%;
	
	}
	
	.right{
		width:40%;
		float:right;
	
	}
	
	

	.item{
		width:112px;
		height:122px;
		margin:7px;
	}
	
	
}

@media only screen and (max-width: 835px) {
.left{
		width:20%;
	}
	
	.right{
		width:40%;
		float:left;
	
	}
	
	.center{
		width:30%;
	
	}
	
	
	.item{
		width:112px;
		height:122px;
		margin:7px;
	}
	
	
}

@media only screen and (max-width: 860px) {
.left{
		width:20%;
	}
	
	.right{
		width:40%;
		float:left;
	
	}
	
	.center{
		width:30%;
	
	}
	
}

@media only screen and (max-width: 720px) {
	
	
	.left{
		width:20%;
	}
	
	.right{
		width:50%;
		float:left;
	
	}
	
	.center{
		width:10%;
	
	}
	
	.item{
		width:119px;
		height:122px;
		margin:10px;
	}
	
	
}

@media only screen and (max-width: 510px) {
.left{
		width:30%;
	}
	
	.right{
		width:60%;
		float:left;
		font-size:9px;
	
	}
	
	.center{
		width:0%;
	
	}
	
	
	.item{
		width:119px;
		height:122px;
		margin:7px;
	}
	
}