/*
--------------------------------------------------
TracyOats.com GLOBAL STYLES
Last revised 9 April 2009
--------------------------------------------------
*/
/*
--------------------------------------------------
Color palette:
--------------------------------------------------

DarkRed #8b0000

Mandarin Oriental red #bb0020
Mandarin Oriental red 75% #d14a54
Mandarin Oriental red 50% #e4857a
Mandarin Oriental red 10% #fae3d9

Pantone 172 C #f24f00
Pantone 172 C 50% #f9a780

- Pantone 7427 C #991426 -
- Pantone 200 C #ba122b -
- Pantone 200 C 75% #cb4d60 -
- Pantone 200 C 50% #dd8995 -
- Pantone 200 C 10% #f8e7ea -
- Pantone 189 C #faa1b5 -

*/
/*
--------------------------------------------------
GLOBAL RESET
--------------------------------------------------
undohtml.css (CC) 2004 Tantek Celik. Some Rights Reserved.
*/
:link, :visited { text-decoration: none }
ul, ol	{ list-style: none }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em }
body, html, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, img { margin: 0; padding: 0; }
a img, :link img, :visited img { border: none }
address { font-style: normal }

/*
--------------------------------------------------
DEFAULT HTML STYLES
--------------------------------------------------
This section concerns generalizations and common elements
*/
body	{
		color: #fae3d9; /* Mandarin Oriental red 10% */
		font-size: 14px;
		font-family: "Century Gothic", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
		text-align: center;	/* horizontal centering in Win IE */
		min-width: 60em; /* 840px -- < Win IE7 ignores this */
		margin: 3em auto 0;
		background: #bb0020; /* Mandarin Oriental red */
		}

/* Links */
a, a:visited {
		color: #fae3d9; /* Mandarin Oriental red 10% */
		text-decoration: none;
		}
a:focus {
		outline: none; /* most browsers do not support yet support this property */
		-moz-outline: none; /* remove focus outline in Mozilla browsers */
		}
a:hover {
		color: #f24f00; /* Pantone 172 C */
		border-bottom: .142857em solid #f9a780; /* Pantone 172 C 50% */
		}
a:active {
		}

/* Headers */
h1, h2, h3, h4, h5, h6 {
		color: #f24f00; /* Pantone 172 C */
		font-size: 1em
		line-height: 1.5;
		margin: 1.5em 0 .75em;
		}
h1		{
		font-weight: normal;
		font-size: 18px;
		line-height: 1.167;
		margin: 1.167em 0 .5833em;
		}
h1.portfolio {
	margin-top:0px;
}
h2		{
		font-weight: normal;
		margin: .75em 0 .375em;
		}

p		{
		margin-bottom: .75em;
		}
blockquote {
		margin: 1.5em;
		}
address {
		margin: .75em 0;
		}

/* Lists */
ul ul, ol ol, ul ol { /* nested list indent */
		margin-left: 1em;
		}

abbr, acronym {
		font-size: 11px;
		letter-spacing: .1em;
		border-bottom: 1px solid #d14a54; /* Mandarin Oriental red 75% */
		cursor: help;
		}
dfn		{
		border-bottom: 1px solid #d14a54; /* Mandarin Oriental red 75% */
		cursor: help;
		}

/*
--------------------------------------------------
PAGE STRUCTURE
--------------------------------------------------
This section defines layout elements and respective environmental formatting
*/
#wrapper {
		text-align: left; /* reset Win IE workaround */
		width: 60em; /* 840px */
		margin: 0 auto; /* standard CSS horizontal centering */
		padding: 0;
		background: transparent;
		}
#banner { /* identity */
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		width: 100%; /* 60em */
		height: 5.25em;
		position: relative;
		background: transparent;
		}
#banner img {
		float: left;
		}
#banner a {
		border-bottom: none;
		}
#container {
		line-height: 1.5;
		}
#content {
		width: 39.8em;
		height: 26.25em;
		float: right;
		margin: 0 0 .75em 0;
		padding: 0 0 0 .4em;
		background: transparent;
		}

/* Columns */
/* 2-column layout */
#content .column2 {
		width: 18.3em;
		float: left;
		margin: 0 1.5em 0 0;
		background: transparent;
		}
#content .column2.right { /* rightmost column -- matches selectors with both class .column and .right */
		margin-right: 0;
		}
/* 3-column layout */
#content .column3 {
		width: 12.2em;
		float: left;
		margin: 0 1.5em 0 0;
		background: transparent;
		}
#content .column3.right { /* rightmost column -- matches selectors with both class .column and .right */
		margin-right: 0;
		}

