/* ----------
				Reset
---------- */
html, body, h1, h2, h3, h4, h5, h6, form, fieldset, blockquote, p, address, span, div, .nav, .nav ul, .nav ol, .contact ol, label, input, select, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	}
	
html {
	font-size: 125%; /* 20 */
	}
	
body {
	font-size: 50%; /* 10 */
	background: url(../i/assets/bg-pg-gradient.gif) center top repeat-x ;
	background-color: #f8f7f5;
	}
	
	
/* ----------
				Generic Styling
---------- */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}
	
h2 {
	clear: both;
	}
	
a {
	outline: none;
	text-decoration: none;
	}
	
	a img {
		border: 0;
		}
	
	a:hover {
		text-decoration: underline;
		}
		
.clear {
	clear: both;
	}


/* ----------
				Main Structure
---------- */
#mainContainer {
	margin: 0 auto;
	background-position: center bottom;
	background-repeat: no-repeat;
	}
	
#mainDiv {
	width: 968px;
	margin: 0 auto;
	padding: 0;
	background-position: bottom center;
	background-repeat: no-repeat;
	}
	
#headerDiv, #contentDiv, #subContentDiv,  {
	position: relative;
	z-index: 2;
	}

	#headerDiv {
		height: 40px;
		background: url(../i/assets/logo-summerlaw.png) left top no-repeat;
		margin: 60px 0 42px 0;
		padding-bottom: 32px;
		border-bottom: #717171 1px solid;
	
		}
		
	
/* -- Main Nav -- */		
#navigation {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 18px 0 0 0;
	float: right;
	list-style-type: none;
	color: #000;
	text-transform: uppercase;
	}
	
	#navigation li {
		float: left;
		padding-right: 7px;
		}
		
	#navigation a {
		color: #000;
		margin-right: 5px;
		}
		
		#navigation a:hover, #navigation .current {
			text-decoration: none;
			color: #ffae0d;
			}
			
/* -- side nav -- */		

#sidenav {
	width: 368px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	#sidenav li {
		float: left;
		display: inline;
		width: 327px;
		padding: 12px;
		border-bottom: 1px solid #d3d2d0;
		margin-left: 30px;
		margin-bottom: 0;
		}
				
			#sidenav h3 {
			text-transform: uppercase;
			font-size:13px;
			font-weight:bold;
			color: #ffae0d;
			/*padding: 0 0 7px 0;*/
			padding: 0;
			margin: 0;
			}
			/*
			#sidenav h3 a{
				text-transform: uppercase;
				font-size:13px;
				font-weight:bold;
				color: #ffae0d;
				}
			
			#sidenav h3 a:hover {
				color: #ffae0d;
				text-decoration: none;
				}
*/
			
			#sidenav p {
				font-size: 14px;			
				line-height: 17px;	
				color: #464646;
				padding: 0 12px 0 0;
				}
				
			#sidenav .link {
				padding: 0 0 0 12px;
				color: #000;
				font-size: 11px;
				font-weight: bold;
				text-transform: uppercase;
				}
			
			#sidenav .link a {				
				padding: 3px 8px 2px 6px;
				}
				
				#sidenav .link a:hover {
					color: #ffae0d;
					text-decoration: none;
					}
		
		#sidenav li:hover {
			background: #3e3e3e;
			}
			
			#sidenav li:hover p {
				color: #fff;
				}
				
			#sidenav li:hover a {
				padding: 0 0 0 12px;
				color: #fff;
				}
				
				#sidenav li:hover a:hover {
					color: #fff;
					text-decoration: underline;
					}
		
	
