body {
       font-family: Verdana, Geneva, sans-serif;
	   font-size: 15px;
	   color: #888;
	   background-color: #fff;
	   margin: 0px;
	   padding: 0px;
	   cursor: default;
}

.container {
       width: 1050px;
	   margin: auto;
}

.nav {
	float: left;
    padding: 250px 5px 5px 5px;
    display:block;
}

.main {
	float:right;
    position:relative;
}

h1 {
    font-size: 60px;
    font-weight: normal;
    text-align: center;
}

h3 {
    font-size: 20px;
    font-weight: normal;
    text-align: center;
}

#menu2, #menu2 li {
    font-size: 18px;
	list-style: outside none none;
	margin: 0;
	padding: 4px 0 4px 0;
}

.menu1{
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    margin-bottom:10px;
    display: none;
 }

a:hover {
	color: #000;
    text-decoration-line: underline;
}

a{
    color: #888;
    text-decoration-line: none;
}

.thispage{
    color:black;
 }

.photo{
    width: 900px;
	position: absolute;
	display: block;
	left: 10px;
	top: 10px;
}

#picholder{
	position: relative;
    width:900px;
    height:600px;
    border:5px solid #888;
    padding:10px;

}

.pagepicture{
    border:1px solid #888;
}

.pich{
   display:inline-block; 
   margin:-3px;
   padding:0;
}

.pich img{
   width:100%
}

.land{
  		width:66.6%;
}

.port{
		width:33.3%;
}

.square{
	  	width:50%;
}

.copy{
      width:900px;
      border:5px solid #888;
      padding:30px 40px;
      box-sizing: border-box;
}

.copy2{
      width:900px;
      border:5px solid #888;
      padding:10px 4px 10px 10px;
      box-sizing: border-box;
}


.icons{
    text-align: right;
    margin:3px 0 10px 0;
}

.slider{
  position:absolute; 
  left:150px;
  top:-1200px;
  width:600px;
}

.slide1{
  opacity: 0.3;
  filter: alpha(opacity=30); /* For IE8 and earlier */
  -webkit-transition: opacity 1s; /* Safari */
  transition: opacity 1s;
}    

.slide1:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier*/
}

.slide2{
        color:white;
        padding:10px;
  -webkit-transition: background-color 1s; /* Safari */
  transition: background-color 1s;
        
}
.slide2:hover {
              background-color:#888;
}

@media only screen and (max-width: 1100px) {
.menu1{
    display: block;
 }
.nav {
    display:none;
}
.container {
       width: 900px;
}

@media only screen and (max-width: 950px) {


.container {width: 600px;}

h1 {font-size: 40px;}

.photo{width: 600px;}

#picholder{
    width:600px;
    height:400px;
}

.copy, .copy2{
     width:600px
}
.slider{
  left:0px;
  width:600px;
}

}