body {
  margin: 0;
  background:url(../pacific-city-oregon/new-back.jpg) repeat;
  min-width: 320px;
  -webkit-text-size-adjust: 100%;
}
p {
	color:#333;
	letter-spacing: 1px;
	font-family: 'Roboto', sans-serif;}	
h1 {
	color:#fff;
	font-family: 'Raleway', sans-serif;
	text-align:right;
	line-height:48px;
	margin-top:1px;
	margin-right:7px;
	font-size:34px;
	letter-spacing: 3px;
	text-shadow:1px 1px 3px #222;
}
h2 {
	color:#777777;
	text-align:center;
	margin-top:20px;
	letter-spacing: 3px;
	font-family: 'Bilbo Swash Caps', cursive;
	font-size:24px;
}
h3 {
	color:#222;
	float:right;
	margin-top:-18px;
	margin-right:10px;
	margin-bottom:-1px;
	font-family: 'Raleway', sans-serif;
	font-size:17px;
	letter-spacing: 1px;
	line-height:20px;
	text-shadow:1px 1px 1px #888;
}
h4 {
	color:#69C;
	margin-top:18px;
	margin-bottom:2px;
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	letter-spacing: 3px;
	line-height:24px;
}
h5 {        
font: 10px;
padding-top:48px;    		
font-weight:normal;		
text-align:center;        
line-height: 15px;	
letter-spacing: 2px;	
text-decoration:none;		
color:#999;               
font-family: 'Roboto', sans-serif;    }        
h5 a {            
font: 10px;        	
font-style:inherit;			
color:#999;            
text-decoration: none;            
outline: 0;        }        
h5 a:hover {            
font: 10px;			
text-decoration: none;			
color:#09F;        }




.navigation2{
	}

/**
 * Reset margins and padding on navigation elements
 */
ul.navigation2, .navigation2 li, .navigation2 li a{ margin:0; padding: 0 }
ul.navigation2{
	list-style: none;	
}

/**
 * Display elements horizontal
 */
ul.navigation2 li{
	float:right;
	margin-top:14px;
	
	
}
a.g {
  	float:left;
	width: 37px;
    height: 39px;
    background:url(../lincoln-city-insurance/email-insurance-qoutes.jpg) no-repeat 0 0;
	display: block;	 }

a.g:hover {
	background-position: 0 -39px; 
    }
a.b {
  	float:left;
	width: 37px;
    height: 39px;
    background:url(../lincoln-city-insurance/inlinked-insurance.jpg) no-repeat 0 0;
	display: block;	 }

a.b:hover {
	background-position: 0 -39px; 
    }
a.c {
  	float:left;
	width: 37px;
    height: 39px;
    background:url(../lincoln-city-insurance/twitter-insurance.jpg) no-repeat 0 0;
	display: block;	   }

a.c:hover {
	background-position: 0 -39px; 
    }
	
a.d {
  	float:left;
	width: 37px;
    height: 39px;
    background:url(../lincoln-city-insurance/google-insurance.jpg) no-repeat 0 0;
	display: block;	   }

a.d:hover {
	background-position: 0 -39px; 
    }
	
a.e {
  	float:left;
	width: 37px;
    height: 39px;
    background:url(../lincoln-city-insurance/facebook-insurance.jpg) no-repeat 0 0;
	display: block;	 }

a.e:hover {
	background-position: 0 -39px; 
    }


















.clearBoth{
	clear: both;
	}

.nowrap{
	white-space: nowrap;
	}
#rental-tops-bar{
	width:100%;
	margin-top:-14px;
	height:50px;
	background-color:#78aac1;}
#rental-tops-bar p{
	padding:14px;
	font-size:14px;
	color:#FFF;
	font-family: 'Roboto', sans-serif;
}
#insurance-tops-bar-left{
	float:left;
	width:50%;
	height:48px;}
	#insurance-tops-bar-right{
	float:right;
	width:50%;
	height:48px;}
	
#rental-bar{
	float:left;
	width:100%;
	background:url(../pacific-city-oregon/rentals.png) repeat-x;
	height:70px;
	z-index:100;
	background-color:#fff;	
background-color:rgba(255,255,255,.7);	
border-top:solid 1px #ccc;
	position:absolute;}

	
#wrapper{
	width: 100%;
	margin: 0px auto;
	}
	

	
#banner{
	margin-top:34px;
	clear: both;
	border: solid 1px #e1e1e1;
	}
	
#content{
	margin-top: -200px;
	clear: both;
	}
	
#footer{
	margin-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 10px;
	color: #555555;
	clear: both;
	}

/* header */
	
#logo{
	float: left;
	margin-left:10%;
	}

#nav{
	float: right;
	padding-top: 18px;
	font-size:18px;
	}
	#nav .navItem a { color:#777; } 
	#nav .navItem a:link{
		text-decoration:none;
		color:#777;}
		#nav .navItem a:hover{
		text-decoration:none;
		color:#333;
		padding-bottom:20px;
		border-bottom: solid 4px #333;}
		  
	#nav .navItem{
		display: inline;
		float: left;
		padding: 0px 15px;
		font-family: 'Roboto', sans-serif;
		}
		
	#nav .lastChild{
		border-right: none;
		padding-right: 34px
		}

#navCollapser{
	display: none;
	}
	
	
	
