/***** HTML *****/
		
		div.logo {
			position: absolute;
			top: 0px;
			left: 2px;
		}
		
		#horizon {
			text-align: center;
			position: absolute;
			top: 50%;
			left: 0px;
			width: 100%;
			height: 1px;
			overflow: visible;
			visibility: visible;
			display: block
		}

		#wrapper {
			background-color: #ffffff;
			margin-left: -403px;
			position: absolute;
			top: -238px;
			left: 50%;
			width: 806px;
			height: 477px;
			text-align: center;
			visibility: visible
		}
		
		html, body {
			border:0;
			margin:0;
			padding:0;
		}
		 
		img {
			border: 0;
		}

/**** HEADER ****/

		#header {
			padding-right: 2px;
			display: table-cell; 
			vertical-align: middle;
			border-bottom: 1px solid #829b7b;
			position: float;
			width: 806px;
			height: 59px;
			visibility: visible
		}

/**** CONTENT ****/

		#content{
			width: 806px;
			position: float;
			height: 375px;	
			visibility: visible;
			padding-top: 22px;
		}

/**** FOOTER ****/

		#footer {
			border-top: 1px solid #829b7b;
			position: float;
			width: 806px;
			height: 21px;
			visibility: visible;
		}

		div.footer-left {
			height: 15px;
			position: absolute;
			top: 465px;
			left: 3px;
		}

		div.footer-right {
			width:240px;
			text-align: right;
			height: 15px;
			position: absolute;
			top: 465px;
			left: 563px;
		}

		span.footer-bold {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #829b7b;
			font-weight: bold;
		}

		span.footer-normal {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
		}

		span.footer-normal-indent {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			margin-left:10px;
		}
		
/**** HOME ****/

		div.img-designs {
			float:left;
			margin-top: -10px;
			margin-left: -10px;
		}

		div.home-menu {
			padding: 15px 0 0 0;
			width:330px;
			float:right;
			font-size:1.1em;
			line-height:1.7em;
			color:#6d6e71;
			text-align: left;
		}
		
		div.large-logo {
			top: 180px;
			left: 475px;
			position: absolute;
		}
		
		div.menu-link1 {
			top: 30px;
			left: 475px;
			position: absolute;
		}
		
		div.menu-link2 {
			top: 50px;
			left: 475px;
			position: absolute;
		}
		
		div.menu-link3 {
			top: 70px;
			left: 475px;
			position: absolute;
		}
		
		div.menu-link4 {
			top: 90px;
			left: 475px;
			position: absolute;
		}
		
		div.home-footer {
			top: 370px;
			left: 475px;
			position: absolute;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			color: #829b7b;
			font-weight: bold;
		}
		
		div.home-footer {
			top: 370px;
			left: 475px;
			position: absolute;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			color: #829b7b;
			font-weight: bold;
		}
		
		div.home-footer2 {
			top: 390px;
			left: 475px;
			position: absolute;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #829b7b;
		}		

/**** MAIN MENU NAVIGATION ****/

		#navigation {
			font-family: Arial, Helvetica, sans-serif;
			text-align: right;
			font-size: 11px;
		}

		#navigation ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		a.link {
			font-family: Arial, Helvetica, sans-serif;
			text-align: right;
			font-size: 11px;
			color: #829b7b;
			padding: 0;
			text-decoration: none;
			font-weight: bold;
		}

		a.link:active, a.link:hover {
			font-family: Arial, Helvetica, sans-serif;
			text-align: right;
			font-size: 11px;
			color: #b12c42;
			padding: 0;
			text-decoration: none;
			font-weight: bold;
		}
		
		a.used {
			font-family: Arial, Helvetica, sans-serif;
			text-align: right;
			font-size: 11px;
			color: #b12c42;
			padding: 0;
			text-decoration: none;
			font-weight: bold;
		}


		li.large-space {
			display: inline;
			margin-right: 46px;
		}

		li.small-space {
			display: inline;
			margin-right: 12px;
		}

		li.no-space {
			display: inline;
			margin: 0;
		}
		
