/* -------------------------------------------------------------------------
PJ Signs Screen Styles

version: 1
last update: 19 January 2007
author: Andy Gosling
email: andygosling@gmail.com
website: http://www.andygosling.co.uk
------------------------------------------------------------------------- */


/* import themes */

/* homepage */ @import url("theme_home.css");
/* prestige */ @import url("theme_prestige.css");
/* impact */ @import url("theme_impact.css");
/* large */ @import url("theme_large.css");
/* illuminating */ @import url("theme_illuminating.css");
/* contact */ @import url("theme_contact.css");


/* layout
------------------------------------------------------------------------- */

* {
	/* global white space reset */
	padding: 0;
	margin: 0;
}

body {
	font: 81.25%/150% "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	color: #FFF;
	padding-bottom: 20px;
	text-align: center;
}

#wrapper {
	width: 860px;
	margin: 15px auto 0 auto;
	text-align: left;
}

#header {
	width: 860px;
	height: 103px;
	margin-bottom: 20px;
	position: relative;
}

#banner {
	clear: both;
	width: 860px;
	height: 430px;
	margin-bottom: 60px;
	background-color: #FFF;
}

#mainContent {
	clear: both;
	width: 860px;
}

#leftCols,
#rightCols {
	float: left;
	width: 420px;
	margin-bottom: 10px;
}

#leftCols {
	margin-right: 20px;
}

#column1,
#column2,
#column3,
#column4 {
	float: left;
	width: 200px;
}

#column1,
#column3 {
	float: left;
	margin-right: 20px;
}

#footer {
	clear: both;
	width: 860px;
	padding: 0;
	margin-top: 5px;
}

.clear {
	clear: both;
	height: 0;
}

.rule {
	clear: both;
	border-top: 1px solid #000;
}

.ruleAbove {
	clear: both;
	border-top: 1px solid #000;
}

a img {
	border: none;
}

img.floatleft {
	float: left;
	margin: 0 15px 15px 0;
}

/* type
------------------------------------------------------------------------- */

abbr, acronym {
	cursor: help;
	border-bottom: 1px dotted;
}

#mainContent p {
	font-size: 0.95em;
	line-height: 1.8em;
	margin: 0 0 1em 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 1.2em;
	color: #FFF;
	margin: 0 0 1em 0;
}

h1 {
	font-size: 2em;
	margin: 0 0 0.5em 0;
	color: #000;
}

h2 {
	font-size: 1.7em;
	margin: 0 0 0.6em 0;
}

h3 {
	font-size: 1.3em;
	margin: 0 0 0.8em 0;
}

h4 {
	font-size: 1.2em;
}

#mainContent .intro {
	font-size: 1.1em;
}

.small {
	font-size: 0.88em;
}

/* hyperlinks */

a:link, a:visited {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px dotted #FFF;
}

a:hover, a:active {
	color: #FFF;
	border-bottom: 1px dotted #FFF;
}

/* lists */

li {
	font-size: 0.95em;
}

ul, ol, dl {
	margin-bottom: 1em;
}

ul li ul, 
ol li ul,
ol li ol,
ol li ol li ol {
	margin-bottom: 0;
}

ul {
	clear: both;
	margin-left: 25px;
}

ol {
	clear: both;
	margin-left: 25px;
}

/* header
------------------------------------------------------------------------- */

#header #logo {
	position: absolute;
	top: 0;
	left: 0;
}

#header p {
	position: absolute;
	top: 2px;
	right: 0;
	width: 237px;
	height: 33px;
	text-indent: -999em;
}

/* navigation */

#header ul {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	list-style: none;
}

#header ul li {
	font-size: 1.1em;
	float: left;
	margin-left: 1em;
	display: block;
	height: 20px;
	text-indent: -999em;
}

#header ul li a:link,
#header ul li a:visited {
	display: block;
	height: 20px;
	width: 100%;
	background-position: 0 0;
	background-repeat: no-repeat;
	outline: none;
}

body #wrapper #header ul li a:hover,
body #wrapper #header ul li a:active {
	background-position: 0 -39px;
}

#header li#navHome {
	width: 43px;
}

#header li#navPrestige {
	width: 61px;
}

#header li#navImpact {
	width: 51px;
}

#header li#navLarge {
	width: 38px;
}

#header li#navIlluminating {
	width: 91px;
}

#header li#navCase {
	width: 80px;
}

#header li#navContact {
	width: 163px;
}

/* banner
------------------------------------------------------------------------- */

#banner h1 {
	text-indent: -999em;
	margin: 0;
}

/* main content
------------------------------------------------------------------------- */

#mainContent img.frame {
	border: 5px solid #FFF;
	margin-bottom: 15px;
}

/* contact form */

#mainContent form p {
	clear: left;
	line-height: 1.2em;
}

#mainContent form p.formLabel {
	float: left;
	width: 100px;
}

#mainContent form p.formInput {
	clear: none;
	float: left;
}

#mainContent form .note {
	font-size: 0.88em;
	color: #DCB4E0;
}

#mainContent form p.checkbox,
#mainContent form p.button {
	margin-left: 100px;
}

form p.formInput input,
form p.formInput textarea {
	width: 300px;
	border: none;
	font: 0.95em "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	padding: 2px 4px;
}

.required {
	color: #FEC500;
}

p#topLink {
	font-size: 0.88em;
	clear: both;
}

/* footer
------------------------------------------------------------------------- */

#footer .vcard {
	float: left;
	margin: 15px 0 20px 0;
}

#footer p {
	color: #FFF;
	font-size: 0.88em;
	margin-bottom: 0;
}

#footer p.org {
	font-size: 1em;
	margin-bottom: 0;
}

#footer .tel p.type {
	display: none;
}

#footer .tel p.value {
	float: left;
	padding-right: 1.5em;
}

#footer img {
	float: right;
}