/*
*	Prairie Architects -  April 26
*	alex.smoljanovic@thewebshop.ca
*/

/**/

html,body{ /* <-- full height :D */
	margin:0 0 0 0;
	background-color:white;
	height:100%; 
	/* inheritance.. */
	font-family: Verdana, Helvetica, sans-serif;
	font-size:14px;
}


div#prairie-container{
	height:100%;
	margin: 	0px auto 0px auto;
	/*NULL*/}
div#main-panel{
	width: 		961px;
	min-width: 	961px; 	/*\/\!! IE 5!... Its only for mister Moz :) */
	min-height:	200px;	/*\/\!! IE 5!... Its only for mister Moz :) */
	margin: 	0px auto 0px auto;
	float:		none;
}

	div#main{
		margin:0px 20px 0px 20px;
		padding:0px 0px 5px 0px;
		display:block;
		width:926px;
		overflow:hidden;
	}

	
	/*div#content:after{content:"div#content:after :)";}*/

	div#header{
				height:130px;
		width:926px;
		display:block;
		
		margin-bottom:32px !important;
	}
	div#header div#overlay{
		width:926px;	
		overflow:hidden;
	}div#header table#menu{
		width:925px;
		height:166px;
		
	}
	div#header #menu table
	{
		margin-top:70px
	}
	
	#header-nav-items
	{
		height:80px;
	}
	
	div#header table td{
		text-align:right;
		vertical-align:middle;
		padding:0px;
		margin:0px;
		border:0px;
	}div#header #homeclicker{
		float:left;
		width:214px;
		height:137px;
		cursor:pointer;
		margin-left:15px
	}.tdmenu{/*height:19px !important;overflow:hidden;*/}
	
	#sub-nav-container
	{
		width:590px;
		
		overflow:hidden
	}
	div.sub-nav{
		float:right;
		white-space:nowrap !important;
		text-align:right;
		vertical-align:middle;
		font:9px Verdana, Arial, Helvetica, sans-serif;
		
		height:13px;
	
		overflow:hidden;
		width:590px;
		overflow:hidden;
		
		margin:0px;
		padding-bottom:2px;
		padding-left:2px;



	}div.sub-nav-hidden{
		display:none;
	}
	#sub-nav-container img
	{
		margin-top:5px
	}

	
	a.menu-top-nav:link,
	a.menu-top-nav:hover,
	a.menu-top-nav:visited,
	a.menu-top-nav:active{
		/*float:right;*/
		font:10px Verdana, Arial, Helvetica, sans-serif !important;
		font-weight:bold !important;
		color:#777777;
		text-decoration:		none !important;
		padding-right:2px;
		
	}a.menu-top-nav:hover{color:#940018 !important;}
	a.menu-top-nav-selected{
		color:#940018 !important
	}
	
	
	div.sub-nav a:link,
	div.sub-nav a:visited,
	div.sub-nav a:active,
	div.sub-nav a:hover{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#5f5f5f;
		padding-right:3px;
		font-weight:normal;
		padding-left:5px;
		text-decoration:none
	}div.sub-nav a:hover{
		color:#940018
	}
	

	div#footer{
		width: 		961px;
		font-size:11px !important;	
		text-align:center !important;
		
		/* make footer margin like justin's prototype on WHITE */
		float:left;
		border-top:4px solid #d6d6d6;
		padding-top:5px;
		color:#8A8A8A;
		
	}
	
		
	div#footer-1{
		font-size:11px !important;	
		text-align:center !important;
		color:#8A8A8A;
		width:590px;
		float:left;
	}div#footer-1 a{float:left}
	div#footer-2{
		font-size:11px !important;	
		text-align:left !important;
		color:#8A8A8A;
		float:left;
		width:97%;
	}
		div#footer-1 a{
			margin-right:24px;
		}
		div#footer-1 a:link,
		div#footer-1 a:hover,
		div#footer-1 a:visited,
		div#footer-1 a:active{
			color:#8A8A8A;
			text-decoration:none;
		}div#footer-1 a:hover{text-decoration:underline;}
		
		div#footer-1 p a{
			margin-right:0px;
			font-size:9px;	
		}
		div#footer-1 p a:link,
		div#footer-1 p a:hover,
		div#footer-1 p a:visited,
		div#footer-1 p a:active{
			color:#ec0002;
			text-decoration:underline;
		}div#footer-1 p a:hover{text-decoration:underline;}
		
		
		
		
		div#footer-1 a.red{
			float:right !important;
			margin-right:0px;
		}
		div#footer-1 a.red:link,
		div#footer-1 a.red:hover,
		div#footer-1 a.red:visited,
		div#footer-1 a.red:active{
			color:#940018;
			text-decoration:none;
		}div#footer-1 a.red:hover{text-decoration:underline;}
		
		div#footer-1 p a.red{
			margin-right:0px;
			font-size:9px;	
		}
		div#footer-1 p a.red:link,
		div#footer-1 p a.red:hover,
		div#footer-1 p a.red:visited,
		div#footer-1 p a.red:active{
			color:#ec0002;
			text-decoration:underline;
		}div#footer-1 p a.red:hover{text-decoration:underline;}


		a#canadaswebshop{
			float:right;
			font-size:9px;
			margin-right:13px;
		}
		a#canadaswebshop:link,
		a#canadaswebshop:hover,
		a#canadaswebshop:visited,
		a#canadaswebshop:active{
			color:#CCCCCC;
			text-decoration:underline;
		}a#canadaswebshop:hover{color:#999999}