/**** PORTFOLIO MENU ****/

		#albumlist {
			margin: 0;
			padding: 0;
			width: 56px;
			list-style-type: none;
		}
		
		#albumlist li {
			float: left;
			width: 26px;
			height: 26px;
			margin-right: 2px;
			margin-bottom: 2px;
		}
		
		#albumlist img {
			display: block;
		}
		
		div.instructions {
			width: 45px;
			position: absolute;
			top: 300px;
			left: 695px;
			text-align:left;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
		}
		
		a.next_port {
			font-family: Arial, Helvetica, sans-serif;
			text-align: right;
			font-size: 11px;
			color: #829b7b;
			padding: 0;
			text-decoration: none;
		}
		
		a.next_port:hover {
			color: #b12c42;
		}
		
		div.empty {
			width: 26px;
			height: 26px;
			background-color: #c8d9be;
			margin-right: 2px;
			margin-bottom: 2px;
		}
		
		div.selected {
			width: 26px;
			height: 26px;
			background-color: #231f20;
			margin-right: 2px;
			margin-bottom: 2px;
		}
		
		div.portfolio-image {
			position: absolute;
			top: 78px;
			left: 3px;	
		}

		div.portfolio-menu {
			position: absolute;
			top: 80px;
			left: 750px;	
		}

/**** PORTFOLIO DETAILS ****/

		div.project-service {
			height: 15px;
			position: absolute;
			top: 429px;
			left: 3px;
		}

		span.project-service-title {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			font-style:italic;
			line-height: 18px;
		}

		span.project-service-details {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #6d6e71;
			line-height: 18px;
		}

		span.project-service-details-indent {
			font-family: Arial, Helvetica, sans-serif;
			margin-right:10px;
			font-size: 11px;
			color: #6d6e71;
			line-height: 18px;
		}

		div.project-service-pg1 {
			text-align:left;
			position: absolute;
			top: 355px;
			left: 180px;
		}
		
		div.project-service-pg5 {
			text-align:left;
			position: absolute;
			top: 310px;
			left: 15px;
		}
		
		div.project-service-pg12 {
			position: absolute;
			top: 400px;
			left: 90px;
		}
		
		div.project-service-pg17 {
			text-align:left;
			position: absolute;
			top: 350px;
			left: 15px;
		}
		
		div.project-service-pg20 {
			width: 140px;
			text-align:left;
			position: absolute;
			top: 265px;
			left: 3px;
		}

		div.project-service-pg25 {
			text-align:left;
			position: absolute;
			top: 290px;
			left: 0px;
		}
		
		div.project-service-pg31 {
			text-align:left;
			position: absolute;
			top: 380px;
			left: 0px;
		}
		
		div.project-service-pg37 {
			text-align:left;
			position: absolute;
			top: 380px;
			left: 395px;
		}
		
		div.project-service-pg39 {
			text-align:left;
			position: absolute;
			top: 316px;
			left: 42px;
		}
		
		div.project-service-pg45 {
			text-align:left;
			position: absolute;
			top: 395px;
			left: 250px;
		}

		a.web {
			font-family: Arial, Helvetica, sans-serif;
			text-align: right;
			font-size: 11px;
			color: #6d6e71;
			padding: 0;
			text-decoration: none;
		}

		a.web:hover {
			color: #6d6e71;
		}
		
