/*
*		Adhami Pender Architecture, CSS Document
*	
*		@url:		adhamipenderarchitecture.com.au
*		@media:		screen
*		@author:		Max Wheeler, Icelab Pty Ltd
*		@created_on:	2008-05-11
*
===============================================*/

/* Float clear fix
*/
#wrapper:after,
#content:after,
#topnav:after { 
content:  "."; 
display: block;
height: 0;
clear: both;
line-height: 0;
visibility: hidden;
}

html {
}

body {
background: #011d22 url("../img/bg-wave.jpg") no-repeat top center;
color: #e3f0f2;
font-size: 14px;
text-shadow: #011d22 0 0 5px;
}

/*============================================================================
                          >>  General: Structure  <<
----------------------------------------------------------------------------*/

#container {
background: url(../img/bg-tile.gif) top center;
position: fixed;
height: 100%;
width: 100%;
overflow: auto;
}

#header {
margin-top: 10%;
}
	#header h1 {
	}
		#header h1 a {
		background: transparent url(../img/ap-logo.gif) center right no-repeat;
		color: #72adb5;
		display: block;
		font: normal 50px/1.4 "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
		height: 66px;
		letter-spacing: -0.02em;
		line-height: 66px;
		text-transform: lowercase;
		text-decoration: none;
		text-indent: -999em;
		text-shadow: #111 0 0 5px;
		overflow: hidden;
		width: 940px;
		outline: none;
		}
			#header h1 a em {
			color: #cbc6a6;
			font-style: normal;
			}
			#header h1 a:hover {
			color: #cbc6a6;
			}
				#header h1 a:hover em {
				color: #72adb5;
				}

#topnav {
list-style: none;
margin: 0 0 1.6em;
}
	#topnav li {
	float: right;
	margin-left: 40px;
	}
		#topnav li a {
		color: #486f75;	
		display: block;
		font-size: 10px;
		font-weight: bold;
		letter-spacing: 0.3em;
		padding: 5px 8px;
		text-transform: uppercase;
		text-decoration: none;
		}
			.people #topnav li.people a,
			.profile #topnav li.profile a,
			.portfolio #topnav li.portfolio a,
			#topnav li a:hover {
			background: #011f24;
			color: #cbc6a6;
			}

#content {
border-bottom: 1px #08262b solid;
padding-bottom: 1.4em;
}

#footer {
border-top: 1px #08262b solid;
clear: both;
margin: 1px 0 10%;
padding: 10px 0;
}
	#footer p {
	color: #486f75;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	}

#footer p a,
#content p a,
#content ul li a {
border-bottom: 1px #285157 dotted;
text-decoration: none;
}
	#content p a:hover,
	#content ul li a:hover,
	#footer p a:hover,
	h2 a:hover {
	border-bottom: 1px #cbc6a6 solid;
	}

/*============================================================================
                        >>  GeneraL: Headings  <<
----------------------------------------------------------------------------*/
h2 {
text-transform: uppercase;
font-size: 10px;
letter-spacing: .3em;
color: #224349;
border-bottom: 1px #0e2d32 solid;
padding-bottom: 1em;
margin-bottom: 2em;
}
	h2 a {
	text-decoration: none;
	}
		

h3 {
color: #79a7ae;
font-size: 18px;
margin-bottom: 0.5em;
}

h4 {
color: #79a7ae;
font-size: 16px;
margin-bottom: 0.5em;
}


/*============================================================================
                   >>  Crazy Flash Background Hack  <<
----------------------------------------------------------------------------*/
#flash-bg {
position: absolute;
z-index: 10;
}
#container {
z-index: 11;
}




/*============================================================================
                        >>  @page: Home  <<
----------------------------------------------------------------------------*/
.home #content blockquote {
margin: 0;
}
	.home #content blockquote p {
	color: #c1d5d8;
	font: normal 24px/1.4 "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;	
	letter-spacing: -0.02em;
	}
		.home #content blockquote p span.source {
		color: #224349;
		font: italic 14px/1.4 Helvetica, Arial, sans-serif;	
		}

