/* embed font experiment */

@font-face { font-family: "Swiss Bold"; src: url(http://www.moo.com.au/fonts/Sw721Bd_.ttf) format("truetype"); }
@font-face { font-family: "Swiss Light"; src: url(http://www.moo.com.au/fonts/Sw721Lt_.ttf) format("truetype"); }
@font-face { font-family: "Swiss Medium"; src: url(http://www.moo.com.au/fonts/Sw721Md_.ttf) format("truetype"); }
@font-face { font-family: "Swiss Italic"; src: url(http://www.moo.com.au/fonts/Sw721It_.ttf) format("truetype"); }


p {
		font-family: "Swiss Light", sans-serif;
		font-size: 14px;
		line-height:18px;
		padding: 5px 0 0 10px;
		}

h1 { 
		font-size:18px;
		font-family: "Swiss Light", sans-serif;
		padding: 5px 0 0 10px;
		}

.boldHeading {
		font-size:18px;
		font-family: "Swiss Bold", sans-serif;
		}

h2 {
		font-size:18px;
		font-family: "Swiss Bold", sans-serif;
		padding: 5px 0 0 10px;
		}
h3 {
		font-size:18px;
		font-family: "Swiss Light", sans-serif;
		padding: 5px 0 0 10px;
		}

h4 {
		font-family: "Swiss Medium", sans-serif;
		font-size: 12px;
		}

.quote {
	font-family: italic "Swiss Italic", sans-serif;
	padding: 10px 5px 5px 10px;
	font-size: 17px;
	color: #d11241;
		}

.name {
	font-size: 14px;
	padding: 0px 5px 5px 10px;
	}

.details {
	padding: 5px 0 10px 10px;
	} 

/* Text link styles */

a:link {
		color:#FFFFFF;
		text-decoration:none;
		}
a:visited {
		color:#FFFFFF;
		text-decoration: none;
		}
a:active {
		color:#FFFFFF;
		text-decoration: none;
		}
a:hover {
		color:#f1e7c8;
		text-decoration:none;
		}

/* generic style */

html {
		font-size: 100%;
		}
		
/* site container */

#wrapper {
	position:relative;
	margin: 0 auto;
	width: 855px;
	height:auto;
		}

#betty {
	position:absolute;
	background-repeat:no-repeat;
	width: 302px;
	height: 631px;
	top: 223px;
	left: -134px;
	background-image:url(../images/betty.png);
		}

#tom {
	position:absolute;
	background-repeat:no-repeat;
	width: 231px;
	height: 631px;
	top: 223px;
	left: -62px;
	background-image:url(../images/tom.png);
		}
		
#veronica {
	position:absolute;
	background-repeat:no-repeat;
	width: 383px;
	height: 631px;
	top: 223px;
	left: -215px;
	background-image:url(../images/veronica.png);
		}

#notepad {
	position:relative;
	float:right;
	width: 855px;
	height: 854px;
	background-color:#f1e7c8;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.5);
	box-shadow: 0 1px 10px rgba(0,0,0,.5);
		}

/* DIVs within Notepad */
		
#logo {
	Position:absolute;
	width:105px;
	height:114px;
	top:26px;
	left:40px;
	}
#dpw {
	position:absolute;
	width:196px;
	height:174px;
	top:-20px;
	left:688px;
	}
	
/* menu */	

#home {
	width:159px;
	height:27px;
	float: left;
	margin: 167px 0 0 10px;
	color:#FFFFFF;
	text-align:center;
	font-family: "Swiss Light", sans-serif;
	font-size:18px;
	padding-top:8px;
		}
#homeB {
	width:159px;
	height:27px;
	float: left;
	margin: 167px 0 0 10px;
	background-color: #b2c8d6;
	color:#FFFFFF;
	text-align:center;
	font-family: "Swiss Light", sans-serif;
	font-size:18px;
	padding-top:8px;
		}
#about {
	width:159px;
	height:27px;
	float: left;
	margin: 167px 0 0 10px;
	color:#FFFFFF;
	text-align:center;
	font-family: "Swiss Light", sans-serif;
	font-size:18px;
	padding-top:8px;
	}
#aboutB {
	width:159px;
	height:27px;
	float: left;
	margin: 167px 0 0 10px;
	background-color: #e58682;
	color:#FFFFFF;
	text-align:center;
	font-family: "Swiss Light", sans-serif;
	font-size:18px;
	padding-top:8px;
	}
#working {
	width:159px;
	height:27px;
	float: left;
	margin: 167px 0 0 10px;
	color:#FFFFFF;
	text-align:center;
	font-family: "Swiss Light", sans-serif;
	font-size:18px;
	padding-top:8px;
	}
