/* 
 ----------------------------------------------------------------------------
  Copyright Creative Giant Design Group, LLC 2008. Used with Permission.                             
  May not be duplicated or reproduced.
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }

em { font-style: normal; font-weight: bold; }

/* global elements
 * ------------------------------------------------------------------------- */
body { background: #f58025 url(../bg.gif) top center no-repeat; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-align: center; }
a { color: #006699; }
a:hover { color: #ffffff; }
.imgright { margin: 5px 0px 5px 15px; }
.imgleft { margin: 5px 15px 5px 0px; }
table {border-collapse:collapse; border:0; margin:0; padding:0;}

/* framework
 * ------------------------------------------------------------------------- */
#container { width: 990px; margin: 0px auto 0px auto; padding: 0px; text-align: left; }
#container:after, #left_column:after, #right_column:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	#left_column { width: 190px; height: 572px; float: left; background: url(../left_bg.gif) top left no-repeat;}
		#main_logo { width: 225px; height: 225px; overflow: hidden; position: absolute; margin: 19px 0px 0px 25px; z-index: 999999; }

#right_column { width: 800px; height: 572px; float: left; }
		#main_image { width: 800px; height: 436px; background: url(../mainimage.jpg) top left no-repeat; }
		#titlebar { width: 800px; height: 89px; background: url(../title.gif) top left no-repeat; }
		#navbar { width: 800px; height: 47px; background: url(../nav_bg.gif) top left no-repeat; }
 			#nav { width: 615px; height: 47px; margin: 0px 0px 0px 0px; background: url(../navbar.gif) no-repeat; position: relative; float: left; }
				#nav li { list-style: none; padding: 0px; margin: 0px; position: absolute; }
				#nav li, #nav a { height: 47px; display: block; }
				#nav span { display: none; }
				#btn_calgary { width: 112px; left: 0px; }
				#btn_edmonton { width: 141px; left: 112px;  }
				#btn_ottawa { width: 100px; left: 253px;  }
				#btn_toronto { width: 119px; left: 353px; }
				#btn_vancouver { width: 143px; left: 472px; }
				
				#btn_calgary a:hover { background: transparent url(../navbar.gif) -0px -47px no-repeat;}
				#btn_edmonton a:hover { background: transparent url(../navbar.gif) -112px -47px no-repeat;}
				#btn_ottawa a:hover { background: transparent url(../navbar.gif) -253px -47px no-repeat;}
				#btn_toronto a:hover { background: transparent url(../navbar.gif) -353px -47px no-repeat;}
				#btn_vancouver a:hover { background: transparent url(../navbar.gif) -472px -47px no-repeat;}
				
			#dropdown { width: 185px; height: 47px; float: left; }
				#droplink { width: 151px; height: 47px; background: url(../btn_drop.gif) top left no-repeat; display: block; float: right; }
				#droplink:hover { background: transparent url(../btn_drop.gif) -0px -47px no-repeat;}
				#droplink span { display: none; }
					#dropdown_2009 { text-transform: uppercase; font-size: 11px; margin: 0px 0px 0px 6px; background-color: #333092; width: 135px; position: absolute; margin: -79px 0px 0px 42px; z-index: 999; }
					#dropdown_2009 li, #dropdown_2009 li a { width: 135px; height: 20px; display: block; text-decoration: none; color: #fdb913;}

					#dropdown_2009 li span { display: block; padding: 3px 0px 3px 32px;  }
					#dropdown_2009 li a:hover { background-color: #0076c0; }
			
 #footer_container { text-align: center; font-size: 9px; color: #484848; position: absolute; top: 540px; left: 0px; width: 100%;  z-index: -999}
 	
		#footer_area { margin: 0px auto 0px auto; text-align: left; width: 990px; padding: 8px 0px 8px 0px; }