.navTip{
	display: none;
	}

/* banner */

#banner img{
	width: 100%;
	margin-bottom:-114px;
	}


	
#mapIframe{
	width: 100%;
	height: 400px;
	}



#oregon-coast{
	margin-top:-100px;
	width:1200px;
	z-index:1111;
	position:absolute;}
#oregon{
	float:right;
	z-index:1111;
	position:relative;
	padding:14px;
	width:558px;
	height:90px;
	background-color:#eeeeee;
	background-color:rgba(238,238,238,.6);
	}


	
#coastal{
	margin:0 auto;
	width:80%;
  }
	
	
	
#coast-or-rentals{
	float:left;
	width:100%;
	height:500px;
	border-top:solid 34px #c6bfb7;
	border-bottom:solid 34px #bdc0c1;
	background:url(../pacific-city-oregon/or-coast-rentals.jpg);
	background-size: cover;
	}	


/*  GRID OF for home page read reviews   ============================================================================= */


#slims-span{
	margin-top:120px;
	margin-left:200px;
	}

.timmy7 {
width: 420px;
float:left;	
border-radius:2px;
padding:7px;	
background-color:#cccccc;	
background-color:rgba(204,204,204,.7);	
border:solid 1px #777;	}

	
	
.timmy8 {
margin-left:104px;
width: 720px;
float:left;	
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 1520px) {
#slims-span{
	margin-top:120px;
	margin-left:70px;
	}
	#logo{
	float: left;
	margin-left:3%;
	}
	.timmy7 {
		width:34%;
	}
	.timmy7 img{
		width:100%;
	}
		.timmy8 {
			margin-left:54px;
		width: 54%; 
	}
}
@media only screen and (max-width: 1200px) {

	#wrapper{
		width: 960px;
		}

#logo{
	float: left;
	margin-left:1%;
	}
#slims-span{
	margin-top:100px;
	margin-left:70px;
	}
	.timmy7 {
		display:none;
	}
	.timmy7 img{
		width:100%;
	}
		.timmy8 {
			margin-left:14px;
		width: 90%; 
	}
		#oregon{
display:none;}
		.navTip{
			width:70%;
		display: block;
		border: solid #CCC 1px;
		margin-left:10%;
			margin-top:340px;
		display: block;
		padding: 15px;
		text-align: center; 
		font-size: 20px;
		}
		.navTip img{
			width:50%;
		}
	
}




/*  footer OF for home page read reviews   ============================================================================= */



#rentals-in-oregon-coast{
	margin-top:74px;
	width:100%;
	height:100px;
	background:#363839;
	border-bottom:solid 20px #282a2b;
	 box-shadow:2px 2px 7px 7px #C9C9C9;
 -webkit-box-shadow:2px 2px 7px 7px #C9C9C9;
 -moz-box-shadow:2px 2px 7px 7px #C9C9C9;
	}










@media only screen and (max-width: 954px){
#banner img{
	width: 100%;
	margin-bottom:-120px;
	}
	#logo{
	float: left;
	margin-left:-1%;
	}
#rental-tops-bar{
	width:100%;
	margin-top:-13px;
	height:53px;
	background-color:#78aac1;}
#rental-tops-bar p{
	padding:11px;
		font-size:14px;
		color:#FFF;
		text-align:center;
		font-family: 'Roboto', sans-serif;}
	
	#wrapper{
		width: 100%;
		}
	#oregon{
display:none;}
	#logo{
		width: 100%;
		text-align: center;
		float: none;
		}
	
	#nav{
		float: none;
		padding-top: 0px;
		}
		
	#nav .navItem{
		display: block;
		float: none;
		padding: 15px 0px;
		text-align: center;
		border-right: none;
		border-bottom: solid 1px #e1e1e1;
		}
	#nav .navItem a { color:#777; } 
	#nav .navItem a:link{
		text-decoration:none;
		color:#777;}
		#nav .navItem a:hover{
		text-decoration:none;
		color:#333;
		border-bottom:none;}
		
	#nav .lastChild{
		border-right: none;
		padding-right: 0px;
		border-bottom: none;
		}
		
	#nav.collapsible{
		display: none;
		position: absolute;
		top: 0px;
		left: 0px; 
		width: 100%;
		background: #f1f1f1;	
		}
		
	#navCollapser{
		display: none;
		cursor: pointer;
		font-size:18px;
		font-family: 'Roboto', sans-serif;
		width: 100%;
		padding: 15px 0px;
		text-align: center;
		background: #f1f1f1;
		border-bottom: solid 1px #e1e1e1;
		}
		
	.navTip{
		width:70%;
		display: block;
		border: solid #CCC 1px;
		padding: 10px;
		margin-left:10%;
		margin-top:134px;
		text-align: center; 
		font-size: 20px;
		}
		.navTip img{
			width:100%;
		}
	#content{
		width: 90%; 
		margin: 20px auto 0px auto;
		}
		
#banner{
	margin-top:54px;
	clear: both;
	border: solid 1px #e1e1e1;
	}
		
	
		
	#mapIframe{
		height: 300px;
		}
	
	}
@media only screen and (max-width: 768px){	
#banner img{
	width: 100%;
	margin-bottom:-70px;
	}
			.navTip img{
			width:80%;
		}
}