/* -- content -- */	
#contentDiv{
	/*margin-bottom: 25px;*/
	padding-bottom: 40px;
	}
	
	.page-title {
		margin-bottom: 28px;
		height: 30px;
		width: 500px;
		background-repeat: no-repeat;
		background-image: url(../i/assets/titles.png);
		text-indent: -999em;
		overflow: hidden;
		}
		
		#title1 {
			/* Employer of Choice */
			height: 38px;
			background-position: 0 0;
			}
			
		#title2 {
			/* The Summer Clerk Programme */
			background-position: 0 -38px;
			}
			
		#title3 {
			/* Top Clients, Top Deals */
			background-position: 0 -68px;
			}
			
		#title4 {
			/* Practice Groups */
			background-position: 0 -98px;
			}
			
		#title5 {
			/* Flexibility  */
			background-position: 0 -128px;
			}
			
		#title6 {
			/* Superb Training */
			background-position: 0 -158px;
			}
			
		#title7 {
			/* Rewards */ 
			background-position: 0 -188px;
			}
		
			
		#title8 {
			/* Community - Giving back */
			background-position: 0 -218px;
			}
			
		#title9 {
			/* Taupo Induction Trip */
			background-position: 0 -248px;
			}
			
		#title10 {
			/* Recognition */
			background-position: 0 -278px;
			}
			
		#title11 {
			/* Apply */
			background-position: 0 -308px;
			}
			
		#title12 {
			/* Meet the team */
			background-position: 0 -338px;
			}
			
		#title13 {
			/* Error: 404 */
			background-position: 0 -368px;
			}
			
		#title14 {
			/* Contact Us */
			background-position: 0 -398px;
			}
			
		#title15 {
			/* Teams of Use */
			background-position: 0 -428px;
			}
			
		#title16 {
			/* Teams of Use */
			background-position: 0 -458px;
			}
			
#subContentDiv {
	width: 968px;
	overflow: hidden;
	background-image:url(../i/assets/bg-pagedividline-new.gif);
	background-repeat: repeat-y;
	}
	
	*html #subContentDiv {
		height: 1%;
		}
		
	#contentBody {
		width: 600px;		
		float: left;
		}
		
		#contentBody p {
			margin: 0;
			padding: 0 54px 20px 0;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 15px;
			line-height: 20px;
			color: #464646;
			}
					
			#contentBody .intro {
				font-size: 18px;
				line-height: 24px;
				}
				
			#contentBody .title {
				text-transform: uppercase;
				font-size: 14px;
				color: #ffae0d;
				}
			
			#contentBody .list-title {
				font-weight: bold;
				font-style: italic;
				color: #ffae0d;
				}
				
			#contentBody ul {
				margin: 0;
				padding: 0 0 20px;
				}
					
			#contentBody li {
				color: #464646;
				font-size: 14px;
				line-height: 18px;
				margin: 0 70px 10px 20px;
				padding-left: 7px;
				}
				
				#contentBody li a {
					color: #464646;
					text-decoration: none;
					}
					
				#contentBody li a:hover {
					color: #ffae0d;
					text-decoration: underline;
					}
				
	.home-signature {
		height: 100px;
		background-repeat: no-repeat;
		background-image: url(../i/content/img-signature.png);
		background-position: top left;
		}
			
		#name-signature {
			padding: 65px 0 20px 0;
			font-size: 16px;
			line-height: 20px;
			color: #464646;
			}
			
			
	#contentBody .table {
		font-size: 11px;
		line-height: 14px; 
		color: #ffae0d; 
		padding: 0 0 10px 0;
		text-transform: uppercase;
		}
		
		
	#contentBody .content-image {
		float: left;
		background-color: #dadada;
		border: #dadada 5px solid;
		margin-top: 15px;
		margin-right: 20px;
		display: inline;
		}
			
/* -- teamtitles -- */			
			
	.team-title {
		margin-bottom: 28px;
		height: 26px;
		width: 325px;
		background-repeat: no-repeat;
		background-image: url(../i/assets/title-team.gif);
		text-indent: -999em;
		overflow: hidden;
		}
		
		#teamAuckland {			
			height: 26px;
			background-position: 0 0;
			}
			
		#teamWillington {
			background-position: 0 -26px;
			}
			
		#teamUni {
			background-position: 0 -52px;
			}
			
				
		#team {
			width: 600px;
			overflow: hidden;
			float: left;
			margin: 0;
			padding: 0;
			font-family:Arial, Helvetica, sans-serif;
			list-style-type: none;
			}
		
			#team li {
				float: left;
				width: 88px;
				height: 170px;
				margin: 0 28px 20px 0;
				padding: 0px;
				}
				
				#team img {
					display: block;
					border-width: 5px;
					border-color: #fff;
					border-style: solid;
					margin-bottom: 5px;
					background-color: #fff;
					}
						
				#team .partner-name {
					width: 80px;
					float: left;
					color: #000;
					background: #dadada;
					text-transform: uppercase;
					font-size: 11px;
					line-height: 11px;
					font-weight: bold;
					padding: 3px 4px 3px 6px;
					}
					
			#team .team-blurb {
				width: 380px;
				margin-right: 0;
				}
					
					

