* { margin: 0px; padding: 0px; border: 0px;}

/********************************************************
	*
	* Common Style
	*
********************************************************/
hr {
	display: none;
	}
h1 {
	position: relative;
	z-index: 2;
	margin: 40px 0px 25px 0px;
	height: 24px;
	color: #d60052;
	font-size: 1.2em;	
	letter-spacing: 0.2em;
	font-weight: normal;

	}
	h1 #h1Image {
		position: absolute;
		z-index: 3;
		top: 0px;
		left: 0px;
		height: 100%;

		}
	#welcome h1 #h1Image {
		width: 130px;
		background: url(images/h1_welcome.png);

		}
	#portfolio h1 #h1Image {
		width: 130px;
		background: url(images/h1_portfolio.png);

		}
	#about h1 #h1Image {
		width: 130px;
		background: url(images/h1_about.png);

		}
	#contact h1 #h1Image {
		width: 130px;
		background: url(images/h1_contact.png);

		}
h2 {
	margin: 40px 0px 25px 0px;
	font-size: 1.2em;
	font-weight: normal;
	text-transform: lowercase;
	letter-spacing: 0.1em;
	text-align: right;

	}
h3 {
	display: none;

	}
	h3 span {
		text-transform: none;

		}
h4 {
	font-size: 1em;

	}
p {
	padding: 0px 0px 2em 0px;
	font-size: 0.8em;
	line-height: 1.8em;
	
	}
ul {
	font-size: 0.8em;
	line-height: 1.8em;
	margin: 0px 0px 1em 15px;
	list-style-type: square;

	}
.inlineUL li {
	display: inline;
	color: #60616a;

	}
.blockUL {
	margin: 0px 0px 2em 15px;

	}
	.blockUL a {
		display: block;

		}
abbr {
	border: dotted;
	border-width: 0px 0px 1px 0px;
	cursor: help;

	}
.lesserText {
	color: #7e7f87

	}

/********************************************************
	*
	* Body and Container elements
	*
********************************************************/

body {
	position: relative;
	z-index: 0;
	width: 100%;
	height: 100%;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #4b4c54;
	text-align: center;
	background: url(images/background.png) top repeat-x #f7f7f8;
	
	}
	#container {
		position: relative;
		float: none;
		margin: 0px auto;
		width: 900px;
		height: 100%;
		text-align: left;
		
		}

/********************************************************
	*
	* Header
	*
********************************************************/

#container #header {
	position: relative;
	z-index: 2;
	height: 102px;

	}
	#header dl {
		position: relative;
		top: 26px;
		left: 0px;
		width: 224px;
		height: 62px;

		}
		#header dl dt {
			font-size: 0.86em;

			}
		#header dl dd {
			font-size: 0.7em;

			}
		#header dl #logoImage {
			position: absolute;
			z-index: 3;
			top: 0px;
			left: 0px;
			width: 404px;
			height: 61px;
			background: url(images/logo.png);	

			}

/********************************************************
	*
	* Content
	*
********************************************************/

	#container #content .projectThumbWrapper {
		position: relative;
		width: 522px;
		height: 211px;
		background: url(images/projectThumbWrapper.png);

		}
		.projectThumbWrapper a {
			position: relative;
			display: block;
			top: 19px;
			left: 16px;
			width: 489px;
			height: 176px;
			border: none;

			}
			.projectThumbWrapper a img {
				width: 489px;
				height: 176px;
				border: none;			

				}

/********************************************************
	*
	* Main Content
	*
********************************************************/

#container #content #mainContent {
	position: relative;
	z-index: 2;
	top: 0px;
	left: 0px;
	margin-bottom: 2em;

	}
#welcome #container #content #mainContent, #contact #container #content #mainContent {
	float: left;
	width: 350px;	

	}
#portfolio #container #content #mainContent, #about #container #content #mainContent {
	float: left;
	padding: 0px 21px 0px 0px;
	width: 529px;	

	}
