@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	background-color: #000;
	width:auto; 
	margin-right: auto; 
	margin-left: 0px; 
	text-align: center;
}

body {
	text-align: -moz-center;
}

#frame {
	width: 844px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
#frame #open {
	margin: 0 auto;
	padding: 0;
	margin-top: 100px;
	background-image: url(images/laurence_whiteley_design_illustration.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 403px;
	height: 310px;
}
#frame #open p.link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	letter-spacing: 0.4em;
	padding-top: 320px;
}
#frame #open p.link a {
	outline: none;
	color: #fff;
	text-decoration: none;
}
#frame #open p.link a:hover, #frame #open p.link a:active {
	outline: none;
	color: #fff;
	text-decoration: underline;
}
#frame #open p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-top: 40px;
	color: #666;
}
#banner {
	margin: 0;
	padding: 0;
	width: 844px;
	height: 149px;
	background-image: url(/images/laurencewhiteley_header.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#left {
	float: left;
	margin: 0;
	padding: 0;
	background-color: #000;
	width: 165px;
	text-align: left;
	margin-top: 100px;
}
#left ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#left li#aboutme {
	margin: 0;
	padding: 0;
	background-image: url(/images/icons/aboutme.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	border-bottom: 1px solid #666;
	height: 32px;
	margin-bottom: 14px;
}
#left li#advertising {
	margin: 0;
	padding: 0;
	background-image: url(/images/icons/advertising.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	border-bottom: 1px solid #666;
	height: 32px;
	margin-bottom: 14px;
}
#left li#publishing {
	margin: 0;
	padding: 0;
	background-image: url(/images/icons/publishing.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	border-bottom: 1px solid #666;
	height: 32px;
	margin-bottom: 14px;
}
#left li#logodesign {
	margin: 0;
	padding: 0;
	background-image: url(/images/icons/logo_design.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	border-bottom: 1px solid #666;
	height: 32px;
	margin-bottom: 14px;
}
#left li#threed {
	margin: 0;
	padding: 0;
	background-image: url(/images/icons/3d_realistic.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	border-bottom: 1px solid #666;
	height: 32px;
	margin-bottom: 14px;
}
#left li#recentwork {
	margin: 0;
	padding: 0;
	background-image: url(/images/icons/recent_work.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	border-bottom: 1px solid #666;
	height: 32px;
	margin-bottom: 14px;
}
#left li#contactme {
	margin: 0;
	padding: 0;
	background-image: url(/images/icons/contactme.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	height: 32px;
}

#left ul li a {
	outline: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 0;
	padding: 0;
	color: #9cd;
	display: block;
	text-decoration: none;
	padding-left: 28px;
	letter-spacing: 0.2em;
	
}
#left ul li a:hover, #left ul li a:active {
	outline: none;
	display: block;
	margin: 0;
	padding: 0;
	color: #fff;
	background-image: url(/images/icons/rollover.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 28px;
}

#main {
	float: left;
	margin: 0;
	padding: 0;
	width: 655px;
	background-color: #000;
	text-align: left;
	padding-left: 24px;
	text-align: right;
}
#main p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #fff;
}
#main table {
	margin: 0;
	padding: 0;
}
#main table.rightset {
	margin: 0;
	padding: 0;
	margin-left: 112px;
}

#main #contactmebox {
	margin: 0;
	padding: 0;
	border: 1px solid #656565;
	text-align: left;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 20px;
	padding-right: 20px;
	height: 380px;
}

#main #aboutmebox {
	margin: 0;
	padding: 0;
	border: 1px solid #656565;
	text-align: left;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 20px;
	padding-right: 20px;
	height: 380px;
}
#main #aboutmebox p {
	margin: 0;
	padding: 0;
}
#main #showbox {
	margin: 0;
	padding: 0;
	border: 1px solid #656565;
	height: 412px;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 8px;
	padding-right: 8px;
}
#main #showbox img {
	
	border: 1px solid #fff;
	vertical-align: middle;
}
#main a {
	color: #666;
	text-decoration: none;
}
#main a:hover, #main a:active {
	color: #fff;
	text-decoration: none;
}

#footer {
	margin: 0;
	padding: 0;
	clear: both;
	text-align: center;
}
#footer p.first {
	margin: 0;
	padding: 0;
	padding-top: 40px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #656565;
}
#footer p.firstimage {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #656565;
}
#footer p {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #656565;
}

IMG.contactme {
	margin: 0;
	padding: 0;
	margin-left: 20px;
	border: 1px solid #fff;
}
IMG.aboutme {
	margin: 0;
	padding: 0;
	margin-top: 15px;
	margin-left: 20px;
	border: 1px solid #fff;
}
.thumb {
	border: 1px solid #fff;
	margin-right: 12px;
}
.thumbendrow {
	border: 1px solid #fff;
}
.thumbmiddle {
	border: 1px solid #fff;
	margin-top: 12px;
	margin-right: 12px;
}
.thumbmiddleendrow {
	border: 1px solid #fff;
	margin-top: 12px;
}

a {
	outline: none;
}