/* very generic, TODO: move..
*___________________________////*/
br.clearboth{
	clear:both !important; /* Netscape 6 doesn't respect <br>.class names.. :after{clear:both;} neway..  */
}

/*
############################################################################################################
*/

#dynamic-image-display-container{
	overflow:hidden;
	width:590px;
	height:336px;
	
}
.dynamic-image-display{
	width:589px;
	overflow:hidden;
	margin-right:14px;
	float:left !important;
	
}

.page-title{
	font:13px Verdana,Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	padding-bottom:2px;
}


.bordered-top{
	/*border-top:13px solid #e3e3e3;
	padding-top:14px;*/
	
}

.static-content-display{
	float:left !important;
	width:313px;
	overflow:hidden;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	height: 428px;
	overflow: auto;	
	line-height:+1.3;
	position:relative;
	/*margin-bottom:20px;*/
	padding-right: 10px;
	
	
}.static-content-display p{text-align:justify}
.static-content-display a:link,
.static-content-display a:active,
.static-content-display a:visited,
.static-content-display a:hover{
	color:#940018;
	text-decoration:none;
}.static-content-display a:hover{text-decoration:underline;}

.static-content-display-siblings{
	float:left !important;
	width:323px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	position:relative;
	z-index:1000;
	padding-top:15px;
	/*margin-bottom:-65px;*/
	
}.static-content-display-siblings a:link,
.static-content-display-siblings a:active,
.static-content-display-siblings a:visited,
.static-content-display-siblings a:hover{
	color:#940018;
}.static-content-display-siblings a:hover{color:#990000;}

.static-content-display-scroller{
	position:absolute;width:318px;left:0px;top:0px;
	
}
.static-content-display-scroller-container{
	position:relative;width:318px;height:307px;overflow:hidden;
}


#scroller-1,
#scroller-2{
	margin-top:37px;
	
}
#lexpander{
	font-size:9px !important;color:#b8b8b8;
	height:20px;
	margin-top:39px;
	float:left;
	
}#lcollapser{
	
	float:left;font-size:9px !important;color:#b8b8b8;top-margin:-6px !important;padding:0px !important
}

#image-button-container{
	padding-bottom: 20px;
	float: left;
	width: 100%;
}

.image-button-on{
	width:10px;
	height:10px;
	overflow:hidden;
	cursor:default;
	/*background:#a20018;*/
	float:left;
	margin:4px;
	margin-left:0px;
	margin-right:10px;
}
.image-button-off{
	float:left;
	width:10px;
	height:10px;
	overflow:hidden;
	cursor:pointer;
	background:#d9d9d9;
	margin:4px;
	margin-left:0px;
	margin-right:10px;
}

