/* Global CSS file to standardize between browsers and with how I like things to start */
/* This should always be the first CSS file in the list */

html, body, form, fieldset, table, th, td
{
    margin: 0;
    padding: 0;
}

body
{
    font-family: Arial, sans-serif;
    font-size: 0.8em;
}

/* match the font size of <body> since these do not inherit */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, address
{
    margin: 1em 0;
    padding: 0;
}

ul, ol, dl
{
    margin: 1em 0.8em;
    padding: 0;
}

li, dd, blockquote
{
    margin-left: 1em;
}

h1
{
    font-size: 1.5em;
}

h2
{
    font-size: 1.4em;
}

h3
{
    font-size: 1.3em;
}

h4
{
    font-size: 1.2em;
}

h5
{
    font-size: 1.1em;
}

h6
{
    font-size: 1.0em;
}

img
{
    border: 0;
}

table
{
    border-collapse: collapse; /* center */
    margin-left: auto;
    margin-right: auto;
}

th
{
    border: 0;
    vertical-align: top;
    text-align: left;
}

td
{
    border: 0;
    vertical-align: top;
}

acronym
{
    border-bottom: dotted 1px black;
}

body {
	background: #9d0a0e url(/mstr_bckg.gif) repeat-x top left;
	font-size: 0.8em;
    line-height: 1.75em;
	font-family: Arial, Helvetica, sans-serif;
	color: black;
}

a:link { color: #736257; text-decoration: none; }
a:visited { color: #42352c; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

h1, h2, h3, h4, h5, h6
{
	font-family: Agency FB;
	font-weight: normal;
	color: #534741;
}

h2
{
	font-size: 18pt;
}

li
{
	color: #736257;
	margin-left: 18px;
	margin-bottom: 10px;
}

.navigation
{
    margin: 1em 0.4em;
	color: white;
	text-align: right;
	font-family: Verdana, Arial, Trebuchet MS, Tahoma;
	font-size: 11pt;
	list-style: none;
	list-style-position: inside;
	white-space: nowrap;
}

.navigation li
{
	margin-left: 0;
	white-space: nowrap;
}

.navigation li div
{
	display: inline;
	opacity: 0;
}

.navigation li a
{ color: white; }

.navigation li a:visited
{ color: #ddd; }

.navigation li a:hover, .navigation li a:active
{ text-decoration: none; }

address
{
	margin: 0;
	font-style: normal;
	color: inherit;
}

p, address
{
	color: #736257;
}

p.indent, .indent
{
	margin-left: 15px;
}

table tr#header_content_vert #content
{
	min-height: 589px;
	width: 657px;
	background: #e2dad1 url(/vert-stretch.gif) repeat-y;
}

table tr#header_content_vert #content #content_wrapper
{
	background: transparent url(page_bckg.jpg) no-repeat;
	width: 657px;
	height: 577px;
	min-height: 577px;
}

table tr#header_content_vert #back_header_content
{
	background: transparent url(/page_bckg_back.jpg) no-repeat;
	width: 657px;
	height: 696px;
	min-height: 696px; 
}

#portfolio th
{
	text-align: center;
	padding: 5px 15px 0 5px;
	font-size: 1.5em;
}

#portfolio a, #portfolio a:visited,#portfolio a:active,#portfolio a:hover
{
	color: black;
}

#portfolio .portfolio_hl a
{
	background-image: url(outofit.gif);
	background-position: right 80%;
	background-repeat: no-repeat;
	padding-right: 15px;
}

#portfolio td
{
	padding-top: 5px;
	padding-bottom: 10px;
}

#portfolio .portfolio_hl
{
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 20px;
}

#portfolio .portfolio_hl img
{
	margin-top: 0px;
	padding: 0;
	border: 0;
}

#portfolio th img
{
	padding: 2px;
	border: solid 2px #e3dad1;	/* should be a color of "transparent" but IE doesn't support it */
}

#clientlist
{
	font-size: 0.9em;
	list-style-type: circle;
}

#clientlist li
{
	padding-top: 0px;
}

#footer_main
{
	background: url(/footer_001.jpg) no-repeat;
	height: 49px;
	text-align: right;
	font-size: 0.8em;
	font-style: italic;
	color: #e57f80;
	padding-top: 18px;
	padding-right: 55px;
}

.callout
{
	float: right;
}

.callout a, .callout a:visited, .callout a:hover, .callout a:active
{
	color: black;
	text-decoration: none;
}