#content .column4 { /* rightmost column -- matches selectors with both class .column and .right */
		padding-top: 3px;
		}

/* Main navigation */
#navbar {
		width: 19.8em;
		float: left;
		background: transparent;
		}
#nav li {
		display: inline;
		}
#nav a	{
		float: left;
		width: 8.25em;
		height: 8.5em;
		margin: 0 .75em .75em 0;
		padding: .5em 0 0 .75em;
		border-bottom: none;
		background: #8b0000; /* DarkRed */
		}
#nav a:link, #nav a:visited {
		background: #8b0000; /* DarkRed */
		}
#nav a:hover {
		}
#nav a:active {
		}
#nav a.selected {
		color: #f24f00; /* Pantone 172 C */
		}

/* Footer */
#footer {
		color: #e4857a; /* Mandarin Oriental red 50% */
		font-size: 12px;
		line-height: 1.75;
		position: relative;
		clear: both;
		list-style: none;
		}
#footer li {
		padding: 0 .5em;
		display: inline;
		background: url(../images/utility/pipe.gif) no-repeat right;
		}
#footer li.first {
		padding-left: 0;
		}
#footer li.last {
		background: none;
		}
#footer li.byline { /* use for site-design credit */
		color: #d14a54; /* Mandarin Oriental red 75% */
		font-size: 11px;
		line-height: 1.91;
		text-transform: uppercase;
		letter-spacing: .1em;
		position: absolute;
		right: 0;
		background: none;
		}
#footer a {
		color: #e4857a; /* Mandarin Oriental red 50% */
		}
#footer .byline a:link, #footer .byline a:visited {
		color: #d14a54; /* Mandarin Oriental red 75% */
		}
#footer a:hover, #footer .byline a:hover {
		color: #f24f00; /* Pantone 172 C */
		}
#footer a:active, #footer .byline a:active {
		color: ; /*  */
		}
#footer a.selected {
		color: #f24f00 !important; /* Pantone 172 C */
		border-bottom: .142857em solid #f9a780 !important; /* Pantone 172 C 50% */
		}
		
#footer.service {
	padding-top:79px;
}

/*	Utility elements */
.hidden { /* completely remove from layout */
		display: none;
		}
.show	{
		display: block !important;
		}
.invisible { /* does not display but remains in layout flow */
		visibility: hidden;
		}
.clip	{
		overflow: hidden;
		}
.clearance {
		height: 0;
		clear: both;
		}
.clear	{
		clear: both;
		}

/*
--------------------------------------------------
FORMATTING STYLES
--------------------------------------------------
Positional, text, font, and miscellaneous formatting not defined in environmental contexts
*/
/* Positioning elements */
.center {
		text-align: center;
		}
.flush-right {
		text-align: right;
		}
.justify {
		text-align: justify;
		}		
.inline {
		display: inline;
		}
.floatLeft {
		float: left;
		}
.floatRight {
		float: right;
		}
.allPad {
		padding: 1.5em;
		}
.leftPad {
		padding: 0 0 .75em 1.5em;
		}
.rightPad {
		padding: 0 1.5em .75em 0;
		}
.topPad {
		padding-top: .75em;
		}
.bottomPad { /* also use to provide paragraph spacing in IE Win */
		padding-bottom: .75em;
		}
.trim	{
		margin: 0 !important;
		padding: 0 !important;
		}

/* Fonts */
.italic {
		font-style: italic;
		}
.bold	{
		font-weight: bold;
		}
.normal {
		font-variant: normal;
		font-style: normal;
		font-weight: normal;
		text-transform: none;
		letter-spacing: normal;
		}
.small	{
		font-size: 12px;
		}
.smaller {
		font-size: smaller;
		}
.caps	{
		text-transform: uppercase;
		letter-spacing: .1em;
		}
#content .caps {
		font-size: 11px;
		}
.caption {
		font-style: italic;
		font-size: 12px;
		line-height: 1.75;
		}
.highlight {
		color: #f24f00 !important; /* Pantone 172 C */
		}

/* Links */
.img	{
		border-bottom: none !important;
		border-bottom: none; /* restate for Win IE6 */
		}

/* Lists */
.square {
		margin: .75em 0 .75em 1.1em;
		list-style: square;
		}
.inline li {
		margin-left: 1em;
		display: inline;
		}
.inline li:first-child {
		margin-left: 0;
		}
.inline li.first {
		margin-left: 0;
		}
.decimal {
		margin-left: 1.5em;
		list-style-type: decimal;
		}
.graphic li a:hover {
		padding-left: 1.125em;
		border-bottom: none;
		background: transparent url(../images/utility/arrow.png) no-repeat left;
		}