.yui-skin-sam div#image-button-container li.image-button-on,
.yui-skin-sam div#image-button-container li.image-button-off {
  height: 53px;
  width: 90px;
}

#nav-btns a img {
  border: none;
  padding: 5px;
}

#nav-btns a#prev-page img {
  padding-left: 0;
}

.yui-carousel-nav ul  {
  display: none; 
}



#image-button-container {
  /*visibility: hidden;*/
}

.front-page-news-title{
	color:#838282;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:4px;
}p.front-page-news-content{
	font:11px Arial, Helvetica, sans-serif;
	color:#7b949d;
	margin-top:4px;
	line-height:+2;
}.front-page-news-content a:link,
.front-page-news-content a:active,
.front-page-news-content a:visited,
.front-page-news-content a:hover{
	font:11px Arial, Helvetica, sans-serif;
	color:#7b949d;
	text-decoration:underline
}.front-page-news-content a:hover{color:#666666}


.project-text{
	
}
.projects-listing{
	margin-top:14px;
	float:right;
	margin-left:6px;
	margin-bottom:2px;
	border:1px solid #e3e3e3;
	width:175px !important;
	line-height:normal !important
} .projects-title{
	/*background:#e3e3e3 !important;*/
	padding:4px;
	font:11px Verdana,Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666666;
	letter-spacing:+2px
} .projects-links{
	/*background:#e3e3e3;*/
	padding:4px;
}.projects-links a,
  .projects-links p{
	padding-bottom:4px;
	float:left;
	/*border-bottom:1px dashed #E9E9E9*/
}



.projectcaption{
	font-size:10px;
	color:#666666;
}
#projthumbs{
	width:100%;
	height:100%;
}
.tiledproject{
	/*float:left;
	display:block;
	widows:200px;*/
	padding-right:20px;
/*	padding-bottom:20px; */
  padding-top:31px;
  
	width:33.33%;
	height:45%
}.tiledproject img{
	padding-bottom:10px;
}
#projthumbs a:link,
#projthumbs a:visited,
#projthumbs a:hover,
#projthumbs a:active{text-decoration:none;}

#normal-page
{
	padding:0px;
	padding-bottom: 10px;
	margin:0px;
	display:block;
	float:left;
}

ol.yui-carousel-element img {
  height: 53px;
  width: 90px;
}
	
		div#menu-panel
		{
			z-index:10000;		
			text-align:left;
			height:38px;
		}
			
		div#menu-panel div 
		{
			float:left !important;
			font-size:17px;
			color:#FFFFFF;
		}
		
		div#menu-panel  span 
		{
			display: none;
		}
		
		div#menu-panel div a,
		div#menu-panel div a.hover,
		div#menu-panel div a.hover-hot,
		div#menu-panel div a.current-page
		{
      /*text-transform: lowercase;*/
			float:left;
			padding:9px 27px 12px 27px;
			
			color:#868686;
			font:13px Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none;
			font-weight:normal;

			border-right:1px solid #e8e8e8;
			vertical-align:middle;
			z-index:1000000;
			white-space:nowrap;
			background-color:transparent;
		}
		
		
		
		div#menu-panel div a.current-page
		{
      color: #9B1219;
			
			
		}
		
		div#menu-panel div a.hover
		{
      font-weight:normal;
      background-color:transparent;
      color: #9B1219;
		}
		
		div#menu-panel div a.hover-hot
		{
			font-weight:normal;
      background-color:transparent;
      color: #9B1219;

		}
		
		div#menu-panel div #a
		{
			padding:0px !important;
			margin:0px !important;
		}
		
		.menufixmargin
		{
			margin-top:1px !important;
			margin-left:-1px !important;
		}
		
		.menu-splitter
		{
			width:1px;
			overflow:hidden;
			height:38px;
			background:white;
			float:left;
		}
		
		body {
		  background: white url('../images/nav-bg.gif') repeat-x 0 69px;
		}
		  
    a#rm_contact.menuhead {
		  border-right: none;
		}
		
		#menubar {
		  padding-top: 4px;
		}