@charset "utf-8";
/* My CSS Document */

* {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: sans-serif;
  font-size: 1em;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}  

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('OpenSans-Light.eot');
  src: local('Open Sans Light'), local('OpenSans-Light'), url('OpenSans-Light.woff') format('woff'), url('OpenSans-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Vegur';
  font-style: normal;
  font-weight: 300;
  src: url('vegur-l-webfont.eot');
  src: local('Vegur Light'), local('Vegur-Light'), url('vegur-l-webfont.woff') format('woff');
}

/*
body{
	background:url('../images/bg.png')
	background:url('../images/bg01.jpg')
	 overflow: hidden; 
}*/

#place{
	position: absolute; 
	width: 1024px;  /*1024px;3065px;*/
	height:480px;   /* 560px; */
	margin:0;
	top: 0;
}

#name1{
	/*font-family: 'Open Sans',Arial, Helvetica, sans-serif;
	font-size: 55px;
	color:#fff; */
	position: relative; /*absolute */
	top: 5px;
	left:0px;	
}

#wrapper1{
	width:975px;
	height:480px;
	position: relative;  /*absolute */
	top: 30px; /* 80px; */
	left:0px;
}

#footer-area {
	position: relative;
	bottom: -65px;
	left: 0px;
	width: 95%;
	/*text-align: center;  */
}

#footer-brent {float: left; width: 60%; margin-left: 5px;} 
#footer-sponsor {float: right;width: 30%;margin-right: 5px; } 
#footer-sponsor img {margin-top: 6px; }
#footer-sponsor h5 {padding-left: 72px; }
#footer-area h2, h4, h5 {font: sans-serif; color: #fefefe; letter-spacing: 0;
	margin: 0} 
#footer-area h2 {font-size:24px; font-weight: bold }
#footer-area h4 {font-size:18px; }
#footer-area h5 {font-size:14px; }

#net{
	position: absolute;
	top:0px;
	right:0px;
	margin:0px !important;
	height: 60%;
	width:auto;
	cursor:pointer;
}

#wrapper1 div{
	margin: 5px;
	text-align: center;
}

#wrapper1 div img{
	vertical-align:middle;
}

#wrapper1 div a{
	display: block;
	width:100%;
	/*height:100%; */
}

.title2{
	position:absolute;
	bottom:5px;
	left:5px;
	top: 5px;
	font-family:"Segoe UI Light";
	font-weight:bold;
	text-align: left !important;
	color:black;
	line-height:100%;
}

.title{
	position:absolute;
	bottom:10px;
	left:5px;
	top: 15px;	
	/*font-family:"Segoe UI Light";
	font-weight:bold; */
	text-align: left !important;
	color:#fff;
	line-height:100%;
}

.title:hover{	
	border: 0px !important;
	box-shadow: none !important;
	margin: 5px !important;
}

div.thumb1-1 {
	width:315px;
	height:150px;
	position: absolute;
	left:1px; /* 0px */
	top:1px;  /* 0px */
	background:url('../images/1-1.png')/*#409da5*/;
	transition: background .8s ease;
	-webkit-transition: background .8s ease;
	background: rgba(76, 163, 171, 0.70);
	line-height: 150px;	
}

div.thumb1-1:hover{
	border: 1px #fff solid; 
	box-shadow: 0px 0px 5px #fff;
	background: rgba(76, 163, 171, 1);
	left:0px;
	top:0px;
	/* margin-left: 4px;
	margin-top: 4px; */
}

#thumb1-1 img{
	max-width: 315px;
	max-height: 150px;
}

#thumb1-1 .title{
	font-size:22px;
	text-align:left;
}

div.thumb1-2{
	width:315px;
	height:150px;
	position: absolute;
	left: 326px;   /* 325px */
	top: 1px;      /* 0px */
	background:url('../images/2-1.png')/*#4849a6*/;
	transition: background 1s ease;
	-webkit-transition: background 1s ease;
	background: rgba(77, 78, 168, 0.70);
	line-height:150px;
}

div.thumb1-2:hover{
	border: 1px #fff solid; 
	box-shadow: 0px 0px 5px #fff;
	background: rgba(77, 78, 168, 1);
	left:325px;
	top:0px;
}

#thumb1-2 img{
	max-width: 315px;
	max-height: 150px;
}

#thumb1-2 .title{
	font-size:25px;
}

div.thumb1-3{
	width:315px;  /* 140px */
	height:150px;
	position: absolute;
	left: 651px;
	top:1px;
	background:url('../images/3-1.png')/*#cd432d*/;
	transition: background 1s ease;
	-webkit-transition: background 1s ease;
	background: rgba(125, 159, 42, 0.70);
	line-height:150px;
	/* line-height:150px;*/
}

div.thumb1-3:hover{
	border: 1px #fff solid; 
	box-shadow: 0px 0px 5px #fff;
	background: rgba(125, 159, 42, 1);
	left:650px;
	top:0px;
}

#thumb1-3 img{
	max-width: 315px; /* 140px */
	max-height: 150px;
}

#thumb1-3 .title{
	font-size:16px;
}

div.thumb1-4{
	width: 153px;  /*153px;  315px  */
	height:150px;
	position: absolute;
	left:1px;
	top: 161px;
	background:url('../images/4-1.png')/*#da8515; */;
	transition: background 1s ease;
	-webkit-transition: background 1s ease;
	background: rgba(218, 133, 21, 0.70);
	line-height:150px; 
}

