/* -----------------------------------------------------------------------------
 | Project: Leo Nine website
 | Client:  Leo Nine
 | Author:  Jeremy Bennett
 | 
  ----------------------------------------------------------------------------*/



/* --- GENERAL -------------------------------------------------------------- */


* /* Clear all margins and padding to zero. */ {
	margin:0;
	padding:0;
	}
body {
	position:relative;
	font:normal 0.6em/1.5em "Lucida Grande", Tahoma, Helvetica;
	color:#DDD;
	background-color: #282B33;
	background-image: url("photo_images/background.gif");
	background-repeat: repeat-x;
	background-position: 0px 51px;
	}
span.clear /* for clearing floats */ {
	clear:both;
	height:1px;
	line-height:1px;
	font-size:1px;
	margin-top:-1px;
	}
.clear {
	clear:both;
	}
	
p {
	padding-bottom: 0.8em;
}


a {
	color: #eee;
	font-weight: bold;
	text-decoration: none;
	outline: none;	/* Removes the dotted line that appears in firefox & incldes off-screen text when clicking on a link. */
}


/* --- LAYOUT --------------------------------------------------------------- */

#container_all {
	width: 100%;
	height: 600px;

	background-image: url("photo_images/background_container.gif");
	background-repeat: no-repeat;
	background-position: right 51px;
}

#container_menu {
	height: 50px;
	
	text-indent: -5000px;
	
	
	/*padding-top: 170px;
	float: right;
	width: 184px;
	background-color: #008;*/
}
#container_menu li {
	display:inline;
}
#container_menu a {
	margin-right: 49px;
	margin-top: 36px;
	display:block;
	float:right;
	height: 92px;
	width: 92px;
	background-image: url("photo_images/heading_leo_nine.gif");
	background-repeat: no-repeat;
	background-position:top left;
}
*html #container_menu a {
	margin-right: 23px;
	margin-top: 23px;
	}				

#container_main {	
	width: 100%;
	height: 100%;
	margin-top:100px;
	text-align: center;
	/*background-color: #f00;*/
	}
*html #container_main {	
	margin-top:0px;
	}