#about #container #content #mainContent {
	width: 505px;

	}
	#portfolio #mainContent h2, #about #mainContent h2 {
		display: none;

		}
	#portfolio #mainContent h3, #about #mainContent h3 {
		position: relative;
		display: block;
		margin: 0px 0px 1em 0px;
		padding: 0.5em 0.8em;
		color: #d61861;
		font-size: 1.2em;
		font-weight: normal;
		text-transform: lowercase;
		letter-spacing: 0.1em;
		background: #fafafa;
		border: solid 1px #d3d4de;

		}
	#portfolio #mainContent h3 {
		position: absolute;
		top: 103px;		
		left: 0px;
		width: 481px;

		}
	#about #mainContent h3 {
		margin: 34px 0px 2em 0px;

		}
	#welcome #mainContent #skills {
		margin-bottom: 2em;

		}
	#mainContent .portfolioList {
		margin-left: -5px;
		list-style-type: none;

		}
	#portfolio #mainContent .projectContent {
			overflow: hidden; 
			padding-right: 19px;
			margin-top: 493px;
			margin-bottom: 1em;

			}
		#mainContent .projectContent .projectImageWrapper {
			position: absolute;
			top: 163px;
			left: -7px;
			width: 521px;
			height: 382px;
			background: url(images/projectImageWrapper.png);
		
			}
			.projectImageWrapper img {
				position: absolute;
				top: 19px;
				left: 16px;
				width: 489px;
				height: 301px;
				border: none;			
	
				}
		#portfolio #mainContent .projectContent #projectNotes, #about #mainContent .aboutNotes  {
				position: relative;
				float: left;
				margin: 10px 0px 0px 0px;
				width: 312px;	

				}
				#portfolio #projectNotes #clientNotes {
					margin-bottom: 1.6em;
					border-bottom: solid 1px #d3d4de;	

					}
		#portfolio #mainContent .projectContent #projectSkills {
				position: relative;
				float: right;
				margin: 13px 0px 0px 0px;
				padding: 0px 15px 5px 15px;
				width: 140px;
				font-size: 0.86em;
				background: #e4e4e4;
				border: solid 1px #d3d4de;	
	
				} 
				#portfolio #projectSkills h4 {
					margin: 15px 0px 1em 0px;

					}
				#portfolio #projectSkills ul {
					list-style-type: square;

					}

/********************************************************
	*
	* Side Content
	*
********************************************************/

#container #content #sideContent {
	position: relative;
	z-index: 12;
	top: 0px;
	right: 0px;
	margin-bottom: 2em;

	}
#welcome #container #content #sideContent, #contact #container #content #sideContent {
	float: right;
	width: 550px;	

	}
#portfolio #sideContent, #about #sideContent {
	position: relative;
	float: right;
	width: 350px;
	padding: 98px 0px 2em 0px;	

	}
#about #sideContent {
	width: 370px;

	}
	#sideContent h4 {
		margin: 0px 0px 1em 0px;
		font-size: 1em;
		/*font-weight: normal;*/
		text-transform: lowercase;
		letter-spacing: 0.1em;

		}
	#sideContent #subNav {
		position: absolute;
		top: 40px;
		right: 0px;
		background: #e4e4e4;
		border: solid #d3d4de;
		border-width: 1px 1px 1px 0px;
		overflow: hidden;
		
		}
	#portfolio #sideContent #subNav {
			 width: 351px;

			}
	#about #sideContent #subNav {
			 width: 468px;

			}
		#subNav li {
			display: inline;
			float: left;
			padding: 0.2em 0px;
			width: 116px;
			height: 100%;
			text-align: center; border-left: 1px solid #d3d4de

			}
			#subNav li a {
				padding: 0.2em;				

				}
		#subNav .selected {
				color: #fff;
				text-decoration: none;
				background: #e64c87;

				}
				#subNav .selected a {
					color: #fff;	

					}
	#sideContent .projectThumbWrapper {
		top: -4px;
		right: -33px;

		}
	#welcome #sideContent ul, #portfolio #sideContent ul, #contact #sideContent ul {
		margin-left: 0px;
		list-style-type: none;

		}
	#about #sideContent #aboutSkills, #about #sideContent #aboutSoftware {
			position: relative;
			float: left;
			margin: 0px 0px 0px 0px;
			padding: 0px 15px 5px 15px;
			width: 140px;
			font-size: 0.86em;
			background: #e4e4e4;
			border: solid 1px #d3d4de;	
	
			}
	#about #sideContent #aboutSoftware {
			position: relative;
			float: right;

			}
			#about #aboutSkills h4, #about #aboutSoftware h4 {
				margin: 15px 0px 1em 0px;

				}

	

/********************************************************
	*
	* Footer
	*
********************************************************/

