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

body{
	margin-top:3px;margin-bottom:5px;
	margin-left: 5px; margin-right:8px;
	padding:5px;
	background-size: 102%;
}

#headliner{
	position:relative;
	left:35%;
	top: -3px;
	width:340px;
	height:133px;
}

#tabby{	
	top:340px;
	}


#audio{
	position:absolute;
	top:125px;
	left:75px;
}

#bh{
	position:absolute;
	top:110px;
	left:75px;
}

.middle{
}

#about {
position: absolute; top: 310px;
  left: 35px; width: 67px; height:29px;
  color: #3399ff; text-align:center;
  margin-top:2px; font-size:127px;
  text-shadow: -2px 3px 1px #d3d3d3;
  }
	
#portfolio {
position: absolute; top: 295px;
  right: 10px;width: 301px;height:201px;
  border: .7px solid #;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 9px; 
  }
	
#irel {
position: absolute; top: 595px;
  left: 30px;width: 300px;height:200px;z-index:100;
  border:.7px solid #;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px; 
  }
#links {
position: absolute;top: 595px;
  right: 10px;width: 300px;height:200px;
  border:.7px solid #;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 9px; 
  }
#strats {
position: absolute;top: 910px;
  left: 30px;width: 300px;height:200px;
  border:.7px solid #;
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
border-radius: 11px; 
  }
#contact {
position: absolute; top: 910px;
  right: 10px;width: 300px;height:200px;
  }        
  
 #tabs{
 	text-align:center;
 	font-size: 26px;
 	position:absolute; top: 175px;
 	left:16%;
 	font-weight:bold;
 } 
 
 #heady:link{
    text-decoration: none;
	 font-size: 24px;
	 align:justify;
	 }
	 
#heady:hover{
    background-color: lightgreen;
	}	 
 
 #hrule{
	 position: absolute;
	 top:600px;
	 }
	 
	
#main{
 	position:absolute; top: 4500px; 
	 width: 200px;
	 left:55px;
 }
#close{
 	text-align:left; left: 425px;
 	position:absolute; top: 4500px;
	 font-size: 13px;
	 width: 300px;
 } 
	
	
 
 #oil_prices{
 	position:absolute; top: 1140px;
	 left: 40px;
 }
 #op{
 	position:absolute; top: 50px;
	 padding:8px;
 	
 	text-transform: uppercase;
  				-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5f5f5;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #eeb44f;
			}
		
		.st {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 296x; /* Width of new image */
  height: 360px; /* Height of new image */
	margin:auto;
 } 
  
 /** after oil prices*********************************/
 #hom{
 	position:absolute; top: 2700px;
 } 
  
  #uno{
 	position:absolute; top: 360px; left:345px; z-index:100;
 }
 #dos{
 	position:absolute; top: 375px; right: 350px;
 }
 
  #tres{
 	position:absolute; top: 640px; left:345px;
 }
  #cuatro{
 	position:absolute; top: 710px; right: 350px;
 }
  #cinco{
 	position:absolute; top: 925px; left:345px;
 }
  #seis{
 	position:absolute; top: 1005px; right: 350px;
 }
 
 #section{
 	position: absolute; top: 1800px; left: 85%; text-align:center; font-size: 5px;;
 	color: #f5f5f5; 
 }
 

/*new pw security para audio below*/
.hide{
display:none;
}

#contact{
 border:.7px solid #;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 9px;  
}




#licoInvestModalEntry {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
}

#licoInvestModalContent {
  background: white;
  padding: 40px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

#licoInvestProceedBtn, #licoInvestExitBtn {
  padding: 10px 25px;
  margin: 10px;
  font-size: 1rem;
  font-weight: bold;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

#licoInvestProceedBtn {
  background-color: #4CAF50;
  color: white;
}

#licoInvestExitBtn {
  background-color: #f44336;
  color: white;
}

#licoInvestProceedBtn:hover {
  background-color: #45a049;
}

#licoInvestExitBtn:hover {
  background-color: #d32f2f;
}





      .travel-header {
            position: absolute; 
            top:2150px; 
            left:3%;
            color: #3498db; /* Change the color */
            text-shadow: 2px 2px 4px #000000; /* Apply a text shadow */
            font-size: 4em; /* Increase the font size */
            letter-spacing: 0.2em; /* Increase the spacing between letters */
            text-transform: uppercase; /* Make the text uppercase */
            font-family: Arial, Helvetica, sans-serif; /* Use widely available fonts */
        }
        .travel-header a {
            color: inherit; /* Make the link color the same as the header color */
            text-decoration: none; /* Remove the underline from the link */
        }
        .travel-header a:hover {
            color: #1abc9c; /* Change the color when the mouse hovers over the link */
        }





		.column { 
                float: left; 
                width: 13%;
                    margin:10px; 
               height: 210px;
            } 





.search {
  width: 100%;
  position: relative;
  display: flex;
}

.searchTerm {
  width: 100%;
  border: 3px solid #00B4CC;
  border-right: none;
  padding: 2px;
  height: 20px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #9DBFAF;
}

.searchTerm:focus{
  color: #00B4CC;
}

.searchButton {
  width: 50px;
  height: 30px;
  border: 1px solid #00B4CC;
  background: #00B4CC;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px;
}

/*Resize the wrap to see the search bar change!*/
.wrap{
  width: 20%;
  position: absolute;
  top: 4250px;
  left: 13%;
  transform: translate(-50%, -50%);
}	




		.column { 
                float: left; 
                width: 13%;
                    margin:10px; 
               height: 210px;
            }