/*CSS Document*/
BODY
{
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #78685D;
	background: url(images/hr-vert.gif) repeat-y 197px 0;
	line-height: 1.5;
}
#page
{
	width: 800px;
	margin: 0;
	position: relative;
}
#page.home
{
	background: url(images/bg-home.jpg) no-repeat 0 165px;
}
#page.about
{
	background: url(images/bg-about.jpg) no-repeat 0 147px;
}
#page.brand
{
	background: url(images/bg-brand.gif) no-repeat 0 208px;
}
#page.print
{
	background: url(images/bg-print.jpg) no-repeat 42px 154px;
}
#page.web
{
	background: url(images/bg-web.jpg) no-repeat 58px 156px;
}
#page.showcase
{
	background: url(images/bg-showcase.jpg) no-repeat 0 205px;
}
#page.contact
{
	background: url(images/bg-contact.jpg) no-repeat 0 197px;
}
#page.links
{
	background: url(images/bg-links.jpg) no-repeat 0 265px;
}
#page.terms
{
	background: url(images/bg-terms.jpg) no-repeat 0 173px;
}
#page-bg
{
	background: url(images/hr.gif) repeat-x 0 436px;
	width: 100%;
}
A:link
{
	color: #514A45;
	text-decoration: none;
}
A:visited
{
	color: #9F8B7E;
	text-decoration: none;
}
A:hover
{
	color: #BB0002;
}
HR
{
	display: none;
}
H1
{
	width: 152px;
	height: 99px;
	overflow: hidden;
	text-indent: -99em;
	background: url(images/logo.gif) no-repeat 0 32px;
	margin: 0;
}
#header
{
	padding-left: 26px;
	height: 436px;
}
#header ADDRESS
{
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Unicode", Arial, Helvetica, Sans-serif;
	font-style: normal;
	color: #5F6062;
	text-align: center;
	display: block;
	width: 152px;
	line-height: 1.4;
}
#header ADDRESS .phone
{
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
}
#header ADDRESS .email A
{
	text-decoration: none;
	color: #5F6062;
}
#top
{
	width: 579px;
	height: 436px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 198px;
}
#bottom
{
	min-height: 120px;
	margin-left: 215px;
	padding-top: 62px;
	width: 568px;
}
.home #top H2, .about #top H2, .brand #top H2
{
	width: 546px;
	height: 334px;
	text-indent: -99em;
	overflow: hidden;
	background: url(images/hdr-home.gif) no-repeat left top;
	margin: 76px 0 0 33px;
}
.about #top H2
{
	background-image: url(images/hdr-about.gif);
}
.terms #top H2
{
	width: 465px;
	height: 254px;
	text-indent: -99em;
	overflow: hidden;
	background: url(images/hdr-terms.gif);
	margin: 102px 0 0 68px;
}
.brand #top H2
{
	width: 480px;
	height: 52px;
	background: url(images/hdr-brand.gif) no-repeat left top;
	position: absolute;
	left: 74px;
	bottom: 28px;
	margin: 0;
}
.home #top P, .about #top P
{
	display: none;
}
.home #bottom P
{
	padding-right: 137px;
}
.links H2
{
	position: absolute;
	width: 406px;
	height: 60px;
	display: block;
	text-indent: -99em;
	overflow: hidden;
	background: url(images/hdr-links.gif);
	top: 310px;
	left: 155px;
}
.links #top DIV
{
	margin: 85px 0 0 38px;
}
.showcase-link
{
	text-indent: -99em;
	overflow: hidden;
	width: 137px;
	position: absolute;
	right: 0;
	top: 498px;
}
.showcase-link H3
{
	display: none;
}
.showcase-link A
{
	width: 137px;
	height: 187px;
	display: block;
	background: url(images/showcase.jpg);
}
#footer
{
	margin-left: 215px;
}
#footer .slogan
{
	display: block;
	width: 143px;
	height: 87px;
	text-indent: -99em;
	overflow: hidden;
	background: url(images/slogan.gif);
	position: absolute;
	left: 35px;
	margin-top: -94px;
}
.authorship .pipe
{
	padding: 0 3px;
	color: #B9ADA5;
}
P.authorship
{
	padding: 8px 0;
}
P.authorship SMALL
{
	font-size: 9px;
}
.wrapper
{
	position: relative;
	overflow: auto;
}
.pipe
{
	padding: 0 2px;
	color: #A79385;
}
/*forms*/
.contact FORM
{
	margin: 42px 0 0 168px;
}
FORM DIV
{
	position: relative;
}
INPUT, TEXTAREA
{
	background: url(images/input-bg.gif);
	border: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #78685D;
	padding: 5px 15px 4px;
	width: 278px;
	margin: 7px 0 10px;
}
TEXTAREA
{
	height: 148px;
	line-height: 1.5;
	padding-top: 9px;
}
INPUT.check
{
	float: left;
	display: block;
	background: none;
	margin: 7px 8px 0;
	width: auto;
	padding: 0;
}
LABEL
{
	position: absolute;
	margin-left: -70px;
	display: block;
	width: 80px;
	height: 32px;
	overflow: hidden;
	text-indent: -99em;
}
#label-name
{
	background: url(images/label-name.png);
}
#label-number
{
	background: url(images/label-number.png);
	margin-top: 4px;
}
#label-email
{
	background: url(images/label-email.png);
	margin-top: 4px;
}
#label-enquiry
{
	background: url(images/label-enquiry.png);
}
#label-branding, #label-print, #label-web
{
	position: static;
	height: 26px;
	width: 67px;
	background: url(images/label-branding.jpg);
	float: left;
	margin-left: 20px;
}
#label-print
{
	width: 48px;
	background: url(images/label-print.jpg);
}
#label-web
{
	width: 39px;
	background: url(images/label-web.jpg);
}
#button
{
	width: 79px;
	height: 40px;
	position: absolute;
	background: none;
	padding: 0;
	margin-left: 245px;
	margin-top: 3px;
}
FORM DIV.forbutton
{
	background: url(images/input-bg.gif);
	height: 30px;
	width: 308px;
	background-position: 0 40px;
	margin-top: -12px;
}
P.thanks
{
	position: absolute;
	left: 168px;
	top: 15px;
	margin: 0;
}
LABEL.error
{
	width: 308px;
	height: auto;
	text-indent: 0;
	color: #BB0002;
	font-size: 9px;
	margin: -8px 0 0;
	float: left;
	top: 1px;
	left: 0;
	text-align: right;
}
/*nav*/
UL.nav
{
	position: absolute;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
UL.nav LI
{
	display: block;
	float: left;
	height: 55px;
}
UL.nav LI A:link, UL.nav LI A:visited
{
	display: block;
	text-indent: -99em;
	overflow: hidden;
}
UL.nav LI.active A SPAN
{
	display: block;
	position: absolute;
	height: 52px;
}
#header UL.nav
{
	height: 55px;
	width: 602px;
	top: 428px;
	left: 198px;
}
#header UL.nav A
{
	height: 55px;
}
#footer UL.nav
{
	height: 32px;
	left: 13px;
	width: 168px;
}
#footer UL.nav A
{
	height: 32px;
}
#nav-home
{
	width: 91px;
}
#nav-home A
{
	background: url(images/nav-home.gif);
}
#nav-home.active A
{
	background: url(images/nav-home-active.gif);
}
#nav-brand
{
	width: 103px;
}
#nav-brand A
{
	background: url(images/nav-brand.gif);
}
#nav-print
{
	width: 99px;
}
#nav-print A
{
	background: url(images/nav-print.gif);
}
#nav-print.active A SPAN
{
	height: 47px;
	width: 108px;
	background: url(images/nav-print-active.png);
	margin-left: -3px;
}
#nav-web
{
	width: 88px;
}
#nav-web A
{
	background: url(images/nav-web.gif);
}
#nav-web.active A SPAN
{
	background: url(images/nav-web-active.png);
	margin-left: -5px;
	width: 97px;
}
#nav-about
{
	width: 99px;
}
#nav-about A
{
	background: url(images/nav-about.gif);
}
#nav-about.active A SPAN
{
	width: 108px;
	background: url(images/nav-about-active.png);
	margin-left: -5px;
}
#nav-brand.active A SPAN
{
	background: url(images/nav-brand-active.png);
	width: 108px;
}
#nav-contact
{
	width: 117px;
}
#nav-contact A
{
	background: url(images/nav-contact.gif);
}
#nav-contact.active A SPAN
{
	background: url(images/nav-contact-active.png);
	width: 122px;
	margin-left: -5px;
	margin-top: 3px;
}
#nav-terms
{
	width: 86px;
}
#nav-terms A
{
	background: url(images/nav-terms.gif);
}
#nav-terms.active A
{
	background: url(images/nav-terms-active.gif);
}
#nav-links
{
	width: 82px;
}
#nav-links A
{
	background: url(images/nav-links.gif);
}
#nav-links.active A
{
	background: url(images/nav-links-active.gif);
}
IMG.brand01
{
	margin-left: 25px;
	margin-top: 43px;
}
IMG.brand02
{
	margin-left: 42px;
}
IMG.brand03
{
	margin-left: 65px;
}
.contact #bottom P
{
	padding-left: 110px;
}
UL.address
{
	margin: 0;
	padding: 0 0 0 110px;
	list-style: none;
	line-height: 1.9;
}
UL.address SPAN
{
	width: 76px;
	display: block;
	float: left;
}
/*Slideshow*/
#slideshow DIV, #slideshow-multilevel DIV DIV, #lightbox DIV DIV
{
	background: #EEEEEE;
	padding: 15px 15px 5px;
	width: 435px;
	margin: 18px 0 0 82px;
	display: none;
}
#slideshow DIV.active, #slideshow-multilevel DIV DIV.active, #lightbox DIV DIV.active
{
	display: block;
}
#slideshow-multilevel DIV DIV
{
	padding-top: 28px;
}
#lightbox
{
	position: absolute;
	top: 0;
	left: 0;
}
#lightbox-overlay
{
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
#lightbox DIV
{
	position: absolute;
	width: 541px;
}
#lightbox DIV DIV
{
	width: 511px;
	padding-top: 28px;
	margin: 0;
}
#slideshow-multilevel DIV UL
{
	display: none;
	position: absolute;
	margin: 11px 0 0;
	padding: 0;
	font-size: 11px;
	right: 47px;
}
#lightbox DIV UL
{
	display: none;
	font-size: 11px;
	height: 11px;
	position: absolute;
	margin: 11px 0 0;
	padding: 0;
	right: 15px;
}
#slideshow-multilevel DIV UL LI, #lightbox DIV UL LI
{
	float: left;
	border-right: 1px solid #CCC;
	height: 11px;
	list-style: none;
}
#slideshow-multilevel DIV UL A, #lightbox DIV UL A
{
	display: block;
	margin: -4px 0 0;
	padding: 0 5px;
	color: #514A45;
}
#slideshow-multilevel DIV UL LI.active A, #lightbox DIV UL LI.active A
{
	text-decoration: underline;
}
#slideshow-multilevel DIV.active UL, #lightbox DIV.active UL
{
	display: block;
}
#slideshow P, #slideshow-multilevel P, #lightbox P
{
	margin: 5px 0;
}
#slideshow SPAN.img
{
	display: block;
	background: #FFF;
	text-align: center;
}
#slideshow IMG
{
	width: 435px;
	height: 286px;
}
.brand #slideshow IMG
{
	width: 422px;
	height: 238px;
}
.showcase #top #lightbox IMG
{
	width: 511px;
	height: 350px;
	margin: 0;
}
#slideshownav
{
	margin: 14px 0 0 82px;
	height: 22px;
	width: 460px;
	overflow: hidden;
}
#slideshownav DIV
{
	width: 100%;
	overflow: hidden;
}
#slideshownav UL
{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	left: 50%;
}
#slideshownav LI
{
	height: 20px;
	width: 22px;
	overflow: hidden;
	float: left;
	position: relative;
	right: 50%;
}
#slideshownav LI A
{
	float: left;
	width: 22px;
	height: 20px;
	text-indent: -99em;
	overflow: hidden;
	background: url(images/btn-slide.gif);
	background-position: 0 40px;
}
#slideshownav LI A:hover
{
	background-position: 0 20px;
}
#slideshownav LI.active A
{
	background-position: 0 60px;
}
#slideshownav LI.next A, #slideshownav LI.previous A
{
	background: url(images/btn-slide-next.gif);
	float: left;
	width: 22px;
	height: 20px;
	text-indent: -99em;
	overflow: hidden;
}
#slideshownav LI.previous A
{
	background: url(images/btn-slide-prev.gif);
}
.web #top
{
}
.showcase #top IMG
{
	margin: 76px 0 0 85px;
	border: 0;
}
.showcase H2
{
	width: 469px;
	height: 42px;
	background: url(images/hdr-showcase.gif);
	text-indent: -99em;
	overflow: hidden;
	margin: 5px 0 0 100px;
}
