/** body **/
  #page
  {
    margin-left: auto;
    margin-right: auto;
    width: 912px;
  }

/** header **/
  #header
  {
		position:relative;
		padding-top: 159px;
		position: relative;
		display: block;
		float: left;
		width: 100%;
  }
	
	body.home #header, body.legal #header
	{
		background: url("../images/header-home.jpg") top left no-repeat;
	}
	
	body.special-services #header
	{
		background: url("../images/header-special.jpg") top left no-repeat;
	}
	
	body.core-services #header
	{
		background: url("../images/header-core.jpg") top left no-repeat;
	}
	
	body.links #header
	{
		background: url("../images/header-links.jpg") top left no-repeat;
	}
	
	body.contact-us #header
	{
		background: url("../images/header-contact.jpg") top left no-repeat;
	}
	
	body.booking #header
	{
		background: url("../images/header-booking.jpg") top left no-repeat;
	}

/** main (container for everything else) **/
  #main
  {
    position: relative;
		display: block;
		clear: both;
		background: #D3CFC4 url("../images/body-bg.jpg") repeat-y;
		float: left;
		width: 100%;
  }

  #main-inner
  {
	  margin: 0;
		padding: 0 0 0 33px;
		position: relative;
		display: block;
  }

/** content **/
  #content
  {
		clear: both;
		display: block;
		float: left;
		width: 100%;
  }

  #content-inner
  {
    margin: 0;
    padding: 22px 0 0 0;
		display: block;
		position:relative;
		
  }
	
	#content-area
	{
		display: block;
		position:relative;
		clear: both;
	}
	
	.courses #content, .contact #content, .home #content
  {
		position: relative;
  }
	
/** navbar **/
  #navbar
  {
    float: left;
    width: 100%;
    padding: 0; /* DO NOT CHANGE. Add padding or margin to #menu. */
		
  }
	
	#menu
	{
		padding: 0;
		height: 42px;
		background: url("../images/menu-bg.jpg") no-repeat;
	}
	
	.address
	{
		position: absolute;
		top: 0px;
		left: 648px;
		top: 153px;
		display: block;
		width: 230px;
		text-align: right;
		color: #FFF;
	}

/** footer **/
  #footer
  {
		display: block;
		float: left;
		width: 100%;
		margin: 25px 0 0 0;
		padding: 0 33px 15px 33px;
		clear: both;
		background: #FFF url("../images/footer-bg.jpg") no-repeat;
  }

  #footer-inner
  {
		display: block;
		float: left;
  }

/** Prevent overflowing content **/
  #header,
  #content,
  #navbar,
  #sidebar-left,
  #sidebar-right,
  #footer
  {
    overflow: visible;
    /* word-wrap: break-word; A very nice CSS3 property */
  }

  #navbar
  {
    overflow: hidden;
  }
	
  /* #page { overflow-y: hidden; }  CSS3 property */
	
	.float-right
	{
		float: right;
		padding: 0 0 10px 10px;
	}
	
	#map_canvas
	{
		width: 100%;
		height: 300px;
		margin-bottom: 10px;
		display: block;
		float: right;
	}