body {
	margin: 0;
	padding: 0;
	background: url(../img/bg-body-left.gif) repeat-x 0 50px #FFC211;
}
img {
	border: none;
}
#content {
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -435px;
	width: 936px;
	padding: 0;
	height: 622px;
	background: url(../img/bg-content.gif) no-repeat left top;
	z-index: 1;
}
h1 {
	background: url(../img/logo-yellow-mustard.gif) no-repeat left top;
	width: 232px;
	height: 35px;
	margin: 0 33px 0 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 175px;
	z-index: 10;
}
h1 a {
	text-decoration: none;
	display: block;
	width: 232px;
	height: 35px;
	text-indent: -10000px;
}
ul#nav {
	margin: 0;
	padding: 0;
	height: 32px;
}
ul#nav li {
	margin: 1px 0 0 1px;
	padding: 0;
	float: left;
	width: 75px;
	height: 32px;
	list-style: none;
}
ul#nav li.down {
	text-indent: -1000px;
	background-position: 0 32px;
}
ul#nav li a, ul#nav li a:link, ul#nav li a:visited {
	text-decoration: none;
	display: block;
	width: 75px;
	height: 32px;
	text-indent: -1000px;
	background-position: left top;
}
ul#nav li a:hover {
	background-position: 0 64px;
}
ul#nav li#home a, ul#nav li#home.down {
	background-image: url(../img/nav-home.gif);
}
ul#nav li#folio a, ul#nav li#folio.down {
	background-image: url(../img/nav-folio.gif);
}
ul#nav li#contact a, ul#nav li#contact.down {
	background-image: url(../img/nav-contact.gif);
}
p, label {
	font: small/18px Arial, Helvetica, sans-serif;
	color: #7F7B00;
	margin-top: 0;
}

div#largeimage {
	width: 612px;
	padding: 32px 0 0 0;
	margin: 0 0 0 -4px;
}
div#largeimage img {
	padding: 2px;  
	background: url(../img/bg-largeimage.gif) no-repeat left top;
}
div#largeimage p {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-weight: bold;
}
html>body div#largeimage p {
	padding: 30px 0;
}
div#largeimage p span.productionCompany {
	font: x-small/18px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
div#hometext, div#folioimages, div#contactdetails {
	width: 267px;
	margin: 32px 33px 0 0;
	padding: 0;
	position: absolute;
	top: 66px;
	left: 50%;
	margin: 0 0 0 175px;
}
div#hometext {
	overflow: auto;
	height: 500px;
}
div#prevnext {
	position: absolute;
	top: 597px;
	left: 50%;
	width: 200px;
	margin-left: -469px;
	padding: 0;
}
a#prev {
	background-image: url(../img/bg-back.gif);
	width: 56px;
}
a#next {
	background-image: url(../img/bg-next.gif);
	width: 57px;
	margin-right: 5px;
}
a#prev, a#next {
	height: 18px;
	display: block;
	float: left;
	text-indent: -10000px;
	text-decoration: none;
	background-position: 0 0;
}
a#prev:hover, a#next:hover {
	background-position: 0 18px;
}
img.blip {
	width: 4px;
	float: left;
	margin: 7px 1px 0 0;
}

div#folioimages form {
	padding: 0;
	margin: 0 0 10px 0;
}
div#folioimages img {
	padding: 2px;
	background: url(../img/bg-smallimage.gif) no-repeat left top;
}
div#folioimages img#image0 {
	background: url(../img/bg-smallimage-selected.gif) no-repeat left top;
}
div#folioimages #image0link, div#folioimages #image2link, div#folioimages #image4link, div#folioimages #image6link, div#folioimages #image8link, div#folioimages #image10link, div#folioimages #image12link  {
	margin-right: 25px !important;
}

form#contactform {
	padding: 30px 4px 4px 4px;
	margin: 35px 0 0 110px !important;
	width: 460px;
	height: 257px;
	background: url(../img/bg-contact.gif) no-repeat left bottom;
}
html>body form#contactform {
	margin: 35px 0 0 5px;
}
label.odd {
	background-color: #FFC211;
}
label {
	display: block;
	height: 20px;
	padding: 5px 5px 5px 70px;
}
label input, label textarea {
	float: right;
}
label textarea {
	height: 55px;
}
label#commentlabel {
	height: 60px;
}
input#uname, input#uemail, input#ucompany, input#utelephone, input#unature, textarea#ucomments {
	width: 250px;
	border: 1px solid #7F7B00;
	font: small Arial, Helvetica, sans-serif;
	color: #7F7B00;
	padding-left: 2px;
	background-color: #FFF7E0;
}
div#contactdetails a, div#contactdetails a:link, div#contactdetails a:visited {
	text-decoration: none;
	color: #FFF;
}
div#contactdetails a:hover {
	text-decoration: underline;
}
input#uemail.error {
	border: 1px solid #F10;
	background-color: #FFE0E0;
}
span.error {
	color: #F10;
}
div#l4rcredit {
	position: absolute;
	z-index: 10;
	top: 646px;
	left: 50%;
	width: 200px;
	margin-left: 280px;
}
div#l4rcredit p {
	font: x-small/18px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: right;
}
div#l4rcredit p a, div#l4rcredit p a:link, div#l4rcredit p a:visited {
	text-decoration: none;
	background: url(../img/l4r-footer-heart.gif) no-repeat top right;
	padding-right: 10px;
	color: #7F7B00;
}
div#l4rcredit p a:hover {
	text-decoration: underline;
}
#contactform p {
	padding: 20px;
}

.pics {  
    height:  433px;  
    width:   612px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    width:  612px; 
    height: 433px; 
    top:  0; 
    left: 0;
	padding: 2px;  
	background: url(../img/bg-largeimage.gif) no-repeat left top;	
}