/*****************************************************/
/*	General											 */
/*****************************************************/
html
{
	height: 100%;
}

body
{
	margin: 0; 
	background-color: #F4F4F4;
	font-family: Arial;
	height: 100%
}

form
{
	height: 100%;
}

span
{
	margin: 0;
	font-size: 12px;
}

p
{
	font-size: 12px;
}

div
{
	font-size: 12px;
}

h1
{
	margin: 0;
	font-size: 26px;
	font-weight: bold;
}

h2
{
	margin: 0;
	font-size: 20px;
	font-weight: bold;
}

h3
{
	margin: 0;
	font-size: 18px; 
	font-weight: bold;
}

li
{
	padding-bottom:8px;
}

/*****************************************************/
/*	Default form styles								 */
/*****************************************************/
#frmDefault .divContainer 
{
	width: 824px; 
	min-height: 100%; 
	height: 100%; 
	margin-left: auto; 
	margin-right: auto; 
	overflow: visible
}

	#frmDefault .divContainer .tblContainer
	{
		height: 100%; 
		width: 100%
	}

		#frmDefault .divContainer .tblContainer .tdContainerLeft
		{
			width: 15px; 
			background-image: url(/Images/shadow_left.jpg); 
			background-repeat: repeat-y
		}

		#frmDefault .divContainer .tblContainer .tdContainerCenter
		{
			background-color: #FFFFFF
		}

			#frmDefault .divContainer .tblContainer .tdContainerCenter > .divHeader
			{
				height: 178px; 
				margin-left: 2px; 
				margin-right: 2px; 
				margin-bottom: 2px; 
				background-image: url(/Images/pacific_quay_rounded.jpg); 
				background-repeat: no-repeat; 
				color: #FFFFFF
			}

				#frmDefault .divContainer .tblContainer .tdContainerCenter .divHeader .divWrapper
				{
					padding-top: 8px; 
					padding-left: 23px; 
					font-weight: bold
				}

					#frmDefault .divContainer .tblContainer .tdContainerCenter .divHeader .divWrapper h2
					{
						padding-top:5px
					}

					#frmDefault .divContainer .tblContainer .tdContainerCenter .divHeader .divWrapper .divResume
					{
						font-size: 11px; 
						padding-left: 8px
					}

						#frmDefault .divContainer .tblContainer .tdContainerCenter .divHeader .divWrapper .divResume .lnkResume
						{
							color: #FFFFFF
						}
		
					#frmDefault .divContainer .tblContainer .tdContainerCenter .divHeader .divWrapper .divCopywrite
					{
						font-size: 8px; 
						position: absolute; 
						left: 889px; 
						top: 165px
					}	
		
			#frmDefault .divContainer .tblContainer .tdContainerCenter .divBanner
			{
				height: 40px; 
				background-image: url(/Images/nav_background.jpg); 
				background-repeat: repeat-x; 
				color: #FFFFFF; 
				font-weight: bold; 
				padding-left: 23px; 
				padding-top: 12px
			}
		
			#frmDefault .divContainer .tblContainer .tdContainerCenter .divContent
			{
				margin-left: 5px; 
				margin-right: 5px; 
				margin-top: 12px; 
				margin-bottom: 10px
			}
	
		#frmDefault .divContainer .tblContainer .tdContainerRight
		{
			width: 15px; 
			background-image: url(/Images/shadow_right.jpg); 
			background-repeat: repeat-y
		}

/*****************************************************/
/*	About user control styles						 */
/*****************************************************/
.aboutUserControl h3
{
	padding-left: 19px; 
	padding-right: 19px; 
	padding-bottom: 2px; 
	border-bottom: solid 1px black
}

.aboutUserControl .divImageWrapper
{
	float: right; 
	width: 120px; 
	padding-top: 10px
}

	.aboutUserControl .divImageWrapper div
	{
		text-align: center; 
		padding-top: 15px
	}
	
		.aboutUserControl .divImageWrapper div img
		{
			height: 40px
		}

