/* css reset code from http://rikrikrik.com/log/css-reset/ */

*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none}legend{color:#000}button,select,textarea,input{font:100% serif}table{border-collapse:collapse}caption,th,td{text-align:left}

#site {
	width: 1071px;
	height: 856px;
	background: #fff url(images/background.jpg) no-repeat;
	display: block;
	position: relative;
	margin: 0px auto;
}

#navigation {
	font-family: Copperplate, "Engravers MT", serif;
	font-size: 24px;
	position: absolute;
	top: 66px;
}

a {
	color: #21514D;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#navigation a {
	color: #414141;
	text-decoration: none;
	padding: 8px 0px;
	text-shadow: 0px 2px 1px #e3e3e3;
}

#navigation li {
	position: absolute;
	white-space: nowrap;
	display: block;
	height: 39px;
}

#navigation a:hover {
	background-image: url(images/leftlinkbg.jpg);
	background-repeat: no-repeat;
}

#navigation a>em {
	font-style: normal;
	padding: 8px;
}

#navigation a>em img {
	margin-top: 1px;
}

#navigation a:hover em {
	background-image: url(images/rightlinkbg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	background
}

#imageslink {left: 80px;}
#pastprojectslink {left: 200px;}
#showreellink {left: 464px;}
#currentworklink {left: 680px;}
#linkslink {left: 900px;}

#left {
	position: absolute;
	text-align: justify;
	overflow: auto;
	font: italic normal normal 1em/1.4em Georgia, serif;
	top: 160px;
	left: 60px;
	right: 770px;
	bottom: 40px;
	color: #414141;
}

#left h1 {
	font-family: "Engravers MT", serif;
	font-size: 1em;
	font-style: normal;
	text-align: center;
	text-shadow: 0px 1px 1px #fff;
	margin-bottom: 0.8em;
}

#left p {
	margin-bottom: 1.4em;
}

#right {
	position: absolute;
	top:180px;
	left: 360px;
	bottom: 80px;
	right: -20px;
	height: 596px;
	overflow: auto;
	font-family: Georgia, Times, serif;
}

#links #right, #pastprojects #right {
	padding-right: 80px;
}

#piclist li {
	float: left;
	display: block;
	height: 110px;
	width: 110px;
}

#piclist li a {
}

#right h2 {
	font-size: 30px;
	margin-top: 22px;
	font-variant: small-caps;
	clear:both;
}

#right h3 {
	margin-top: 12px;
	font-variant: small-caps;
	font-size: 20px;
	margin-bottom: 5px;
}

#footer {
	position: absolute;
	top: 822px;
	font-size: 13px;
	text-align: center;
	width: 1071px;
	font-family: Copperplate, "Engravers MT", serif;
	text-shadow: 0px 1px 1px #fff;
	color: #414141;
}

.illustration {
	border: 2px solid #414141;
	margin: 2px 12px;
}

.left {
	float: left;
}

.right {
	float: right;
}

p+p {
	text-indent: 1.5em;
}