/*-----------------------------------------------------------------------------
Core Style Sheet

version:   1.0
author:    pepper matrix
website:   http://www.peppermatrix.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

body {
	text-align: center;
	background: #FFF;
	/*min-width: 1019px; /* for NN v.6 */
}

/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

#container {
	width: 984px;
	margin: 0 auto;
	text-align: left;
}
#header {
	background: url(../images/head.gif) no-repeat;
	position: relative;
	height: 80px;
}


/* Class for clearing floats */
.clear {
	clear: both;
}


/* Remove border around linked images */
img {
	border: 0;
}

/* Remove text decoration from links */
a {
	text-decoration: none;
}
/* remove bullets from lists */
ul {
	list-style: none;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 68.8%/1.4 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
  color: #000;
}

/* =Headings
-----------------------------------------------------------------------------*/

h2, h3 {
	font: bold 1.4em/1.3 "Trebuchet MS";
}
h1, h2, h3 {
	color: #333;
}
h1 a, h2 a, h3 a, li a {
	color: #004771;
}
.approach h3, .services h3 {
	padding: 1em 0;
}
.services h4 {
	display: inline;
	padding-top: .8em;
}


/* =Branding
-----------------------------------------------------------------------------*/
.branding {
	position: absolute;
	bottom: 15px;
	left: 12px;
}
.tagline {
	position: absolute;
	bottom: 19px; /* for IE */
	left: 179px;
	line-height: 1em;
	color: #333;
}
#container>#header p.tagline {
	bottom: 21px;
	line-height: 1.1em;
}


/* =Main Nav
-----------------------------------------------------------------------------*/

#mainNav {
	position: absolute;
	/*width: 333px;*/
	height: 30px;
	right: 29px;
}
#mainNav ul {
	margin: 17px 0 0 0;
	padding: 0;
}
#mainNav li {
	float: right;
	padding: 0 2.7em 0 2.7em;
	border-left:1px solid #808080;
	line-height: 1.4em;
}
#mainNav li.init {
	border: none;
}


/* =Sub Nav
-----------------------------------------------------------------------------*/

#superContent {
	position: relative; 
	padding: 0 2.2em;
	margin-top: 16px;
	width: 934px; /* for IE */
	height: 4em;
}
#superContent #subtitles {
	width: 15em;
	float: left;
}
#superContent #subNav {
	float: left;
	position: absolute;
	top: -2px;
	/*default left used for IE */
} 
#superContent>#subNav { /* all others */
	left: 16em;
}
#superContent #subNav img {
	padding-right: 3px;
}
.news #superContent #subNav {
	top: 1.8em;
}
.news #superContent #subNav ul li {
	display: inline;
	padding: 0 1em 0 1em;
	border-left:1px solid #808080;

}
.news #superContent #subNav li.init {
	border: none;
}
#superContent #subNav a img {
	margin-right: 3px;
	padding: 2px 2px;
	border: 2px solid #999;
	width: 26px;
}
#superContent #subNav a:link img {
	border-color: #999;
}
#superContent #subNav a:visited img {
	border-color: #626898;
}
#superContent #subNav a:hover img {
	border-color: #434D89;
}
#superContent #subNav a:active img {
	border-color: #626898;
}

/* =Main Content
-----------------------------------------------------------------------------*/

#mainContent {
	padding: 0 2.3em;
	margin-top: 16px;
	width: 934px; /* for IE */
}
.home #mainContent {
	padding: 0 2.4%;
}
.portfolio #mainContent, .news #mainContent {
	padding: 0;
	margin: 0 2.2em;
	width: 933px;
	border-top: 1px solid #333;
}
#mainCol {
	float: left;
	width: 447px;
}
#mainCol #imgNav {
	margin-top: 62px;
	float: right;
}
#mainCol #imgNav img {
	padding-left: 3px;
}
#mainCol #imgNav a img {
	margin-left: 3px;
	padding: 2px 2px;
	border: 2px solid #999;
	width: 26px;
}
#mainCol #imgNav a:link.intro img {
	border-color: #626898;
}
#mainCol #imgNav a:link img {
	border-color: #999;
}
#mainCol #imgNav a:visited img {
	border-color: #626898;
}
#mainCol #imgNav a:hover img {
	border-color: #434D89;
}
#mainCol #imgNav a:active img {
	border-color: #626898;
}
#subCol {
	float: right;
	width: 447px;
}
.firstImage {
	float: left;
	padding-top: 26px;
}
.about .firstImage {
	padding-right: 15px;
}
.portfolio .firstImage {
	padding-top: 16px;
}
.portfolio #caption {
	clear: left;
	padding: 3.3em 0 1.3em 0;
	font-style: italic;
}
.secImgage {
	float: right;
	padding-top: 26px;
}
.date {
	padding-top: 22px;
	color: #990000;
	line-height: 1.8em;
}
.leadStory, .story, .followStory {
	line-height: 1.6em;
}
.leadStory span, .story span, .followStory span {
	font-weight: bold;
	color: #990000;
}
.home .leadStory {
	padding-top: 22px;
}
.news .followStory {
	margin-top: 5.2em;
}
.about .leadStory {
	margin-top: 26px;
}
.about .followStory, .portfolio .followStory {
	margin-top: 5.6em;
}
.portfolio .followStory {
	margin-top: 15em;
}
.portfolio a.url {
	line-height: 3em;
	color: #004771;
	text-decoration: none;
}
#mainFooter {
	clear: both;
}
.mainColFoot {
	padding-top: 3px;
	border-bottom: 1px solid #666;
	width: 447px;
	float: left;
}
.subColFoot {
	padding-top: 3px;
	border-bottom: 1px solid #666;
	width: 447px;
	float: right;
}
.more {
	width: 200px;
	float: right;
	padding-right: 25px;
	background: url(../images/arrow.gif) no-repeat right center;
	color: #004771;
	text-align: right;
}
.story {
	margin-top: 0.5em;
}
.services .story {
	margin-top: 1.7em;
}