.aboutUserControl .divTextWrapper
{
	padding-top: 15px; 
	padding-left: 19px; 
	padding-right: 19px; 
	padding-bottom: 15px;
	font-size: 12px;
}

	.aboutUserControl .divTextWrapper div
	{
		width: 700px; 
		margin-left: auto; 
		margin-right: auto; 
		margin-bottom: 15px
	}

		.aboutUserControl .divTextWrapper div .tblTechnology
		{
			text-align: left; 
			font-size: 12px; 
			width: 100%;
			border-right: solid 1px #000000
		}

			.aboutUserControl .divTextWrapper div .tblTechnology th
			{
				text-align: left;
				background-color: #000000; 
				color: #FFFFFF; 
				font-weight: bold;
				padding-left: 5px;
				padding-right: 5px;
				padding-top: 3px;
				padding-bottom: 3px
			}

			.aboutUserControl .divTextWrapper div .tblTechnology td
			{
				border-left: solid 1px #000000;
				border-bottom: solid 1px #000000;
				vertical-align: top;
				padding-top: 3px;
				padding-bottom: 3px;
				padding-left: 5px;
				padding-right: 5px
			}

			.aboutUserControl .divTextWrapper div .tblTechnology .thTechnology
			{
				width: 150px;
			}

			.aboutUserControl .divTextWrapper div .tblTechnology .thExperience 
			{
				width: 81px;
			}

			.aboutUserControl .divTextWrapper div .tblTechnology .thLastUsed
			{
				width: 81px;
			}

/*****************************************************/
/*	Qualifications user control styles				 */
/*****************************************************/

.qualificationsUserControl h3
{
	padding-left: 19px; 
	padding-right: 19px; 
	padding-bottom: 2px; 
	border-bottom: solid 1px black
}

.qualificationsUserControl .divQualifications
{
	padding-top: 10px; 
	padding-left: 19px; 
	padding-right: 19px; 
	padding-bottom: 15px;
	font-size: 12px
}

	.qualificationsUserControl .divQualifications div
	{
		padding-top: 5px;
	}

.qualificationsUserControl .divEducation
{
	padding-left: 19px; 
	padding-right: 19px; 
	margin-bottom: 10px; 
	padding-bottom: 15px;
	font-size: 12px; 
}	

	.qualificationsUserControl .divEducation div
	{
		padding-top: 15px
	}
	
/*****************************************************/
/*	Professional Experience user control styles		 */
/*****************************************************/

.professionalExperienceUserControl
{
	font-size: 12px
}

	.professionalExperienceUserControl .divTitle
	{
		padding-left: 19px; 
		padding-right: 19px; 
		padding-bottom: 2px
	}
	
		.professionalExperienceUserControl .divTitle .divDates
		{
			float: right; 
			font-weight: bold; 
			padding-top: 4px
		}
		
		.professionalExperienceUserControl .divTitle .h3Company
		{
			font-style: italic
		}
		
	.professionalExperienceUserControl .divTechnology
	{
		font-weight: bold; 
		border-top: solid 1px black; 
		border-bottom: solid 1px black; 
		padding-left: 19px; 
		padding-right: 19px; 
		padding-top: 4px; 
		padding-bottom: 4px
	}
	
		.professionalExperienceUserControl .divTechnology .divLabel
		{
			width: 115px; 
			display: inline-block
		}
		
		.professionalExperienceUserControl .divTechnology .divList
		{
			display: inline-block
		}
	
	.professionalExperienceUserControl .divDescription
	{
		padding-left: 19px; 
		padding-right: 19px; 
		padding-bottom: 15px
	}	
		
/*****************************************************/
/*	Testimonials user control styles				 */
/*****************************************************/

.testimonialsUserControl .divHeader
{
	margin-bottom: 5px; 
	border-bottom: solid 1px black; 
	padding-left: 19px; 
	padding-right: 19px; 
	padding-bottom: 2px
}

	.testimonialsUserControl .divHeader > div
	{
		float: right;
	}

		.testimonialsUserControl .divHeader > div > input
		{
			font-size: 10px;
		}

.testimonialsUserControl .divTestimonial
{
	margin-bottom: 10px; 
	padding-top: 20px; 
	padding-bottom: 20px; 
	text-align: center
}

/*****************************************************/
/*	Contact user control styles						 */
/*****************************************************/

.contactUserControl > h3
{
	border-bottom: solid 1px black; 
	padding-bottom: 2px; 
	padding-left: 19px; 
	padding-right: 19px
}