/* -- Contact -- */

#contact {
	width: 460px;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	list-style-type: none;
	}
	
	
	#contact li {
	float: left;
	display: inline;
	width: 200px;
	margin: 0 30px 10px 0;
	padding: 0;
	}
	
			
		#contact h4 {
		text-transform: uppercase;
		font-size:13px;
		font-weight:bold;
		color: #ffae0d;
		padding: 15px 0 15px 0;
		}
		
		#contact p {
			font-size: 14px;
			line-height: 18px;
			}
			
					
#quoteName h3 {
	display: block;
	padding: 0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 13px;
	color: #ffae00;
	}
			
#quoteName h3 strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	font-style: normal;
	}
			
			
/* -----
			Info Table
----- */
.info-table {
	width: 480px;
	color: #ffae0d;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
	}
	
	.info-table th, .info-table span {
		color: #464646;
		}
		
	.info-table th, .info-table td {
		border-bottom: 1px solid #dadada;
		padding: 5px 0;
		}
		
	.info-table th {
		font-weight: normal;
		text-align: left;
		}
		
		.th-step {
			width: 122px;
			}
			
		.th-loc1, .th-loc2, .th-loc3, .th-loc4 {
			width: 82px;
			}
	
/* -- quote --*/
.testimonial {
	width: 348px;
	color: #000;
	clear: both;
	overflow: hidden;
	padding: 15px 0 0 0;
	float: left;
	margin: 0 0 0 125px;
	display: inline;
	}
		
	.testimonial blockquote {
		width: 348px;
		overflow: hidden;
		background-image: url(../i/assets/bg-quotes-bottom.png);
		background-repeat: no-repeat;		
		background-position: bottom left;
		color: #000;
		padding: 0 0 25px 0;
		}
	 	
	.testimonial blockquote .blockquote-top {
		background-image: url(../i/assets/bg-quotes-top.png);
		background-position: top left;
		background-repeat: no-repeat;
		padding: 25px 0 0 0;
		}
		
	.testimonial .blockquote-body {
		width: 348px;
		background-image: url(../i/assets/bg-quotes-body.png);
		background-repeat: repeat-y;
		padding: 0 10px;	
		}
		
		.testimonial .blockquote-body h2 {
			width: 288px;
			padding: 0 20px 20px 20px;
			font-family: Georgia, Times New Roman, Times, serif;
			font-style: italic;
			font-size: 14px;
			line-height: 18px;
			color: #333;
			}
			
		.testimonial .blockquote-body cite {
			display: block;
			padding: 0 20px 5px 20px;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-style: normal;
			font-size: 13px;
			color: #ffae00;
			}
			
		.testimonial .blockquote-body cite strong {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #333;
			font-style: normal;
			}


	
/* -- Footer -- */
#footerDiv {
	background-color: #fff;
	}

	.footerBody{
		margin: 0 auto;
		width: 968px;
		padding: 26px 0;
		background: url(../i/assets/logo-rmv.png) center right no-repeat;
		font-size: 13px;
		line-height: 1em;
		font-weight: bold;
		color: #ffae0d;
		}
	
	.footerBody a {
		position: absolute;
		margin-left: 15px;
		padding-left: 15px;
		border-left: 1px solid #ffae0d;
		color: #ffae0d;
		}	


/* -- Homepage -- */
#alternateLayout #mainContainer {
	background-repeat: repeat-x;
	}

#alternateLayout #contentDiv {
	padding-bottom: 300px;
	}