@charset "UTF-8";

@media all
{

/* 
	***    For Elements Inc by Bross Design, January 2009    ***
*/
   
/* 
			TABLE OF CONTENTS
			-----------------
			1. Containers
			2. Heads
			3. Basic content styling - paragraphs, lists, blockquotes, etc.
			4. Link styling - also find the custom buttons and icons in here
			5. Form styling
			6. Tools - text-image replacement, clearing etc.
			-----------------
			
		NOTE: Quickly skip through the major sections by doing a find for ++ 

*/




/*  
------------------------------------ 1. Containers ------------------------------------- ++ 
*/

body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt; color:#252525;}
.mapBod, .subscribeBod {overflow:hidden;}
.banff {background:transparent url('../img/bg_body_banff.jpg') center top no-repeat;}
	.main_margins {width:950px; background:#fff url('../img/bg_main_margins.jpg') right top no-repeat; margin:0 auto;}
	.banff .main_margins {background:transparent;}
		.main {width:434px; padding:144px 16px 35px; background:transparent;}
	.footer_margins { /*padding:37px 0 17px;*/padding:17px 0 17px; color:#666;/* background:#fff url('../img/bg_footer.gif') left top repeat-x;*/}
		.footer {width:950px; margin:0 auto;}
			.callout {height:91px; padding:12px 11px 0 115px; float:left; background-color:#f6f5f5; margin:0 6px 0 13px; position:relative;}
			.visit {width:107px; background: #f6f5f5 url('../img/bg_callOut_visit.jpg') no-repeat; margin-left:12px;}
			.subscribe {width:498px/*114px*/; background: #f6f5f5 url('../img/bg_callOut_sub.jpg') no-repeat;}
			.sale {width:273px; background: #f6f5f5 url('../img/bg_callOut_sale.jpg') no-repeat;}
				.callout b {display:block; width:11px; height:103px; position:absolute; top:0; right:-7px; background:transparent url('../img/bg_callOut_cap.gif') top right no-repeat;}
				
	.mapContainer {height:1px; overflow:hidden;visibility:hidden;}
	.mapInner {background: trasnparent url('../img/loading.gif')center center no-repeat; padding:5px 2px 0; text-align:center;}
	.mapBod .modalFallback {position:absolute; top:550px; width:100%; text-align:center;}
	.subscribeBod .modalFallback {position:absolute; top:370px; width:100%; text-align:center;}
				
				


/* 
------------------------------------ 3. Heads ------------------------------------- ++ 
*/
	.logo_elements {width:200px; height:240px; margin:0 0 27px 36px; background-image:url('../img/logo_elements.gif');}
	
	.logo_patty {width:330px; height:126px; margin:0 0 27px; background-image:url('../img/logo_patty.gif');}
	
	h2, .main h2 {color:#012a4e; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; line-height:23pt; font-size:20pt; font-weight:100; margin:0 0 30px; padding-right:20px;}
	
	h3, .callout h3 {color:#252525; font-family:Georgia, "Times New Roman", Times, serif; font-size:15pt; letter-spacing:-1px; padding-bottom:4px; font-weight:100;}
	.sale h3 {/*color:#a51713;*/ color:#6e5604;}

/* 
------------------------------------ 4. Basic content styling ------------------------------------- ++ 
*/
	 small {font-size:0.75em;}

	.photocredit {color:#012A4E; font-weight:100; font-variant:small-caps; float:right; padding-right:95px;}
	.main ul, .main dl {}
	.main .contactDetails, .main .hoursOperation {width:203px; padding-right:10px; float:left;}
	.main ul {line-height:1.4em;}
		.phone {padding-top:8px;}
		.fax {padding-bottom:8px;}
	.main dl {}
	.main .hoursOperation {margin-top:-1px;}
		.main dt {font-family:Georgia, "Times New Roman", Times, serif; font-size:13pt; color:#39531b; margin-bottom:6px;}
		.main dd {font-size:9pt; margin-bottom:5px;}
	
	.callout p {color:#000; font-size:7pt; line-height:1.7em;}
		strong {font-weight:900;}
		em {font-style:italic;}		
	.subscribeForm p {padding:6px 0;}	
	
/* 
------------------------------------ 5. Link styling ------------------------------------- ++ 
*/
	a {color:#06529a; text-decoration:underline;}
		a:hover {text-decoration:none;}
	.callout a {font-size:8pt;}
	.photocredit a {color:#012A4E;}



/* 
------------------------------------ 6. Form styling ------------------------------------- ++ 
*/

	.subscribeForm {margin:0 auto; padding: 6px 0; color:#000; font-size:8pt; line-height:1.7em;}
		span.label,span.spacer,span.multiple span {padding:8px 0 2px; color:#39531B;}
		input {font-size:8pt;}
		span.multiple {float:left;} 
		span.button {padding:6px 0;} 
			span.button input {}
			
	
	.subscribeBod .subscribeForm {width:400px; margin:0 auto; padding: 30px 0; font-size:inherit; line-height:inherit;}
		.subscribeBod span.label,span.spacer,span.multiple span {display:block; padding:8px 0 2px; color:inherit;} 
		.subscribeBod input {font-size:inherit;}
		.subscribeBod span.multiple {float:left;} 
		.subscribeBod span.button {display:block; padding:8px 0;} 
			.subscribeBod span.button input {}



/* 
------------------------------------ 8. Tools ------------------------------------- ++ 
*/

/* clearing */
	.stretch,
	.clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
		overflow:hidden;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}
/* end clearing */


/* replace */
	.replace {
		display:block;		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	/* tidy these up */
	.replace * {
		text-indent: -10000px;
		display:block;
		
		background-repeat: no-repeat;
		background-position: left top;
		background-color:transparent;
	}
	.replace a {
		text-indent:0;
	}
	.replace a span {
		text-indent:-10000px;
	}
/* end replace */


/* accessibility */
     span.accesskey {
     	text-decoration:none;
     }
     .accessibility {
     	position: absolute;
     	top: -999em;
     	left: -999em;
     }
/* end accessibility */
}