#workingB {
	width:159px;
	height:27px;
	float: left;
	margin: 167px 0 0 10px;
	background-color: #cbdcc3;
	color:#FFFFFF;
	text-align:center;
	font-family: "Swiss Light", sans-serif;
	font-size:18px;
	padding-top:8px;
	}	
#portfolio {
	width:159px;
	height:27px;
	float: left;
	margin: 167px 0 0 10px;
	color:#FFFFFF;
	text-align:center;
	font-family: "Swiss Light", sans-serif;
	font-size:18px;
	padding-top:8px;
	}
#portfolioB {
	width:159px;
	height:27px;
	float: left;
	margin: 167px 0 0 10px;
	background-color: #e5a873;
	color:#FFFFFF;
	text-align:center;
	font-family: "Swiss Light", sans-serif;
	font-size:18px;
	padding-top:8px;
	}

#contact {
	width:159px;
	height:27px;
	float: left;
	margin: 167px 0 0 10px;
	color:#FFFFFF;
	text-align:center;
	font-family: "Swiss Light", sans-serif;
	font-size:18px;
	padding-top:8px;
	}
#contactB {
	width:159px;
	height:27px;
	float: left;
	margin: 167px 0 0 10px;
	background-color: #e58682;
	color:#FFFFFF;
	text-align:center;
	font-family: "Swiss Light", sans-serif;
	font-size:18px;
	padding-top:8px;
	}

/*end menu */

#content {
	width:668px;
	height:619px;
	position:absolute;
	left: 178px;
	top: 225px;
	}

#quote {
	width: 498px;
	position:absolute;
	left: 0px;
	bottom: 0px;
	}

/* content - thumbnails */

#thumbnail {
	margin: 0px;
	}
	
#thumb1 {
	width: 112px;
	height: 158px;
	position:absolute;
	left: 10px;
	top: 85px;
	}

#thumb2 {
	width: 112px;
	height: 158px;
	position:absolute;
	left: 132px;
	top: 85px;
	}
	
#thumb3 {
	width: 112px;
	height: 158px;
	position:absolute;
	left: 254px;
	top: 85px;
	}

#thumb4 {
	width: 112px;
	height: 158px;
	position:absolute;
	left: 376px;
	top: 85px;
	}

#thumb5 {
	width: 112px;
	height: 158px;
	position:absolute;
	left: 10px;
	top: 259px;
	}
	
#thumb6 {
	width: 112px;
	height: 158px;
	position:absolute;
	left: 132px;
	top: 259px;
	}
	
#thumb7 {
	width: 112px;
	height: 158px;
	position:absolute;
	left: 254px;
	top: 259px;
	}

#thumb8 {
	width: 112px;
	height: 158px;
	position:absolute;
	left: 376px;
	top: 259px;
	}
	
/*--------- portfolio thumb ---------*/

#thumbA {
	width: 152px;
	height: 120px;
	position:absolute;
	left: 10px;
	top: 45px;
	}

#thumbB {
	width: 152px;
	height: 120px;
	position:absolute;
	left: 173px;
	top: 45px;
	}
	
#thumbC {
	width: 152px;
	height: 120px;
	position:absolute;
	left: 336px;
	top: 45px;
	}

#thumbD {
	width: 152px;
	height: 120px;
	position:absolute;
	left: 10px;
	top: 175px;
	}

#thumbE {
	width: 152px;
	height: 120px;
	position:absolute;
	left: 173px;
	top: 175px;
	}
	
#thumbF {
	width: 152px;
	height: 120px;
	position:absolute;
	left: 336px;
	top: 175px;
	}
	
#thumbG {
	width: 152px;
	height: 120px;
	position:absolute;
	left: 10px;
	top: 305px;
	}

#thumbH {
	width: 152px;
	height: 120px;
	position:absolute;
	left: 173px;
	top: 305px;
	}
	
#thumbI {
	width: 152px;
	height: 120px;
	position:absolute;
	left: 336px;
	top: 305px;
	}

#thumbJ {
	width: 152px;
	height: 120px;
	position:absolute;
	left: 10px;
	top: 435px;
	}

#thumbK {
	width: 152px;
	height: 120px;
	position:absolute;
	left: 173px;
	top: 435px;
	}
	
#thumbL {
	width: 152px;
	height: 120px;
	position:absolute;
	left: 336px;
	top: 435px;
	}
	
/* --------- hidden thumbnails for gallery ---------*/

#hidden {
	width: 473px;
	height: 26px;
	position: absolute;
	left: 0px;
	top: 588px;
	visibility: hidden;
	}
		
	


/* ---------- add your code below ---------- */