/*
____________________________________
Produced by:	Heather Davidson, Quiet Mountain.co.uk
Copyright: 2004-2008 Heather Davidson	

*/


html, body {
	margin: 0;
	padding: 0;
	color: #663333;
	height: 100%;
	text-align: center;
} 
#container {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	border-left: 0;
	min-height: 100%;
	z-index: 2;
	
} 

/* the following changes the width per box model hack 
and then puts in the 100% height (equivalent to min-height) for IE/Win only */ 
/*\ hide from Mac it's not broken */ 
* html #container {
	width: 100%;
	w\idth: 100%; /* should be 760 if in quirks mode */
	height: 100%;
} 
/* end hide */ 

/* trick to get compliant browsers to clear the (right) floated div if required */ 
#container::after{ 
content: "."; 
display: block; 
height: 0; 
line-height: 0; 
font-size: 1px; 
clear: both; 
visibility: hidden; 
} 

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#header {

	left: 0;
	margin: 0;
	padding: 0;
	height: 44px;
	width: 100%;
	z-index:20;
	
} 

#headerleft {
	width: 421px;
	float:left;
	height: 44px;
}

#headerright  {
	background:url(http://www.catchcanada.com/spacerline.png) repeat-x right top;
	margin: 0 0 0 0;
	float: right;
	height: 44px;
	width:100%;
	height: 44px;
}
	
#leftnavbar {
	
	margin: 44px 0 0 0;
	width: 140px;
	height: 350px;
	position: absolute;
	border: 0;
	z-index:22;
	clear:none;
	float:left;
	
}

#strips { margin: 0;
border: 0;
margin: 0;
padding: 0;
display:inline;

}
a {display: block;}	


	
#left-col 
{
	margin: 44px 0 0 0;
	/*padding: 0 150px 0 0;*/
	width: 140px;
	height: 350px;
	position: absolute;
	border: 0;
	z-index:21;	
} 

#stampnav {

	float:right;
	width:140px;
	z-index:12;
	margin-top:-260px;
	margin-right:1px;
	clear:none;
}



#right-col
{
	margin: auto;
	height: 530px;
	background:url(http://www.catchcanada.com/postcard-outer.png) no-repeat center top;
	/*background-color: #ffffff;*/
	/*opacity:.62;
	filter: alpha(opacity=62);
	-moz-opacity: 0.62;*/
	padding: 20px 6px 0 6px;
	z-index:22;
}

#right-col-text
{
	margin: auto;
	width: 700px;
	height: 500px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font:Verdana;
	color:#660000;
	z-index:22;	
	font-size:0.6em;
}

 
#right-col-text p {
	font-size:1.1em;
	color:#660000;
	margin:auto;
	padding: 0 40px 0 40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font:Verdana;
	font-weight: 400;
	text-align:center;
	text-decoration: none;	/*z-index:1;
	width:400px;*/
	}
	
.highlightnames {
	font-family:Arial, Helvetica, sans-serif;
	font: Arial;
	color:#3E3728;
	font-style: italic;
	letter-spacing: 0.1em;
	font-weight:400;
	text-decoration:none;
	
	
}

.links {
	color:#4E5885;
	text-decoration: none;
	clear:none;
}



.apdivwords {
 	font-size:1.1em;
	color:#660000;
	margin:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font:Verdana;
	font-weight: 400;
	text-align:center;
	text-decoration: none;padding: 0 0px 10px 0px;}
	
#right-col-text h1 {
	font-family:Arial, Helvetica, sans-serif;
	font: Arial;
	font-size:2em;
	color:#C13020;
	letter-spacing: -0.1em;
	font-variant:small-caps;
	font-weight:bold;
	padding:1px 1px 1px 1px;
	
	}

#right-col-text h2 {
	font-family:Arial, Helvetica, sans-serif;
	font: Arial;
	font-size:1.4em;
	color:#3E3728;
	font-style: italic;
	letter-spacing: 0.1em;
	padding: 0 40px 4px 58px;
	text-align:center;
	}



#footer 
{
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align:right;
	position: absolute;  /*absolute puts it to the bottom of BW in IE, relative floats both half way*/
	z-index: 3;
	clear: both;
	background:url(bottomtag.png) no-repeat right;
	}
	
#footertext {
	float:right;
	height:50px;
	width:140px;
	font-family:Arial, Helvetica, sans-serif;
	font: Arial;
	font-size:9px;
	color:#78755C;
	margin:0;
	text-align:left;
} 

#footertext a{
	text-decoration:underline;
	color:#63614B;
} 

#flooware {
	/*position:absolute;*/
	background:url(http://www.catchcanada.com/cottagesnap.png) no-repeat center top;
	z-index:37;
	height: 400px;
	width: 360px;
	margin-left:-40px;
	
}

#flooware p {
	color: #003333;
	font-size:1em;
	font-style:italic;
}


#floowarebuttons {
	
	
	z-index:44;
	
}

#floowarepics 
{
		z-index:44;


}