/* =Sub Content
-----------------------------------------------------------------------------*/

#subContent {
	background: #F6F6F6;
	margin-top: 46px;
	width: 934px; /* adapt for IE */
}
.services #subContent, .approach #subContent {
	margin-top: 26px;
}
.home #subContent, .about #subContent, 
.approach #subContent, .services #subContent {
	margin-left: 1.1em;
	margin-right: 1.1em;
}
#container>#subContent {
	width: auto; /* reset, unsupported by IE < v7 */
}
.contact #subContent {
	background: none;
	margin-left: 2.3em;
}
#xcol, #ycol, #zcol {
	margin-top: 20px;
	padding-top: 0;
}
#xcol {
	float: left;
	width: 278px;
	padding-left: 1.2em;
}
#ycol {
	float: left;
	width: 333px;
/*	padding-right: 20px;*/
}
#zcol {
	float: right;
	width: 278px;
	padding-right: 1.3em;
}
#xcol ul li {
	padding-bottom: 27px;
}
#xcol h2, #ycol h2, #zcol h2 {
	line-height: 1em;
}
#ycol h2, #zcol h2 {
	color: #333;
}
#xcol p {
	line-height: 1.5em;
}
#ycol li, #zcol li {
	padding: 6px 0 5px 3px;
}
#ycol ul, #zcol ul {
	border-top: #000 solid 1px;
	padding-right: 2px;
	margin-top: 4px;
}
.company {
	color: #990000;
	font-weight: bold;
}


/* =Links
-----------------------------------------------------------------------------*/

a:link p.foot {
	color: #333333;
}
a:visited p.foot {
	color: #666666;
}
a:hover p.foot {
	color: #990000;
}
a:active p.foot {
	color: #990000;
}
.current, .about .init {
	cursor: default;
}

/* =Footer
-----------------------------------------------------------------------------*/

#footer {
	border-left: #666 1px solid;
	border-right: #666 1px solid;
	margin: 12px 12px;
}


/* =Forms
-----------------------------------------------------------------------------*/

/* style form elements on focus */
input:focus, textarea:focus {
	background: #F2F2F2;
}
/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}
fieldset{
	border: none;
	color: #FFFFFF;
	background: center;
}

legend {
	float: left;
	text-indent: -1000em;
	width: 0;
}
label {
	color: #004771;
	display: block;
}
input {
	width: 222px;
}
textarea {
	width: 447px;
	height: 55px;
}
input.submit {
}
#validate {
	padding-top: 3em;
	color: #990000;
}
.submitbutton {
	width: 69px;
	height: 21px;
	border: none;
}
.hidden {
	display: none;
}
.buttonSubmit {
	width: 4em;
	height: 24px;
	color: #004771;
	font-weight: bold;
	margin: 2px 0 0 6px;
	background-color: #F2F2F2;
	cursor: pointer;
	border: none;
	font-size: 1em;
}
.buttonSubmit:hover {
	width: 4.2em;
	height: 24px;
	color: #FFF;
	font-weight: bold;
	background-color: #292929;
	cursor: pointer;
	border: none;
	font-size: 1em;
}

/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =siteinfo
-----------------------------------------------------------------------------*/

#siteInfo {
	height: 17px;
	position: relative;
	top: 28px;
	border-top: #666 1px solid;
	font-family: Tahoma, Verdana, sans-serif;
	text-decoration: none;
	line-height: 2.1em;
	color: #666;
}
#copyright {
	text-align: left;
	float: left;
	display: block;
	width: 18em;
	clear: right;
}
#site{
	float: right;
	display: block;
	white-space: nowrap;
	text-align: right;
	width: 18em;
}