/* CSS Document */
html, body 
{
	margin:0; padding:0; background:#fff url(images/bg-page.jpg) center top repeat;
	font-family:Arial, Helvetica, sans-serif; font-size:.85em; color:#000; 
}
body { padding-bottom:40px }
img { border:0 }
a:link, a:visited { text-decoration:underline; color:#00A000 }
a:hover, a:active { text-decoration:none; color:#000 }
h2 { clear:both; display:block; height:36px; text-indent:-4000px }
#hdrWho { background:transparent url(images/hdr-who.gif) left top no-repeat }
#hdrContact  { background:transparent url(images/hdr-contact.gif) left top no-repeat }
#hdrThanks { background:transparent url(images/hdr-thanks.gif) left top no-repeat }
#hdrStuff { background:transparent url(images/hdr-stuff.gif) left top no-repeat }
#siteWrapper, #topBarInner, #footer { width:720px; margin:auto; clear:both }
#siteWrapper { line-height:150% }

/* Top Banner
-----------------*/
#topBar { background:#000; border-bottom:1px solid #fff; text-transform:uppercase; font-size:10px; color:#fff; height:20px }
#topBarInner { background:#000 }
#topBar ul, #footer ul { margin:0; padding:0; }
#topBar ul li, #topBar a, #footer ul li { display:block; float:left; padding:4px 7px }
#topBar ul li.title { color:#00A000 }
#topBar a { color:#fff }

/* NavWrapper
-----------------*/
#navWrapper { height:155px; background:transparent url(images/bg-content-top.jpg) center bottom no-repeat }
#navWrapper h1 { display:block; position:relative; float:left; margin:0; padding:0; width:307px; height:154px; background:transparent url(images/78plate-logo.gif) left top no-repeat; text-indent:-3000px }

/* Navigation */
#navWrapper ul { float:right; margin:0; padding:0; width:380px; height:154px; display:inline; margin-right:20px }
#navWrapper ul li, #navWrapper ul li a { display:block; float:left }
#navWrapper ul li a { background-position:left bottom; background-repeat:no-repeat; text-indent:-4000px; margin-top:60px }
#about a:link, #about a:visited { width:130px; height:60px; background-image:url(images/nav-about.gif) }
#about a:hover, #about a:active  { background-image:url(images/nav-about-over.gif) }
#stuff a:link, #stuff a:visited  { width:124px; height:60px; background-image:url(images/nav-stuff.gif) }
#stuff a:hover, #stuff a:active  { background-image:url(images/nav-stuff-over.gif) }
#contact a:link, #contact a:visited { width:125px; height:60px; background-image:url(images/nav-contact.gif) }
#contact a:hover, #contact a:active  { background-image:url(images/nav-contact-over.gif) }

/* Main Content
-----------------*/
#contentWrapper { background:transparent url(images/bg-content.jpg) center top repeat; padding-top:20px }
#contentWrapper h2 { margin:0; padding:0px }
#contentWrapper ul { list-style:none outside none; padding:10px 0; margin:0 0 0 20px }
#contentWrapper ul li { padding:4px 0 4px 30px; background:transparent url(images/arrow.gif) left .5em no-repeat }

.colLeft ul li { margin-left:25px; margin-right:20px }
.colLeft, .colRight, .colSingle { float:left; width:360px; margin-top:15px }
.colRight { width:340px }
.colSingle { width:720px }
.colLeft p, .colRight p { margin-left:45px; width:290px }
.colRight p { margin-left:20px }

#tel { float:right; margin:-60px 40px 0 0; display:inline }

#footer { clear:both; position:relative; width:720px; height:155px; text-align:center; text-transform:uppercase; font-size:.9em; background:transparent url(images/bg-content-bottom.png) center top no-repeat }
#footer ul { position:absolute; bottom:20px; left:20px; margin:auto; width:720px }
#footer ul li, #footer ul li a:link { color:#000; width:150px; display:block }
#footer a:link, a:visited { text-decoration:none }
#footer a:hover, a:active { text-decoration:underline }

form { margin:0 0 0 20px; padding:0 }
label { color:#227F22; display:block }
input, select, textarea {
	display:block;
	margin:5px 0 20px 0;
	width:280px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#676;
	background-color:#D3EACE;
	border:1px solid #fff
}
#btnSend { width:75px; height:40px; background:transparent; border:none; padding:0; margin-top:0 }
.frmHidden { display:none }
.err { color:#CC0000 }

.polaroid, .polaroid2, .polaroid3 {
	display:block;
	width:270px;
	height:208px;
	background:transparent url(images/photos/polaroid-bg.png) center top no-repeat;
	margin-left:30px
}
.polar { margin-left:30px }
.polar2, .polaroid2 { margin-left:45px; margin-top:-35px; z-index:100 }
.polaroid3 { margin-left:10px; margin-top:-46px; z-index:2 }