#container #footer {
	position: relative;
	z-index: 2;
	clear: both;
	padding: 1em 15px;
	margin-bottom: 20px;
	background: #e4e4e4;
	border: solid 1px #d3d4de;

	}
	#footer #validation ul {
		position: relative;
		left: -15px;

		}
		#validation ul li {
			display: inline;

			}
	#footer #copyrightInfo p {
		margin: 0px;
		padding: 0px;

		}

/********************************************************
	*
	* Navigation 
	*
********************************************************/

#container #navigation {
	position: absolute;
	z-index: 5;
	top: 0px;
	right: 0px;
	width: 900px;

	}
	#navigation #mainNav {
		position: absolute;
		top: 0px;
		right: -16px;
		width: 360px;
		height: 306px;

		}
		#navigation #mainNav li {
			display: inline;

			}
			.normalStyle li a span {
				position: absolute; 
				z-index: 7;
				top: 0px;
				background: url(images/links/mainNav.png) no-repeat;
				cursor: pointer

				}		
			#mainNav #homeLink a span, #mainNav #homeLinkSelected a span { 
				left: 0px;
				width: 75px;
				height: 102px; 

				}
			.normalStyle #homeLink a span {
				background-position: 0px 0px;

				}
			.normalStyle #homeLinkSelected a span {
				background-position: 0px -102px;

				}
			#mainNav #portfolioLink a span,#mainNav #portfolioLinkSelected a span  { 
				left: 75px;
				width: 108px;
				height: 102px; 

				}
			.normalStyle #portfolioLink a span {
				background-position: -75px 0px;

				}
			.normalStyle #portfolioLinkSelected a span {
				background-position: -75px -102px;

				}
			#mainNav #aboutLink a span, #mainNav #aboutLinkSelected a span { 
				left: 183px;
				width: 80px;
				height: 102px; 

				}
			.normalStyle #aboutLink a span {
				background-position: -183px 0px;

				}
			.normalStyle #aboutLinkSelected a span {
				background-position: -183px -102px;

				}
			#mainNav #contactLink a span, #mainNav #contactLinkSelected a span { 
				left: 263px;
				width: 97px;
				height: 102px; 

				}
			.normalStyle #contactLink a span {
				background-position: -263px 0px;

				}
			.normalStyle #contactLinkSelected a span {
				background-position: -263px -102px;

				}

/********************************************************
	*
	* Links
	*
********************************************************/

a:link {
	color: #d60052;
	text-decoration: none;

	}
a:visited {
	color: #4437c2;
	text-decoration: none;

	}
a:hover {
	color: #d60052;
	text-decoration: none;
	border-bottom: solid 1px #d60052;

	}
a:active, a:focus {
	color: #fff;
	text-decoration: none;
	background: #db2a6e;

	}


/* -- Content Links -- */

.blockUL a:hover {
	padding: 0px 0.5em;
	text-decoration: none;
	background: #e4e4e4;
	border: solid #d60052;
	border-width: 0px 0px 0px 2px;

	}
.blockUL a:focus {
	padding: 0px 0.5em;

	}
.blockUL a:active {
	color: #fff;
	text-decoration: none;
	background: #d60052;

	}

.projectThumbWrapper a:hover, .projectThumbWrapper a:focus {
	top: 17px; 
	margin-left: -2px;
	background: none;
	border: solid 2px #d60052;

	}

/* -- Navigation Links -- */

.normalStyle #homeLink a:hover span {
	background-position: 0px -102px;

	}
.normalStyle #homeLink a:focus span, .normalStyle #homeLink a:active span {
	background-position: 0px -204px;

	}

.normalStyle #portfolioLink a:hover span {
	background-position: -75px -102px;

	}
.normalStyle #portfolioLink a:focus span, .normalStyle #portfolioLink a:active span {
	background-position: -75px -204px;

	}

.normalStyle #aboutLink a:hover span {
	background-position: -183px -102px;

	}
.normalStyle #aboutLink a:focus span, .normalStyle #aboutLink a:active span {
	background-position: -183px -204px;

	}

.normalStyle #contactLink a:hover span {
	background-position: -263px -102px;

	}
.normalStyle #contactLink a:focus span, .normalStyle #contactLink a:active span {
	background-position: -263px -204px;

	}

/********************************************************
	*
	* Last Update: 11.08am 12th June 2009
	*
********************************************************/