/*	- RESET -	*/
/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
/*	- TYPOGRAPHIC -	*/
body 
{
	font: 75% cambria, georgia, serif;
	line-height: 1.5em;
	background-color: white;
	color: black;
}
body#home	{
	background-color: black;
	color: white;
}
html>body
{
	font-size: 14px;
}
	h1, h2, h3, h4, h5, h6 
	{
		font-weight: normal;
	}
	h1 
	{
		font-size: 1.5em;
		line-height: 1em;
		margin: 0 0 1em 0;
	}
	#title h1
	{
		font-variant: small-caps;
		
		color: #fff;
	}
	h2 , ul#nav li , p.intro
	{
		font-size: 1.1667em;
		line-height: 1.286em;
		margin: 1.929em 0 0.643em 0;
	}
	h2 span.project_date
	{
		padding-left: 1.4em;
		color: #5c5c5c;
	}
	p.home
	{
		line-height: 1.4em;
		font-size: 1.5em;
		padding-bottom: 4em;
	}
	ul#nav li
	{
		margin: 0;
	}
	p, p.intro + p
	{
	   font-size: 1em;
	   margin: 1.5em 0 0 0;
	}
	p + p 	/*Won't work in <=IE6*/
	{	
	   text-indent:1em;
	   margin: 0 0 0 0;
	}
	p.intro + p
	{
		text-indent: 0;
	}
	p.intro
	{
		font-style: italic;
	}
	p.instruction
	{
		color: #5c5c5c;
		margin: 1.5em 0 .5em 0;
	}
	a:link , form label span , #gallery h2 span.project_date
	{
		color: #5c5c5c;
	}
	a:visited
	{
		color: #777;
	}
	a:active, a:hover
	{
		color: #555;
	}
	ul#access li a.normal-text-size
	{
		font-variant: small-caps;
	}
	body#home #nav li a:link, body#home #nav li a:visited	{
		color: #fff;
	}
	ul#nav li a:link, ol#project_listing li a:link
	{
		color: #000;
		text-decoration: none;
	}
	ul#nav li a:visited, ol#project_listing li a:visited
	{
		color: #000;
		text-decoration: none;
	}
	ul#nav li a:active, ul#nav li a:hover, ol#project_listing li a:active, ol#project_listing li a:hover, body#home #nav li a:active, body#home #nav li a:hover
	{
		color: #777;
		text-decoration: none;
	}
		.sidenote
		{
			font-size: 0.8333em;
			line-height: 1.8em;
		}
	blockquote, q
	{
		margin: 1.5em 0;
	}
/*	- STRUCTURE -	*/
body
{
	text-align: center; /*	Make IE center the container	*/
}
	#container
	{
		text-align: left;	/*	Back to normal now	*/
		width: 960px;
		margin: 0 auto;
	}
		#access
		{
			float: right;
			margin: 30px 84px 0 0;
		}
			#access li
			{
				padding: 0 0 0 8px;
			}
		img#logo
		{
			clear: both;
			margin: 40px 0 0 40px;
		}
		img#header_image
		{
			position: relative;
			left: 543px;
			top: -84px;
		}
		#title
		{
			width: 347px;
			height: 52px;

			position: relative;
			top: -86px;
			left: 196px;

			background: #5c5c5c url(/images/design/title_background.jpg) no-repeat top center;
		}
		#title h1
		{
			padding: 15px 0 0 84px;
		}
		ul#nav
		{
			margin: -137px 0 0 40px;
		}		
		#portfolio_controls
		{
			position: relative;
			top: -117px;
			left: 612px;
		}
			#portfolio_controls li
			{
				padding: 0 8px 0 0;
			}
		#content_container
		{
			margin-left: 73px;
			border-left: 1px solid #999;
		}
			#content
			{
				margin: -21px 84px 0 205px;
			}
				/*	PORTFOLIO	*/
				ol#project_listing
				{
					list-style-type: circle;
				}
				/* PROJECT, CONTACT	*/
				#project_container , #contact_container
				{
					
				}
					#gallery , #enquiry
					{
						width: 292px;
					}
						#gallery ul li
						{
							float: left;
							padding-left: 5px;
						}
						#gallery ul li.nl
						{
							clear: left;
							padding: 0;
						}
						#gallery span.slideshow
						{
							clear: left;
							display: block;
							padding-top: 1em;
						}
					#copy , #contact_details
					{
						width: 263px;
						padding-left: 40px;
					}
				/*	DETAILS	*/
				.closure
				{
					margin: 1.5em 0 0 0;
				}
				/*	CONTACT	*/
				form p + p
				{
					text-indent: 0;
				}
				input, textarea
				{
					margin-bottom: 1.5em;
				}
				/*	SITEMAP	*/
				ul li ol
				{
					margin: 0 0 0 8px;
				}
		#copy_and_login , #return_top , #credit
		{
			clear: both;
		}
		#copy_and_login
		{
			margin: 72.5px 0 0 40px;
		}
		#return_top
		{
			position: relative;
			top: -27px;
			left: 279px;
			width: 8em;
		}
		#credit
		{
			float: right;
			margin: -39px 84px 0 0;
		}
