/*
 * #01 - General 
 * #02 - Masthead
 * #03 - Header
 * #04 - Navigation
 * #05 - Content (Note: Anything within the content
 *				  area should be in layout_content.css)  
 * #06 - Footer
 * #07 - Other 
 */

/* #01 - GENERAL **************************************************************/

* { margin: 0;  padding: 0; }

html {
}

body {
	/* centering */
	text-align: center;
}

#nonfooter {
	/* centering */
	margin: 0 auto;
	text-align: center;
		    
	background: #fff url('../images/bg_masthead.jpg') repeat-x 50% 0; /* see comment in #wrapper re: backgrounds */ 
}
body#index #nonfooter {
	background: transparent url('../images/bg_masthead-index.gif') repeat-x 50% 335px;
}

* html #nonfooter {
}

#wrapper {
	/* centering */
	width: 990px;
	margin: 0 auto;
	
	text-align: left;
	/* if #wrapper contains content, set this as left.  Otherwise, if #wrapper
	 * will contain an inner-wrapper, set this as center.
	 */
	
	background: #fff url('../images/bg_wrapper.gif') repeat-y 0 0;
}

#inner-wrapper {
	width: 960px;
	margin-left: 30px;
	padding: 24px 0;
	overflow: hidden; /* contain floats */
	background: transparent; /* grey built in to bg_wrapper */
}

/* #02 - MASTHEAD *************************************************************/

#masthead {
	/* centering */
	width: 990px;
	margin: 0 auto;
	
	height: 358px;
	overflow: hidden;
	
	text-align: left;
	background: transparent url('../images/header.jpg') no-repeat 0 0;	
}

#masthead-logo {
	display: block;
	position: absolute;
	width: 153px;
	height: 43px;
	overflow: hidden;
	text-indent: -9999px;
	background: #fff url('../images/calgary-dentist-ambiance-dental.png');
	margin: 40px 0 0 21px;
	float: left;
}



/* #03 - HEADER ***************************************************************/

#breadcrumbs {
	margin: 17px 0 0 12px;
}

/* #04 - NAVIGATION ***********************************************************/

#nav {
	width: 990px;
	height: 29px;
	margin: 291px 0 0 52px;
}

#nav li {
	display: block;
	height: 29px;
	margin-right: 24px;
	float: left;
	list-style: none;
}
#nav li.last { margin-right: 0; }

#nav li a {
	display: block;
	height: 29px;
	text-indent: -9999px;
	overflow: hidden;
	background: #fff url('../images/nav.gif') no-repeat 0 0;
}

#nav li a#nav-home { width: 88px; background-position: -52px 0; }
#nav li a#nav-home:hover { width: 88px; background-position: -52px -29px; }

#nav li a#nav-work { width: 126px; background-position: -164px 0; }
#nav li a#nav-work:hover { width: 126px; background-position: -164px -29px; }

#nav li a#nav-service { width: 149px; background-position: -314px 0; }
#nav li a#nav-service:hover { width: 149px; background-position: -314px -29px; }

#nav li a#nav-location { width: 160px; background-position: -487px 0; }
#nav li a#nav-location:hover { width: 160px; background-position: -487px -29px; }

#nav li a#nav-team { width: 126px; background-position: -671px 0; }
#nav li a#nav-team:hover { width: 126px; background-position: -671px -29px; }

#nav li a#nav-galleries { width: 119px; background-position: -821px 0; }
#nav li a#nav-galleries:hover { width: 119px; background-position: -821px -29px; }

/* #05 - CONTENT **************************************************************/

/* #06 - FOOTER ***************************************************************/

#footer {
	/* centering */
	width: 990px;
	margin: 0 auto;	
	
	height: 196px; /* fairly arbitrary - to fix Facebook Like button */
	margin-bottom: 12px;
	overflow: hidden;
	
	clear: both;
	text-align: left;
}

#footer #conclusion {
	width: 930px;
	padding: 0 30px;
	background: transparent url('../images/bg_wrapper.gif') repeat-y 50% 0;
}

#footer #end {
	overflow: hidden; /* contain floats */
	padding-top: 24px;
	background: #fff url('../images/bg_footer.gif') no-repeat 10px 0;
}

/* #07 - OTHER ****************************************************************/