/*-----------------------------------------------------------------------------
version:   1.0
author:    John Anderson
email:     janderson@soaringpenguin.co.uk
website:   http://www.soaringpenguin.co.uk/
date:      2007 November 07

Copyright 2007 Soaring Penguin Ltd. All Rights Reserved
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* hack for forcing scroll bars to stop page jog - 
http://www.splintered.co.uk/experiments/49/ */
html { margin-bottom: 1px; min-height: 100%; }

/* Remove padding and margin on selected elements*/
h1,h2,h3,h4,h5,h6,pre,body,p,div{margin: 0; padding: 0;}

/*debug border on all divs*/
div{
    border: 0px solid #ccc;
}

/* Class for clearing floats */
.clear {
    clear:both;
}

/* Remove border around linked images and fix Firefox odd spaces */
img {
    border: 0;
    vertical-align: bottom;
}
body {
	font-family: arial;
	font-size: 10px;
	background-color: #999999;
	color: #000000;
}
.red {
	color: #ff0000;
}

/* =Structural
-----------------------------------------------------------------------------*/
	#container {
		width: 800px;
		margin: 0 auto;
		background-color: #ffffff;
	}
	#navigation {
		width: 800px;
		height: 41px;
		background: url(../images/navigationbg.png) no-repeat;
	}
	#content {
		width: 800px;
		background-color: #ffffff;
		padding-bottom: 17px;
	}

			 



/* =Typography
-----------------------------------------------------------------------------*/



/* =Headings
-----------------------------------------------------------------------------*/
	#header h1 {
		width: 800px;
		height: 112px;
		position: relative;
		color: #ffffff;
	}
		#header h1 span {
			width: 100%;
			height: 100%;
			position: absolute;
			background: url(../images/headerbg.png) no-repeat;
		}
		#header h1.hirondelle span {
			width: 100%;
			height: 100%;
			position: absolute;
			background: url(../images/hirondellebg.png) no-repeat;
		}
		#header h1.moulins span {
			width: 100%;
			height: 100%;
			position: absolute;
			background: url(../images/moulinsbg.png) no-repeat;
		}
		#header h1.studio span {
			width: 100%;
			height: 100%;
			position: absolute;
			background: url(../images/the-studiobg.png) no-repeat;
		}
		
	#content h2 {
		color: #5c7b04;
		margin-left: 14px;
		font-size: 12px;
	}
		#content #photogallery h2,
		#content #subnavigation h2 {
			margin: 9px 0 13px 55px;
			
		}
	#content h3.header {
		color: #5c7b04;
	/*	margin: 10px 0 0px 0;*/
		padding:10px 0 0px 15px;
		font-size: 14px;
	}
	#content h3.glance {
		color: #5c7b04;
		margin-top: 40px;
		padding-left: 14px;
		line-height: 25px;
		font-size: 14px;
		width: 786px;
		border-top: 1px solid #5c7b04;
		border-bottom: 1px solid #5c7b04;
		background: url(../images/glanceimage.gif) no-repeat top left;
	}
	#content h4 {
		padding-left: 14px;
		font-size: 12px;
	}
			
	
	
	#content #subnavigation {
		width: 300px;
		float: left;
	}
		#subnavigation ul {
			list-style: none;
		}
		#titles {
			width: 800px;
			clear: both;
		}
	
		#titles #moulinstitle {
			float: left;
			width: 300px;
		}
			#titles h4 {
				font-size: 12px;
				color: #666666;
			/*	line-height: 20px; */
				margin: 15px 0 0 0;
				float: left;
				display: inline;
			}
		#titles #hirondelletitle {
			float: left;
			width: 300px;
			margin-left: 14px;
		}
		#titles #studiotitle {
			float: left;
			width: 170px;
			margin-left: 14px;
		} 
		
		


/* =Links
-----------------------------------------------------------------------------*/
	 
	 p#bottomlinks {
	 	color: #5c7b04;
		font-size: 12px;
		clear: both;
	}
		 p#bottomlinks a {
			color: #5c7b04;
			text-decoration: none;
			font-size: 12px;
			line-height: 50px;
			
		}




/* =Branding
-----------------------------------------------------------------------------*/




/* =Main Nav
-----------------------------------------------------------------------------*/
	#navigation ul {
		float: left;
		list-style: none;
		width: 783px;
		padding: 0;
		margin: 0 0 0 7px;
	}
		#navigation ul li {
			float: left;
		}
			#navigation ul li a {
				display: block;
				line-height: 24px;
				text-decoration: none;
				padding: 0 7px;
				color: #ffffff;
				font-size: 12px;
			}
				#navigation ul li a:hover {
					color: #00ffff;
				}

	

/* =Sub Nav
-----------------------------------------------------------------------------*/
	#subnavigation ul {
		margin: 0 0 0 55px;
		padding: 0;
		width: 200px;
	}
		#subnavigation h3 {
			color: #5c7b04;
			margin: 7px 0;
			font-size: 14px;
		}




/* =Main Content
-----------------------------------------------------------------------------*/
	#photos {
		width: 784px;
		height: 214px;
		padding: 0 7px;
	}
		#photos img {
			margin: 0 7px;
		}
		
	#content p,
	#content li {
		margin: 3px 15px;
	}
	
	
	#photogallery {
		width: 530px;
		margin-left: 10px;
		float: left;

	}
		#photogallery img {
			float: left;
			margin-left: 55px;
			margin-bottom: 25px;
		}
		
		
	#movie {
		width: 400px;
		height: 500px;
		float: right;
		display: inline;
		margin: 60px 30px 0 0;
	}
		#movie p {
			color: #5c7b04;
			font-size: 14px;
			margin-left: 0px;
		}
	p#instructions {
		color: #5c7b04;
		font-size: 14px;
		float: right;
		width: 170px;
		margin-top: 40px;
	}
		

		




/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/	
	#footer {
		clear: both;
		width: 800px;
		height: 67px;
		background: url(../images/footerbg.png) no-repeat;
	}
		#footer p {
			padding: 45px 0 0 15px;
			color: #5c7b04;
			font-size: 12px;
		}
			#footer p a {
				color: #5c7b04;
				text-decoration: none;
				font-size: 12px;
			} 



/* =Forms
-----------------------------------------------------------------------------*/




/* =Tables
-----------------------------------------------------------------------------*/

table {
   border-spacing: 0;
    border-collapse: collapse;
	margin-left: 15px;
}

td {
   text-align: left;
   font-weight: normal;
}
	td.bold {
		font-weight: bold;
	}

		



/* =Misc 1
-----------------------------------------------------------------------------*/
	.linebreak {
		height: 1px;
		width: 800px;
		border-bottom: 1px solid #5c7b04;
		margin:0;
	}	




/* =Misc 2
-----------------------------------------------------------------------------*/