/*	- ELEMENTS -	*/
	a img
	{
		border: none;
	}
	ul.option_list
	{}
		ul.option_list li
		{
			float: left;
		}
/*	THICKBOX	*/
	#TB_window {
	}
	#TB_secondLine {
	}
	#TB_window a:link {color: #666666;}
	#TB_window a:visited {color: #666666;}
	#TB_window a:hover {color: #000;}
	#TB_window a:active {color: #666666;}
	#TB_window a:focus{color: #666666;}
	/* ----------------------------------------------------------------------------------------------------------------*/
	/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
	/* ----------------------------------------------------------------------------------------------------------------*/
	#TB_overlay {
	  position: fixed;
	  z-index:100;
	  top: 0px;
	  left: 0px;
	  background-color:#000;
	  filter:alpha(opacity=75);
	  -moz-opacity: 0.75;
	  opacity: 0.75;
	  height:100%;
	  width:100%;
	}
	* html #TB_overlay { /* ie6 hack */
	     position: absolute;
	     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}
	#TB_window {
	  position: fixed;
	  background: #ffffff;
	  z-index: 102;
	  color:#000000;
	  display:none;
	  border: 4px solid #525252;
	  text-align:left;
	  top:50%;
	  left:50%;
	}
	* html #TB_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}
	#TB_window img#TB_Image {
	  display:block;
	  margin: 15px 0 0 15px;
	  border-right: 1px solid #ccc;
	  border-bottom: 1px solid #ccc;
	  border-top: 1px solid #666;
	  border-left: 1px solid #666;
	}
	#TB_caption{
	  height:25px;
	  padding:7px 30px 10px 25px;
	  float:left;
	}
	#TB_closeWindow{
	  height:25px;
	  padding:11px 25px 10px 0;
	  float:right;
	}
	#TB_closeAjaxWindow{
	  padding:7px 10px 5px 0;
	  margin-bottom:1px;
	  text-align:right;
	  float:right;
	}
	#TB_ajaxWindowTitle{
	  float:left;
	  padding:7px 0 5px 10px;
	  margin-bottom:1px;
	}
	#TB_title{
	  background-color:#e8e8e8;
	  height:27px;
	}
	#TB_ajaxContent{
	  clear:both;
	  padding:2px 15px 15px 15px;
	  overflow:auto;
	  text-align:left;
	  line-height:1.4em;
	}
	#TB_ajaxContent.TB_modal{
	  padding:15px;
	}
	#TB_ajaxContent p{
	  padding:5px 0px 5px 0px;
	}
	#TB_load{
	  position: fixed;
	  display:none;
	  height:13px;
	  width:208px;
	  z-index:103;
	  top: 50%;
	  left: 50%;
	  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
	}
	* html #TB_load { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}
	#TB_HideSelect{
	  z-index:99;
	  position:fixed;
	  top: 0;
	  left: 0;
	  background-color:#fff;
	  border:none;
	  filter:alpha(opacity=0);
	  -moz-opacity: 0;
	  opacity: 0;
	  height:100%;
	  width:100%;
	}
	* html #TB_HideSelect { /* ie6 hack */
	     position: absolute;
	     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}
	#TB_iframeContent{
	  clear:both;
	  border:none;
	  margin-bottom:-1px;
	  margin-top:1px;
	  _margin-bottom:1px;
	}
/*	SLIDESHOW	*/
	#rotator
	{
		cursor: pointer;
		overflow: hidden;
		margin: 0 0 10px 0;
		position: relative;
		width: 420px;
		height: 432px;
		text-align: center;
	}
		#rotator img
		{
			display: none;
			margin: 12px;
			margin-left: 30px;
		}
		/*#rotator img.land
				{
					width: 560px;
					height: 420px;
				}
				#rotator img.port
				{
					width: 420px;
					height: 560px;
				}*/