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

/*Always set margin and padding to 0 to clear browsers' default settings */	
	* {
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
	/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
	
	html, body, #wrapper {height: 100%;}

	body > #wrapper {height: auto; min-height: 100%;}
	
	/*for centered layout set body text-align: center; set width and text-align: left for #wrapper*/
	
	body {
	height: 100%;
	text-align: left;
	width: 935px;
	margin: 0 auto;
	background-color: #EDF2F4;
  	}

	#wrapper {
	width: 935px;
	background-color:#F2FFE0;
	border:0;
	margin: 0px auto;
	padding: 0px;
	
  	} 
	
	#header {
	width: 935px;
	height:100px;
	margin-bottom:0;
	background-image: url(../images/frontPage_images/mainBanner.PNG); background-repeat: no-repeat;
}


	.numberOfcottagesListed{
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight: 900;
	color: #FFFFFF;
	text-align:center;
	margin-top:45px;
	padding-bottom:10px;
	z-index:1;
}



/*	use one float and one div for two column layout (do not use two floats side by side) - apply float to the first column*/	

	
	.headParagraph/*<h2>Find Ontario cottage rental for your perfect vacation!</h2>
      <h3>We list hundreds of cottages, chalets and cabins from private owners and rental agencies.</h3>*/
	{
	width: 680px;
	padding: 5px;
	}
		
	.homeLink a
	{
	float:left;
	margin-top:0;
	}
	
	.joinUs a
	{
	float:right;
	margin-top:0;
	}
	
	#container/* contains quick search, 3 top destinations and 3 top cottages*/
	{
	}
	
	#quickSearch {
	float: left;
	width: 300px;
	}
	
	.greenSearchButtons/* Google Map search and View all buttons*/
	{
	width: 300px;
	height: 54px;
	}

/*.greenSearchSingleButtonBackground
	{
	width:139px;
	height:54px;
	background-image:url(../images/frontPage_images/searchButtons_bkgrnd.png); background-repeat:no-repeat; background-position:center;

}*/

	.greenSearchSingleButtonStyle a
	{
	margin-top: 2px;
	margin-left: -4px;
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; font-weight:700;
	text-align:center;
	text-decoration: none;
	}


	.quickSearchBox
	{
	width:300px;
	height: 360px;
	background-image: url(../images/frontPage_images/quickSearch_greenbkgrnd.PNG);
	background-repeat:no-repeat;
	padding-top: 20px;
	}

	.quickSearchForm
	{
	padding-top:50px;
	width:240px;
	padding-left: 30px;
	}

	.cottageSearchTips {
	width: 300px;
	padding:0;
	margin:0;
 	}
	
	.linksTitle{
	margin-left: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:800;
	color: #999999;
	text-align:left;
	padding-bottom:10px;
}

	.mainLinks li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
    }

    .mainLinks li a.visited{
	color:#0066CC;
    }
  
  .cottageSearchTips ul{
	font-family:"Times New Roman", Times, serif;
	text-align:left;
	font-size:18px;
	line-height: 25px;
	padding-left:35px;
  }
  
	.cottageSearchTips li {
	list-style:none;
  	}
  
.cottageSearchTips li a{
   text-decoration:underline;
   color:#0066CC;
   }
  
 .cottageSearchTips li a:link{
  color:#0066CC;
  }
  
 .cottageSearchTips li a:visited {
  color:#0066CC;
	}
  
.cottageSearchTips li a:hover {
  color:#000099;
}

