@charset "UTF-8";

 @media only screen and (max-height: 1024px) {
	 div.relative {
         position: relative;
         top: 150px;
        }
 } 
 
 @media only screen and (max-height: 960px) {
	 div.relative {
         position: relative;
         top: 118px;
        }
 } 
 
 @media only screen and (max-height: 800px) {
	 div.relative {
         position: relative;
         top: 100px;
        }
 } 
 
 @media only screen and (max-height: 768px) {
	 div.relative {
         position: relative;
         top: 80px;
        }
 } 
 
 @media only screen and (max-height: 720px) {
	 div.relative {
         position: relative;
         top: 66px;
        }
 } 
 
  @media only screen and (max-height: 600px) {
	 div.relative {
         position: relative;
         top: -1px;
        }
 } 
 
       .center{
		   margin: auto;
           width: 800px;		   
	       }  
		   
		#wrap{
		  position: relative;
          left: 150px;	   
	       } 
		   
      body {
		  background-image: url(./sky.jpg);
		  background-repeat: no-repeat;
		  } 
   
	h1 {
		width: 770px;		
        font-family: Georgia, bold;
        color: #0033CC;
        text-align: center;
		font-size: 40px;
		padding-bottom: 6px;
		text-shadow: 2px 2px black;
		background-color: lightgrey;
		border: solid #0033CC;
		border-radius: 15px;
		-webkit-box-shadow:8px 11px 8px black;
        -moz-box-shadow:8px 11px 8px black;
        box-shadow:8px 11px 8px black;
		}
	
		   
	.button {
		    width: 109px;
            height:14px;
			font-family:arial, sans-serif;
		    font-size: 11px;
		    text-decoration:none;
            text-align: left;
			color: white;
			background-color: #666666;
            border: solid thin white;
			padding:5px 15px 5px 15px;
            border-radius:6px;
			-webkit-box-shadow:4px 5px 3px black;
            -moz-box-shadow:4px 5px 3px black;
            box-shadow:4px 5px 3px black;
			
	       }
		   
	.button:focus  {
		   background-color: #6699cc; 
		   color: white;
		   cursor: none;
		   -webkit-box-shadow: none;
           -moz-box-shadow: none;
           box-shadow: none;
		  }

    .button:hover {
		  border: solid thin #0033CC;
		  background-color: lightgray;
		  color:#0033CC;
		  }		   
		   
	h6 {
		font-family:arial, sans-serif;
		width: 140px;
		font-size: 12px;
		color: black;
        }
		   
	#column-1 {
		      float: left;
              width: 130px;
              height:420px;
			  }
			  
    #column-2 {
	          float: right;
              width:648px;
              height: 480px;
			  margin-left:11px;
			  }
			  
	img {
		margin-left: 4px;
		border-radius:6px;
		border: solid thin #0033CC;
		background-color: white;
        -webkit-box-shadow:10px 10px 5px #000000;
        -moz-box-shadow:10px 10px 5px #000000;
        box-shadow:10px 10px 5px #000000;
	    }

    .clear{
		clear: both;
	}