.contactUserControl > .divWrapper
{
	padding-top: 15px; 
	padding-left: 19px; 
	padding-right: 19px
}

	.contactUserControl > .divWrapper > .divContactDetails
	{
		float: left
	}
		
		.contactUserControl > .divWrapper > .divContactDetails > table
		{
			border: solid 2px gainsboro; 
			background-color: #F4F4F4
		}
			
			.contactUserControl > .divWrapper > .divContactDetails > table .tdEmail
			{
				padding-top: 5px; 
				padding-left: 5px; 
				padding-right: 5px
			}
				
			.contactUserControl > .divWrapper > .divContactDetails > table .tdTelephone
			{
				padding-top: 8px; 
				padding-left: 5px; 
				padding-right: 5px; 
				padding-bottom: 5px
			}
	
	.contactUserControl > .divWrapper > .divMessage
	{
		float: right
	}	
	
		.contactUserControl > .divWrapper > .divMessage > table 
		{
			width: 500px; 
			border: solid 2px gainsboro; 
			background-color: #F4F4F4	
		}
		
			.contactUserControl > .divWrapper > .divMessage > table .tdTitle
			{
				padding-top: 5px; 
				padding-left: 5px; 
				padding-right: 5px
			}	
			
			.contactUserControl > .divWrapper > .divMessage > table .tdControls
			{
				padding-top: 8px; 
				padding-left: 5px; 
				padding-right: 5px
			}

				.contactUserControl > .divWrapper > .divMessage > table .tdControls > table
				{
					width: 100%;			
				}
				
					.contactUserControl > .divWrapper > .divMessage > table .tdControls > table .tdName
					{
						width: 150px; 
						padding-bottom: 8px; 
						padding-right: 5px; 
						border-bottom: solid 1px black
					}
				
					.contactUserControl > .divWrapper > .divMessage > table .tdControls > table .tdNameControl
					{
						padding-bottom: 8px; 
						border-bottom: solid 1px black
					}
					
						.contactUserControl > .divWrapper > .divMessage > table .tdControls > table .tdNameControl > input
						{
							width: 300px;
						}
							
					.contactUserControl > .divWrapper > .divMessage > table .tdControls > table .tdEmail
					{
						width: 150px; 
						padding-bottom: 8px; 
						padding-right: 5px; 
						padding-top: 8px; 
						border-bottom: solid 1px black
					}		
						
					.contactUserControl > .divWrapper > .divMessage > table .tdControls > table .tdEmailControl
					{
						width: 200px; 
						padding-bottom: 8px; 
						padding-top: 8px; 
						border-bottom: solid 1px black
					}
					
						.contactUserControl > .divWrapper > .divMessage > table .tdControls > table .tdEmailControl > input
						{
							width: 300px
						}
					
					.contactUserControl > .divWrapper > .divMessage > table .tdControls > table .tdMessage
					{
						width: 150px; 
						padding-bottom: 8px; 
						padding-top: 10px; 
						padding-right: 5px; 
						border-bottom: solid 1px black
					}
						
					.contactUserControl > .divWrapper > .divMessage > table .tdControls > table .tdMessageControl
					{
						width: 200px; 
						padding-bottom: 8px; 
						padding-top: 8px; 
						border-bottom: solid 1px black
					}
					
						.contactUserControl > .divWrapper > .divMessage > table .tdControls > table .tdMessageControl > textarea
						{
							width: 300px;
							height: 200px;
						}
					
					.contactUserControl > .divWrapper > .divMessage > table .tdControls > table .tdCaptcha
					{
						width: 150px; 
						padding-bottom: 12px; 
						padding-top: 8px; 
						padding-right: 5px; 
						border-bottom: solid 1px black
					}
					
					.contactUserControl > .divWrapper > .divMessage > table .tdControls > table .tdCaptchaControl
					{
						width: 200px; 
						padding-bottom: 8px; 
						padding-top: 8px; 
						border-bottom: solid 1px black	
					}
					
						.contactUserControl > .divWrapper > .divMessage > table .tdControls > table .tdCaptchaControl .tdImage
						{
							padding-bottom: 4px
						}
							
							.contactUserControl > .divWrapper > .divMessage > table .tdControls > table .tdCaptchaControl .tdCode > input
							{
								width: 300px
							}	

			.contactUserControl > .divWrapper > .divMessage > table .tdSubmit
			{
				padding-top: 8px; 
				padding-bottom: 5px; 
				padding-left: 5px; 
				padding-right: 5px
			}
			
				.contactUserControl > .divWrapper > .divMessage > table .tdSubmit > table
				{
					width: 100%
				}
				
					.contactUserControl > .divWrapper > .divMessage > table .tdSubmit > table .divOutcome
					{
						padding-top: 3px; 
						padding-bottom: 3px; 
						padding-left: 5px; 
						padding-right: 5px; 
						margin-bottom: 8px 
					}
							
.contactUserControl > .divFooter
{
	height: 15px; 
	clear: both
}