/**** CONTACT FORM ****/

		div.green-box {
			background-color: #ebf2e7;
			width: 806px;
			height: 335px;
			position: absolute;
			top: 80px;
			left: 0px;			
		}
		
		div.contact-lable {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			font-weight: bold;
			position: absolute;
			top: 30px;
			left: 180px;
			text-align:left;
		}
		
		div.contact-details {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			font-weight: bold;
			position: absolute;
			top: 30px;
			left: 630px;
			text-align:left;
		}
		
		div.contact-details-par {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			position: absolute;
			top: 60px;
			left: 630px;
			width: 140px;
			text-align:left;
		}
		
		div.details-lable {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			font-weight: bold;
			position: absolute;
			top: 60px;
			left: 180px;
			text-align:left;
		}
		
		div.details-detail {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			position: absolute;
			top: 60px;
			left: 300px;
			text-align:left;
		}
		
		div.name-lable {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			font-weight: bold;
			position: absolute;
			top: 80px;
			left: 180px;
			text-align:left;
		}
		
		div.email-lable {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			font-weight: bold;
			position: absolute;
			top: 100px;
			left: 180px;
			text-align:left;
		}
		
		div.con-email-lable {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			font-weight: bold;
			position: absolute;
			top: 120px;
			left: 180px;
			text-align:left;
		}
		
		div.tel-no-lable {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			font-weight: bold;
			position: absolute;
			top: 140px;
			left: 180px;
			text-align:left;
		}

		div.company-lable {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			font-weight: bold;
			position: absolute;
			top: 160px;
			left: 180px;
			text-align:left;
		}
		
		div.enquiry-title-lable {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			font-weight: bold;
			position: absolute;
			top: 190px;
			left: 180px;
			text-align:left;
		}
		
		div.enquiry-title-detail {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			position: absolute;
			top: 190px;
			left: 300px;
			text-align:left;
		}
		
		div.direct-title {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			position: absolute;
			top: 190px;
			left: 630px;
			text-align:left;
		}
		
		div.direct-detail {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			font-weight: bold;
			position: absolute;
			top: 220px;
			left: 630px;
			text-align:left;
		}
		
		div.subject-lable {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			font-weight: bold;
			position: absolute;
			top: 210px;
			left: 180px;
			text-align:left;
		}
	
		div.enquiry-lable {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			font-weight: bold;
			position: absolute;
			top: 230px;
			left: 180px;
			text-align:left;
		}
			
		div.name-txt {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			font-weight: bold;
			position: absolute;
			top: 78px;
			left: 300px;
			text-align:left;
		}
		
		div.email-txt {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			font-weight: bold;
			position: absolute;
			top: 98px;
			left: 300px;
			text-align:left;
		}
		
		div.con-email-txt {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			font-weight: bold;
			position: absolute;
			top: 118px;
			left: 300px;
			text-align:left;
		}
		
		div.tel-no-txt {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			font-weight: bold;
			position: absolute;
			top: 138px;
			left: 300px;
			text-align:left;
		}

		div.company-txt {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			font-weight: bold;
			position: absolute;
			top: 158px;
			left: 300px;
			text-align:left;
		}
		
		
		div.subject-txt {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			font-weight: bold;
			position: absolute;
			top: 208px;
			left: 300px;
			text-align:left;
		}
	
		div.submit {
			position: absolute;
			top: 284px;
			left: 180px;
		}

		div.msg-txt {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			font-weight: bold;
			position: absolute;
			top: 227px;
			left: 300px;
			text-align:left;
		}
		
		textarea.msg {
			color: #000000;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			background-color: #f7faf5;
			border: 0;
			width: 302px;
			height: 75px;
			padding: 1px;
			margin-top:1px;
		}

		input.txt {
			color: #000000;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			background-color: #f7faf5;
			border: 0;
			width: 302px;
			height: 16px;
			padding: 1px;
		}
		
/**** TESTIMONIALS ****/

		div.test1 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			position: absolute;
			top: 30px;
			left: 100px;
			width: 210px;
			text-align:left;
		}

		div.name1 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #000000;
			font-weight: bold;
			text-decoration: none;
			position: absolute;
			top: 210px;
			left: 100px;
			width: 170px;
			text-align:left;
		}
		
		div.position1 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #829b7b;
			font-style:italic;
			text-decoration: none;
			position: absolute;
			top: 225px;
			left: 100px;
			width: 170px;
			text-align:left;
		}
		
		div.test2 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			position: absolute;
			top: 30px;
			left: 330px;
			width: 210px;
			text-align:left;
		}

		div.name2 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #000000;
			font-weight: bold;
			text-decoration: none;
			position: absolute;
			top: 200px;
			left: 330px;
			width: 170px;
			text-align:left;
		}
		
		div.position2 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #829b7b;
			font-style:italic;
			text-decoration: none;
			position: absolute;
			top: 215px;
			left: 330px;
			width: 170px;
			text-align:left;
		}
		
		div.test3 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			position: absolute;
			top: 30px;
			left: 560px;
			width: 212px;
			text-align:left;
		}

		div.name3 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #000000;
			font-weight: bold;
			text-decoration: none;
			position: absolute;
			top: 270px;
			left: 560px;
			width: 170px;
			text-align:left;
		}

		div.position3 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #829b7b;
			font-style:italic;
			text-decoration: none;
			position: absolute;
			top: 285px;
			left: 560px;
			width: 170px;
			text-align:left;
		}

/**** ABOUT ME ****/
		
	
		div.intro {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			position: absolute;
			top: 32px;
			left: 20px;
			width: 100px;
			text-align:right;
			line-height: 16px;
		}

		div.about-me-col-1 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			position: absolute;
			top: 30px;
			left: 150px;
			width: 295px;
			text-align:left;
			line-height: 18px;
		}
		
		div.about-me-col-2 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #829b7b;
			text-decoration: none;
			position: absolute;
			top: 30px;
			left: 475px;
			width: 295px;
			text-align:left;
			line-height: 18px;
		}
		
		
		
		
		
		
		
		#thumbnail {
			margin: 0;
			padding: 0;
			width: 456px;
			list-style-type: none;
		}
		
		#thumbnail li {
			float: left;
			width: 94px;
			height: 94px;
			margin: 10px;
		}
		
		#thumbnail img {
			display: block;
		}