div.thumb1-4:hover{
	border: 1px #fff solid; 
	box-shadow: 0px 0px 5px #fff;
	background: rgba(218, 133, 21, 1);
	left:0px;
	top:160px;
}

#thumb1-4 img{
	max-width: 153px; /* 153px; /315px*/
	max-height: 150px;
}

#thumb1-4 .title{
	font-size: 16px;
}

div.thumb1-5{
	width: 152px; /*152px; 315px */
	height:150px;
	position: absolute;
	left: 164px; /*164px;  326px*/
	top:161px;
	background:url('../images/5-1.png')/*#7d9f2a*/;
	transition: background 1s ease;
	-webkit-transition: background 1s ease;
	background: rgba(205, 67, 45, 0.70);
	line-height:150px;
}

div.thumb1-5:hover{
	border: 1px #fff solid; 
	box-shadow: 0px 0px 5px #fff;
	background: rgba(205, 67, 45, 1);
	left: 163px; /*163px; /325px */
	top:160px;
}

#thumb1-5 img{
	max-width: 152px; /* 152px; 315px  */
	max-height: 150px;
}

#thumb1-5 .title{
	font-size: 16px;
}

div.thumb1-6{
	width:315px;
	height:150px;
	position: absolute;
	left: 326px; /* 326px; 651px*/
	top: 161px;
	background:url('../images/6-1.png')/*#672c9b*/;
	transition: background 1s ease;
	-webkit-transition: background 1s ease;
	background: rgba(103, 44, 155, 0.70);
	line-height:150px;
}

div.thumb1-6:hover{
	border: 1px #fff solid; 
	box-shadow: 0px 0px 5px #fff;
	background: rgba(103, 44, 155, 1);
	left: 325px; /* 325px; 650px */
	top:160px;
}

#thumb1-6 img{
	max-width: 315px;
	max-height: 150px;
}

#thumb1-6 .title{
	font-size:54px;
}

div.thumb1-7{
	width:315px;
	height:150px;
	position: absolute;
	/*
	left: 1px; 
	top: 321px; 
	*/
	left: 651px; 
	top: 161px;
	background:url('../images/7-1.png');
	transition: background 1s ease;
	-webkit-transition: background 1s ease;
	background: rgba(64, 157, 165, 0.70);
	line-height:150px;
}

div.thumb1-7:hover{
	border: 1px #fff solid; 
	box-shadow: 0px 0px 5px #fff;
	transition: background 1s ease;
	-webkit-transition: background 1s ease;
	background: rgba(64, 157, 165, 1);
	/*left: 0px; 
	top: 320px;  */
	left: 650px; 
	top: 160px;
	
}

#thumb1-7 img{
	max-width: 315px;
	max-height: 150px;
}

#thumb1-7 .title{
	font-size:40px;
}
/*
#thumb1-8{
	width:315px;
	height:150px;
	position: absolute;
	left:0px;
	top:320px;
	background:url('../images/8-1.png');
	background: rgba(101, 32, 94, 0.85);
	line-height:150px;
}

#thumb1-8 img{
	max-width: 315px;
	max-height: 150px;
}

#thumb1-8 .title{
	font-size:19px;
}
*/
/**** USEFUL INFOS tile added 03/14/14  ****/
div.thumb1-10{
	width:315px;
	height:150px;
	position: absolute;
	left:1px;
	top:321px;
	/*background:url('../images/9-1.png'); */
	transition: background 1s ease;
	-webkit-transition: background 1s ease;
	background: rgba(214, 69, 65, 0.70);
	line-height:150px;
}

div.thumb1-10:hover{
	border: 1px #fff solid; 
	box-shadow: 0px 0px 5px #fff;
	background: rgba(214, 69, 65, 1);
	left:0px;
	top:320px;
}

#thumb1-10 img{
	max-width: 315px;
	max-height: 150px;
}

#thumb1-10 .title{
	font-size:19px;	
}
/******************/

div.thumb1-8{
	width:315px;
	height:150px;
	position: absolute;
	left:326px;
	top:321px;
	background:url('../images/9-1.png');
	transition: background 1s ease;
	-webkit-transition: background 1s ease;
	background: rgba(125, 159, 42, 0.70);
	line-height:150px;
}

div.thumb1-8:hover{
	border: 1px #fff solid; 
	box-shadow: 0px 0px 5px #fff;
	background: rgba(125, 159, 42, 1);
	left:325px;
	top:320px;
}

#thumb1-8 img{
	max-width: 315px;
	max-height: 150px;
}

#thumb1-8 .title{
	font-size:19px;	
}

#thumb1-9{
	width:315px;
	height:150px;
	position: absolute;
	left:650px;
	top:320px;	
	background:url('../images/10-1.png')/*#03417a*/;
	transition: background 1s ease;
	-webkit-transition: background 1s ease;
	background: rgba(3, 65, 122, 0.70);
	/*line-height:150px; */
}


div.thumb1-9{
	width:315px;
	height:150px;
	position: absolute;
	left:651px;
	top:321px;
	background:url('../images/9-1.png');
	transition: background 1s ease;
	-webkit-transition: background 1s ease;
	background: rgba(3, 65, 122, 0.70);
	/*line-height:150px; */
}

div.thumb1-9:hover{
	border: 1px #fff solid; 
	box-shadow: 0px 0px 5px #fff;
	background: rgba(3, 65, 122, 1);
	left:650px;
	top:320px;
}

#thumb1-9 img{
	/*
	max-width: 315px;
	max-height: 150px;
	*/
}

#thumb1-9 .title{
	top: 0px; 
	font-size: 16px;
}