body {
/*background: url(/images/bg.grid.png) repeat-y 50% 0;*/
font-family: "Helvetica Neue", Helvetica, Arial;
line-height: 140%;
font-size: 20px;
}

/* Global Elements */

a {
color: #cc3333;
text-decoration: none;
}

a:hover {
color: #400000;
}

.big {
font-size: 1.6em;
line-height: 140%;
}

.design h2, .print h2, .communication h2, h2.newsletter {
background: #fff;
display: block;
height: 30px;
width: 220px;
background: url(/images/txt.h2.png) no-repeat 0 0;
text-indent: -9999em;
margin: 0 0 20px 0;
}

.design h2 {
background-position: 0 0;
}

.print h2 {
background-position: 0 -60px;
}

.communication h2 {
background-position: 0 -120px;
}

h2.newsletter {
background-position: 0 -180px;
}

.col h4 {
margin: 1em 0;
font: bold italic 1.2em/140% Georgia;
color: #777;
}

.content h3 {
color: #555;
margin: 0 0 1em 0;
font-size: 1.5em;
}

.examples h3 {
position: absolute;
top: 150px;
left: 10px;
}

.scrnReader {
position: absolute;
left: -9999em;
top: -9999em;
}

.vCard dt {
width: 10em;
float: left;
margin: 0;
font-weight: bold;
}

.vCard dd {
float: left;
width: 20em;
margin: 0;
}

.col {
}

#preamble .col {
color: #fff;
margin: 0 0 0 20px;
}

.col ul {
list-style-position: inside;
list-style-type: disc;
list-style-image: url(/images/img.red.bullet.png);
margin: 0 0 2em 0;
}

.col ul li {
margin: 0 0 0.25em 0;
}

.col:after {
clear: both;
}

.one {
width: 220px;
}

.two {
width: 460px;
}

.full {
width: 100%;
}

.left {
float: left;
}

.right {
float: right;
}


/* Header Elements */

#header {
width: 980px;
margin: 0 auto;
position: relative;
overflow: hidden;
}

#header h1 {
background: url(/images/img.logo.png) no-repeat 0 0;
float: left;
height: 91px;
width: 370px;
text-indent: -9999em;
margin: 45px 0 40px 13px;
}

#header h1:hover {
background-position: 0 -91px;
}

#header h2 {
font: normal 0.6em/150% /*Futura,*/ "Helvetica Neue", Helvetica, Arial;
text-transform: uppercase;
color: #fff;
padding: 20px 10px 20px 10px;
background: #ccc url(/images/bg.headerh2.png) no-repeat 0 100%;
min-height: 9em;
width: 440px;
float: right;
margin: 15px 20px 0 0;
}

	/* Nav Menu */

	#header .nav {
	clear: both;
	height: 2em;
	list-style: none;
	margin: 0 0 0 20px;
	text-align: right;
	}
	
	#header .nav li {
	font-size: 0.8em;
	display: inline;
	margin: 0 1.5em 0 0;
	}

/* Preamble Elements */

#preamble {
margin: 10px 0 80px 0;
width: 100%;
background: #400000 url(/images/bg.preamble.png) no-repeat 50% 0;
border-top: 5px solid #ccc;
border-bottom: 5px solid #ccc;
font-size: 0.7em;
line-height: 140%;
}

#preamble a:hover {
color: #fff;
border-bottom: 1px solid #fff;
}

#preamble .wrap {
width: 980px;
margin: 0 auto;
padding: 2em 0;
overflow: hidden;
position: relative;
min-height: 12em;
}

#preamble .wrap.home {
overflow: visible;
}

#preamble .examples {
width: 720px;
float: right;
position: absolute;
right: 0;
}

#preamble .examples li {
position: absolute;
display: block;
width: 220px;
height: 220px;
background: #ccc;
margin: 0 20px 0 0;
z-index: 1;
}

#preamble .examples .design {
top: 0;
left: 0;
}

#preamble .examples .print {
top: 0;
left: 240px;
}

#preamble .examples .communication {
top: 0;
left: 480px;
}

#preamble .examples .info {
display: block;
position: absolute;
bottom: 0;
padding: 0 10px;
width: 200px;
color: #fff;
z-index: 1;
}

/* Content Elements */

.content {
width: 940px;
margin: 30px auto;
overflow: hidden;
font-size: 0.7em;
line-height: 140%;
}

.content p {
color: #333;
margin: 0 0 2em 0;
padding: 0;
}

.content .services {
width: 720px;
float: right;
margin: 4em 0 0 0;
}

.content .services p {
margin: 0;
padding: 0 10px;
}

.content .services li {
width: 220px;
display: block;
float: left;
margin: 0 0 0 20px;
min-height: 16em;
position: relative;
padding: 0 0 1em 0;
overflow: hidden;
}

.content .services li p a {
text-align: right;
position: absolute;
width: 220px;
bottom: 0;
right: 0;
}

	/* Content - Newsletter Form */
	
	.content .signup {
	float: left;
	width:220px;
	margin: 4em 0 0 0;
	clear: both;
	}
	
	.content .signup p {
	margin: 0;
	}
	
	.content .signup  label {
	padding: 0.5em 0;
	display: block;
	}
	
	.content .signup input {
	width: 210px;
	margin: 0;
	}
	
	.content .signup button {
	margin: 0.75em 5px 0 0;
	padding: 0.25em 2em;
	width: 8em;
	clear: both;
	float: right;
	display: block;
	border: 1px solid #bbb;
	background: #eee;
	}

.content .jobs {
list-style: none;
}

.content .jobs li {
padding: 0 0 1em 0;
overflow: hidden;
}

.content .jobs li h4 {
color: #400000;
display: block;
width: 300px;
margin: 0 20px 0 0;
float: left;
clear: left;
text-align: right;
}

.content .jobs li p {
float: left;
width: 610px;
padding: 0;
}

.content .jobs li span {
color: #777;
font-weight: bold;
margin: 1em 0;
display: block;
}

.content .contactform {
}

.content .contactform label {
float: left;
width: 180px;
display: block;
margin: 0.25em 0;
text-align: right;
padding: 0 1em 0 0;
}

.content .contactform input, .content .contactform textarea {
float: left;
margin: 0.5em 0;
}

.content .contactform input#retain {
float: left;
margin: 0 0 0 195px;
}

.content .contactform label#retain {
float: right;
margin: 0;
width: 220px;
text-align: left;
font-size: 0.8em;
line-height: 120%;
}

.content .contactform button {
margin: 1.5em 0 0 195px;
padding: 0.25em 2em;
width: 10em;
clear: both;
float: left;
display: block;
border: 1px solid #bbb;
background: #eee;
}

.content .contactform button:hover, .content .signup button:hover {
color: #fff;
background: #900000;
}

/* Footer Elements */

#footer {
clear: both;
width: 960px;
margin: 0 auto 2em auto;
border-top: 1px solid #ddd;
padding: 1em 0 0 20px;
color: #ccc;
font-size: 0.7em;
line-height: 140%;
}