/* -------------------------------------

TOC

1 - Global Reset and default settings
2 - Structural elements
3-  Navigation
4 - Heading, Typography, Links
5 - Buttons
6 - General Styles

----------------------------------------*/

/* 1 - Global Reset and default settings
---------------------------------------------------------------------------------------------------------------*/
	
	body * {margin:0; padding:0} 
	img, object {border:0;}
	body {text-align:center; font-size:62.5%; font-family:, "Times New Roman", Times, serif; color:#fff; background-color:#000; padding:0; margin:0}
	
/* 2 - Structural elements
---------------------------------------------------------------------------------------------------------------*/

  /******************* Main Structure *******************/
	
	 #wrapper {width:900px; margin:0 auto; text-align:left}
	 #content {width:900px; padding:10px 0 10px 0}
	 #intro-titl {float:left; width:90px;padding-top:60px;}
	 #primary-content {float:right; width:770px; height:470px; font-size:1.0em;}
	 #secondary-content {float:left; width:100px; height:516px; position:relative; font-size:1.0em}
	 
	 #pcl {float:left; width:232px; margin-left:10px}
	 #pcr {float:right; width:560px; margin-right:8px; display:inline}
	
	/* Home page & Recent work */
	#home #secondary-content, #recent #secondary-content  {width:90px}
	#home #primary-content, #recent #primary-content {width:810px}
	#recent #primary-content #pcl {padding-left:10px; width:190px}
	#recent #primary-content #pcl h2 {margin-bottom:5px}
	#recent #primary-content #pcl p {font-size:1.1em}
	#recent #primary-content ul {list-style-type:none; margin-bottom:10px; font-size:0.9em}
	#recent #primary-content li {font-family: Georgia; color: #999; font-size:1.3em; margin-bottom:3px;}

	.images ul {list-style-type:none}
	.images ul li {float:left; width:90px; height:90px; margin:0 20px 20px 0}


	.architecture #secondary-content  #intro-titl {padding-top:0px}
/* 3-  Navigation
---------------------------------------------------------------------------------------------------------------*/
	
	/* Primary Nav */
	#nav-primary {width:895px; background:url(../images/border-dotted.gif) #000 6px 3px repeat-x; padding:15px 0} /* height required for Opera bug (margins collape on rollover) */
		#nav-primary ul {list-style-type:none; float:right; margin-top:10px}
		#nav-primary li {padding:0 10px; float:left; margin-right:1px; border-right:solid 1px #999; color: #c8e6fa; font-size:1.5em; font-style:italic }
		#nav-primary li#last {padding-right:0; border-right:none}
		#nav-primary a { color: #999; }
		#nav-primary a:hover {color:#c8e6fa;}


/* 4 - Heading, Typography, Links
---------------------------------------------------------------------------------------------------------------*/

	p {font-family: Georgia; color: #999; font-size:1.5em; margin-bottom:15px;}
			
	a {color: #999; text-decoration:none}
	a:hover {color:#c8e6fa;}
		
	#home #primary-content h2, #recent #primary-content h2 {color: #999; margin-bottom:20px; font-size:2.0em !important; font-style:italic }


/* 7 - General Styles
---------------------------------------------------------------------------------------------------------------*/

	#pwf-title {float:right; margin-right:5px}		
	#logo {position:absolute; bottom:11px; left:0}

	.uline {border-bottom:solid 1px #999; padding-bottom:15px}
	.copyright {font-size:1.2em !important}
		
	/* CSS clearing */	
		.clearing:after {content: "."; display:block; height: 0; clear: both; visibility: hidden}
		.clearing {display: inline-block}
		/* Hides from IE-mac \*/
		* html .clearing {height: 1%}
		.clearing {display: block}
		/* End hide from IE-mac */
		
			
	/* Hide stuff */
		.skiplink {position:absolute; left:-9999px; top:-9999px; height:1px; font-size:1; line-height:0; overflow:hidden}