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

		Crotty
		
		This stylesheet defines layout 
		attributes for all browsers.
		
		Developer: Tate Johnson <tate@bottlebrush.net.au>
		Project Manager: Fabienne Rabiossi <fabienne@untanglemyweb.com>
		
		Last edit: 2008-06-05

	#############################
	
		Stylesheet Layout:
		
		- Default Settings
		- Container
			- Navigation
			- Content
				- Image Gallery
			- Footer

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

/* -------->>> Default Settings <<<-------- */

html, body {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
html {
	background: #5d5787 url("../images/background.jpg") center top repeat-x;
	}
	
/* -------->>> Container <<<-------- */

#container {
	width: 799px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}

	/* -------->>> Navigation <<<-------- */
	
	#navigation {
		position: relative;
		width: 789px;
		margin: 5px auto 0 5px;
		background: url("../images/nav-base.png") center center repeat-x;
	}
	
	#navigation ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	#navigation li {
		float: left;
		margin: 0 3px;
	}
	
	#navigation li.first {
		margin-left: 0;
	}
	
	#navigation li.section {
		background: url("../images/nav-base-section.png") center center repeat-x;
	}
	
	#navigation li a:hover {
		background: url("../images/nav-base-hover.png") center center repeat-x;
	}
		
	#navigation li ul {
		position: absolute;
		left: -9999em;
		margin: 0;
		padding: 0;
		border-right: 5px solid #fff;
		border-bottom: 5px solid #fff;
		border-left: 5px solid #fff;
		background: #880705;
	}
	
	#navigation li ul li {
		margin: 0;
		padding: 0;
		float: none;
	}	
	
	#navigation li:hover ul, #navigation li:focus ul, #navigation li.sfhover ul {
		left: auto;
	}
	
	#navigation li:hover ul li, #navigation li:focus ul, #navigation li.sfhover ul {
		float: none;
	}
	
	/* -------->>> Content <<<-------- */

	#content {
		width: 749px;
		margin: 5px auto 0 auto;
		padding: 20px;
		background: #e4e5db;
	}
	
	img.left {
		float: left;
		margin: 0 15px 10px 0;
	}
	
	img.right {
		float: right;
		margin: 0 0 10px 15px;
	}
	
	img.center {
		display: block;
		margin: 0 auto 1.5em auto;
	}
	
		/* -------->>> Image Gallery <<<-------- */
		
		#image-gallery {
			width: 710px;
			margin: 0 auto;
			padding-left: 10px; /* Compensate for 10px right hand margin. Keep exactly in centre */
		}

		#image-gallery, #paginator {
			padding-bottom: 18px;
		}

		#image-gallery ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}

		#image-gallery li {
			float: left;
			margin: 0 0px 0 0;
		}

	/* -------->>> Footer <<<-------- */
	
	#footer {
		width: 664px;
		margin: 5px auto 0 auto;
		padding: 17px 20px 17px 105px;
		background: url("../images/footer-base.jpg") left center;
	}
	
	div.footer_column {
		float: left;
		margin-right: 20px;
	}
	
	#footer dl {
		width: 20em;
		margin: 0;
		padding: 0;
	}
	
	#footer dt {
		float: left;
		width: 5.5em;
	}
	
	/* -------->>> Other <<<-------- */
	
	#other ul {
		margin: 0;
		padding: 0;
	}
	
	#other li {
		margin: 0;
		padding: 0 5px 0 3px;
		border-right: 1px solid #a6a6a6;
		display: inline;
	}
	
	#other li.last {
		padding-right: none;
		border-right: none;
	}