.dottedLine
{}

	#center-content {
	float: left;
	width: 43%;
	}
	
	
	.mainPicture {
	width:389px;
	height:260px;
	}

	.natureLoverBlogIcon
	{
	float: left;
	margin-top: -20px;
	}
	
	.blogLink /*contains natureLoverBlogIcon and the link*/
	{
	width: 380px;
	padding: 3px;
	font-family:"Times New Roman", Times, serif; 
  	font-size:14px;
	}
  
	.blogLink a{
   text-decoration:underline;
   color:#0066CC;
   }
  
  	.blogLink a:link{
  	color:#0066CC;
 	}
  
  	.blogLink a:visited {
  	color:#999999;
	}
  
 	.blogLink a:hover {
  	color:#000099;
	}
	
	.top3Destinations
	{
	width: 400px;
}
	
	.top3DestinationsTitle{
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:800;
	color: #999999;
	text-align:center;
	padding-bottom:10px;
}

	.topDestinationSummer
	{
	width:380px;
	height:83px;
	margin:7px;
	background-image:url(../images/frontPage_images/top3dest_summerBkgrnd.png); background-repeat:no-repeat;
	border:#CCCCCC 1px solid;
	overflow:hidden;
	}
	
	.topDestinationFall
	{
	width:380px;
	height:83px;
	margin:7px;
	background-image:url(../images/frontPage_images/top3dest_fallBkgrnd.png); background-repeat:no-repeat;
	border:#CCCCCC 1px solid;
	overflow:hidden;}
	
	.topDestinationWinter
	{
	width:380px;
	height:83px;
	margin:7px;
	background-image:url(../images/frontPage_images/top3dest_winterBkgrnd.png); background-repeat:no-repeat;
	border:#CCCCCC 1px solid;
	overflow:hidden;
	}
	
	.topDestinationSpring
	{
	width:380px;
	height:83px;
	margin:7px;
	overflow:hidden;
	background-image:url(../images/frontPage_images/top3dest_springBkgrnd.png); background-repeat:no-repeat;
	border: #CCCCCC 1px solid;
	}	
	
	.topDestinationImage
	{
	float:left;
	width: 75px;
	height: 75px;
	border: #CCCCCC 1px solid;
	margin-left:10px;
	margin-top:3px;
	margin-right:10px;
	border: 1px #CCCCCC solid;
	}
	
	.topDestinationName{
	padding: 3px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
}
	
		.topDestinationName a{
   text-decoration:underline;
   color:#0066CC;
   }
  
  	.topDestinationName a:link{
  	color:#0066CC;
 	}
  
  	.topDestinationName a:visited {
  	color:#0066CC;
	}
  
 	.topDestinationName a:hover {
  	color:#000099;
	}
	
	.otherlinks{
	font-size:10px;
	}
	
	
	.topDestinationText /*maximum 150 characters with spaces*/
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	text-align: left;
	margin-top:7px;
	padding-left: 0px;
	padding-right: 30px;
	margin-bottom: 7px;
}
	
	
	#hotDeals /*Contains hot deals title and three cottages. Floats to the right*/ 
	{
	float: right;
	width: 220px;
	margin-top: -50px; 
	}
	
	.hotDeal /*Div for featured (hot deals) individual cottage*/ 
	{
	width:193px;
	height: 213px;
	padding-top: 15px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/frontPage_images/background3.png); background-repeat:no-repeat;
	}
	
	.hotDealTitle
	{
	margin-left:auto;
	margin-right:auto;
	}
	
	.hotDealimage{
	margin-left:auto;
	margin-right: auto;
	margin-bottom: 10px;
	width:150px;
	height:110px;
	border: thin;
	border-style:inset;
	}

	div.hotDealdescription /*location and dates information - 25 characters long */
	{
	width:160px;
	height:18px;
	margin-left:auto;
	margin-right: auto;
	overflow:hidden;
	}
	
	div.hotDealprice /*hot deals price style*/
	{
	width:160px;
	height:22px;
	margin-left:auto;
	margin-right: auto;
	overflow:hidden;
	font-family:"Times New Roman", Times, serif; font-size:19px; font-weight:700; font-style:bold; color:#333333;
	}
	
	
	p.hotDealtext /*maximum 150 characters with spaces*/{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	text-align: center;
	color:#333333;
	}
		
	#container2 {
	clear:both;
	padding-top:10px;
	min-height: 650px;
	}
	
	.aboutFindCottage
	{
    font:2.0em Georgia;
    font-size:12px;
	float: right;
	width: 309px;
	background-color:#E3FFBF;
	min-height:700px;
	}
	
	.aboutFindCottageHeading
	{
	background-image:url(../images/frontPage_images/aboutFC_bluebarBkgrnd.png); background-repeat:no-repeat;
	line-height: 37px;
	padding-left: 20px;
	font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:500; color: #333333;
	}
	
	.OntarioDestinations2009
	{
	margin-right: 309px;
	}
	
	.OntarioDestinations2009Heading
	{
	line-height: 37px;
	padding-left: 25px;
	background-image:url(../images/frontPage_images/destinations2009_bluebarBkgrnd.png); background-repeat:no-repeat;
	font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:500; color:#333333;}
	
	.OntarioDestinations2009Image
	{
	float: left;
	padding: 15px;
    margin-top: 10px;
    margin-left: 10px;
	}
	
	.cottageSearchTipsLinks {
	width: 230px;
	height: 400px;
	text-align: left;
	margin-left: 385px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	}	
	

/* Top three id classes describe 2 column layout with a nav menu on the left and text on the right: http://www.ehow.com/how_2084304_columns-css-float.html*/

	h1.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding-top: 35px;
	margin-bottom: -40px;
	color: #FFFFFF;
	}
		
	h2{
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	line-height:25px;
	color: #666666;
	font-weight: 700;
	text-align: left;
	padding-left: 20px;
	margin-top: -10px;
	}
	
	h3
	{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color: #666666;
	font-weight: 400;
	text-align: left;
	padding-left: 20px;
	padding-bottom: 15px;
	}
	
	.pageName
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:800;
	color: #999999;
	text-align:left;
	padding-bottom:10px;
	}
	
	p.quickSearchText {
	width: 240px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	margin-left:15px;
	text-align:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	}
	
	p.articles {
    font:2.0em Georgia;
	/*font-family: "Times New Roman", Times, serif;*/
	font-size:13px;
	color:#333333;
	padding: 25px;
	margin-right: 30px;
	text-align:justify;
	border-bottom:dashed #CCCCCC thin;
	}

	p.findcottageText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	padding: 15px;
	text-align:justify;
	}
	
	.linksfooter{
	width: 800px;
	line-height: 20px;
	padding-top: 25px;
	margin-left:auto;
	margin-right: auto; 
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
	}
	
	.linksfooter a{
   text-decoration:none;
   }
  
  	.linksfooter a:link{
  	color: #0066CC;
 	}
  
  	.linksfooter a:visited {
  	color: #666666;
	}
  
 	.linksfooter a:hover {
  	color: #000000;
	text-decoration:underline;
	}
	
	#copyright {position: relative; width:935px; height: 50px;}
	
	#copyrightCopy {
	/*position: absolute; */
    margin-top: 50px;
	font-family:"Times New Roman", Times, serif; 
    font-style:italic; font-size:10px; color:#333333;
	}
	
	.clearBoth {
	clear:both;}
	
	/*for ul - include margin-left padding-left values to avoid aligning problem in different browsers*/
	
	
	#main {padding-bottom: 122px;}  /* must be same height as the footer */
	
/*	sticky footer settings: position relative; margins to  "-" footer height; always clear:both*/	
	.footer {
	margin-top: -122px; /* negative value of footer height*/
	height: 122px;
	clear:both;
	width: 935px;
	background-image:url(../images/frontPage_images/footer_bkgrnd.png); background-repeat:no-repeat;
	}
	
	
	/* CLEAR FIX*/
	.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

/* sticky footer solution combined from Steve Hatcher's "http://stever.ca
http://www.cssstickyfooter.com" and Ryan Fait's (http://ryanfait.com/sticky-footer/) */