.home #projects {
border-top: 1px #0e2d32 solid;
border-bottom: 1px #0e2d32 solid;
clear: both;
height: 200px;
margin-bottom: 2em;
padding: 1px 0;
overflow: hidden;
position: relative;
width: 940px;
}
	.home #projects ul {
	margin: 0;
	list-style: none;
	position: absolute;
	width: 10000px;
	}
		.home #projects ul li {
		background: #8cbdc4;
		float: left;
		line-height: 0;
		margin-right: 1px;	
		}
			.home #projects ul li a {
			border: 0;
			display: block;
			position: relative;
			text-decoration: none;
			}
				.home #projects ul li a span {
				background: #011d22;
				color: #72adb5;
				display: block;
				font-size: 10px;
				font-weight: bold;
				position: absolute;
				padding: 1.2em 1em 0.26em 0.8em;
				top: 15px;
				left: -999em;
				height: 1em;
				}
					.home #projects ul li a:hover span {
					left: 0;
					}
					
/*============================================================================
                        >>  @page: People  <<
----------------------------------------------------------------------------*/
.person {
margin-bottom: 2em;
}

.person img {
border: #0e2d32 1px solid;
float: left;
margin: 0 15px 10px 0;
}

#partner .person h3,
#partner .person p {
margin-left: 89px;
margin-right: 10px;
}

#staff .person h4,
#staff .person p {
margin-left: 63px;
}

/*============================================================================
                    >>  @page: Portfolio Single  <<
----------------------------------------------------------------------------*/

.portfolio #content h3 {
border-bottom: 1px #09282d dotted;
font-size: 24px;
padding-bottom: 0.8em;
}

.portfolio #details blockquote {
float: right;
margin: 0 -180px 15px 30px;
padding: 0;
width: 370px;	
}
	.portfolio #details blockquote p {
	color: #79a7ae;
	font: normal 18px/1.4 "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	}
 .portfolio #details blockquote div.source {
	color: #2c5258;
	}

.portfolio #portfolio_image {
position: relative;
overflow: hidden;
zoom: 1;
}

	
.portfolio ul.portfolio-pics {
clear: both;
list-style: none;  
margin: 0;
padding-top: 3px;
}

   .portfolio ul.portfolio-pics li {
   float: left;
   margin-right: 11px;     
   padding-bottom: 0 !important; 
   margin-bottom: 10px;
   }
   
      .portfolio ul.portfolio-pics li a {
      display: block;
      border-bottom: none !important;
      height: 63px;
      width: 63px;
			line-height: 0;
			outline: none;
      }
			.portfolio ul.portfolio-pics li a img {
      border: #0b2927 1px solid;
			}
			.portfolio ul.portfolio-pics li a:hover img {
      border: #ccc 1px solid;
			}
				.portfolio ul.portfolio-pics li a em {
				color: #72ADB5;
				padding-top: 30px;
				font-style: none;  				
				text-align: center;
	         height: 63px;
	         width: 63px;
				display: block;   
				}
      
      
      
/*============================================================================
                    >>  @page: Portfolio Main  <<
----------------------------------------------------------------------------*/

.portfolio #portfolio-main table td {
width: 85px;
height: 95px;
padding: 0;
}

   .portfolio #portfolio-main table td a {
   display: block;
   width: 83px;
   height: 83px;
   border: #0e2d32 1px solid;
   outline: none;
   }
      
      .portfolio #portfolio-main table td a:hover {
      border: #2c8d9d 1px solid;  
      }


/*============================================================================
                    >>  @page: Profile  <<
----------------------------------------------------------------------------*/

.profile #profile img {
border: #0e2d32 1px solid;
margin-bottom: 5px;
}

.profile #content {
background: transparent url(../img/geo.gif) bottom right no-repeat;

}

/*============================================================================
                  >>  @widget: Portfolio Slideshow  <<
----------------------------------------------------------------------------*/

.ui-tabs-panel {
position: absolute;
}

.ui-tabs-hide {
display: none !important;
}