@charset "UTF-8";
/*=============================================================
* CSS Document
*
* Filename: pjm_global.css
* Website: www.pjmorgans.com
* Author: Azzcat Design
* Date: 09/02/2008
* Media: screen
*
* Description: This is default style sheet, based on Blueprint. This style sheet is to be attached to EVERY PAGE page. This style sheet appears FIRST, before any gallery or alternate media sheets. Main content area width is 800px, footer slightly wider, background image width is 1100px, centered in browser window.
*==============================================================*/

/*==================== reset ====================*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;
	}

body {line-height:1.5;}

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

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

table, td, th {vertical-align:middle;}

blockquote:before, blockquote:after, q:before, q:after {content:"";}

blockquote, q {quotes:"" "";}

a img {border:none;}

a img.border {
	border-top: thin outset #F2F3CA;
	border-right: thin outset #666666;
	border-bottom: thin outset #666666;
	border-left: thin outset #F2F3CA;
}

/*==================== end reset ====================*/

/*==================== containers ====================*/

#background_container {
	background-color: #fff;
	background-image:url(../images/global/background_long.jpg);
	background-repeat: repeat-y;
	margin-left:auto;
	margin-right:auto;
	width: 1100px;
	position: relative;
}

#logo {
	position: absolute;
	z-index: 100;
	left: 160px;
	top: 1em;
}

#main_container {
	width: 800px;
	padding-top: 2em;
	margin-left: auto;
	margin-right: auto;
}

#header {
	width: 800px;
	height: 145px;
	clear: both;
	border: 1px solid #D8D9B4;
	background-repeat: repeat;
}

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

.about #header {
	background-image:url(../images/header%20images/header_base01.png);
	background-repeat: no-repeat;
}

.service #header {
	background-image:url(../images/header%20images/header_base02.png);
	background-repeat: no-repeat;
}

.process #header {
	background-image:url(../images/header%20images/header_base03.png);
	background-repeat: no-repeat;
}

.project #header {
	background-image:url(../images/header%20images/header_base04.png);
	background-repeat: no-repeat;
}

.secondary #header {
	background-image:url(../images/header%20images/header_base05.png);
	background-repeat: no-repeat;
}

.mechanical #header {
	background-image:url(../images/header%20images/header_base06.png);
	background-repeat: no-repeat;
}


/* --------- end header classes --------- */

#menu {
	position: absolute; /* Menu position that can be changed at will */
	top: 170px;
	right: 149px;
	z-index:100;
	width: 600px;
	margin-top: 10px; /* precision for Opera */
}

#main_content {
	background: url(../images/global/content_bkgd.png) repeat;
	float: right;
	width: 597px;
	border: 1px solid #F2F3CA;
	margin-bottom: 2em;
	min-height: 200px;
	position:relative;
}

#col_left {
	float: left;
	width: 290px;
}

#col_right {
	float: right;
	width: 290px;
}


#footer {
	background-image: url(../images/global/content_bkgd.png);
	background-repeat: repeat;
	clear: both;
	text-align: center;
	font-size: small;
	padding: 1em 8em 2em 7em;
	border-top: 1px solid #ffffcc;
	bottom: 0;
	color: #59595b;
}

/*==================== end containers ====================*/

/*==================== typography ====================*/

body {font-size:80%;color:#222;background:#ccc;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}

p, th, td, li, dd, dt, ul, ol, blockquote, q, acronym, abbr, a, input, select, textarea {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;font-family: Georgia, "Times New Roman", Times, serif;color:#993333;}

h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}

h2 {font-size:2em;margin-bottom:0.75em;}

h3 {font-size:1.5em;line-height:1;margin-bottom:0.5em;}

h4 {font-size:1.5em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}

h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}

h6 {font-size:1em;font-weight:bold;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0 0 1.5em;}

a:focus, a:hover {color:#b93e3e;}

a {color:#993333;text-decoration:underline;}

blockquote {margin:1.5em;color:#666;font-style:italic;}

blockquote cite {color:#000; font-style:normal;}

strong {font-weight:bold;}

em, dfn {font-style:italic;}

dfn {font-weight:bold;}

sup, sub {line-height:0;}

abbr, acronym {border-bottom:1px dotted #666;}

address {margin:0 0 1.5em;font-style:italic;}

caption {background:#eee;}

.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}

.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}

/*==================== end typography ====================*/

/*==================== lists ====================*/

li ul, li ol {margin:0 1.5em;}

ul, ol {margin:0 1.5em 1.5em 1.5em;}

ul {list-style-type:none;}

ol {list-style-type:decimal;}

dl {margin:0 0 1.5em 0;}

dl dt {font-weight:bold;}

dd {margin-left:1.5em;}

#col_left dl, #col_right dl {
	height: 13em;
	position:relative;
}

#col_left dl dt, #col_right dl dt {
	margin-left:110px;
}

#col_left dl dd, #col_right dl dd {
	margin-left:110px;
}

/*==================== end lists ====================*/

/*==================== images ====================*/

img {
	border-top: thin outset #F2F3CA;
	border-right: thin outset #666666;
	border-bottom: thin outset #666666;
	border-left: thin outset #F2F3CA;
}

p img {float:left;margin:0 10px 10px 0;padding:0;}

p img.right {float:right;margin:0 0 10px 10px;}
	
.staff_145 {
	position: absolute;
	left: -145px;
	z-index: 200;
}

.staff_156 {
	position: absolute;
	left: -156px;
	z-index: 200;
}

.staff_200 {
	position: absolute;
	left: -200px;
	z-index: 200;
}

dl dd img {
	position: absolute;
	left:0;
	top:0;
}

/*==================== end images ====================*/

/*==================== tables ====================*/

table {
	margin-bottom:1.4em;
	width:80%;
	margin-left:10%;
	border-top: thin outset #F2F3CA;
	border-right: thin outset #666666;
	border-bottom: thin outset #666666;
	border-left: thin outset #F2F3CA;
}

table.wide {
	width:97%;
	margin:0 auto 1.4em auto;
}

th {
	background:url(../images/global/menu_highlt_bdgd.png) repeat;
	font-size: large;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-top: thin outset #F2F3CA;
	border-right: thin outset #666666;
	border-bottom: thin outset #666666;
	border-left: thin outset #F2F3CA;
}

th, td {padding:4px 4px 4px 4px;}

td {font-family: "Trebuchet MS", Helvetica, "Helvetica Neue", Arial, Tahoma, sans-serif;
	border-bottom: thin dotted #276b64;
}

table.wide td {font-size: x-small;
	border-bottom:none;}

#specs tr.even td {
	background:url(../images/global/content_bkgd.png) repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: larger;
}

tr.even td {
	background:url(../images/global/content_bkgd.png) repeat;
}

#sig_cons td {
	border-right: thin dotted #276b64;	
}

tfoot {font-style:italic;}

/*==================== end tables ====================*/

/*==================== main content ====================*/


#main_content p {
	margin: 5px 10px;
	padding-bottom: 1em;
}

#main_content h1, h2, h3, h4, h5, h6 {
	margin: 10px;
}

#main_content h3 {
	margin-top: 1em;
	padding-top: .2em;
	border-top: thin dotted #993333;
}

#main_content h3.bigTop {
	margin-top: 4em;
	font-weight: bold;
	padding-top: .2em;
	border-top: thin dotted #993333;
}

#main_content ul {
	margin: 5px 10px;
	padding-bottom: 1em;
}

#main_content ul li {
	list-style: square inside;
	color:#222;
}

#main_content ol {
	margin: 5px 2.5em;
}

#main_content ol li {
	list-style: decimal;
	color:#222;
	padding-bottom: 1em;
}

#main_content ol li ul li {
	list-style:square url(none) inside;
}

#main_content dl {
	margin: 5px 10px;
	padding-bottom: 1em;
}

#main_content dt {
	color:#993333;
	font-size: 1.2em;
}	

#main_content dd {
	color:#222;
}

#main_content dl.opus {
	float:left;
	width: 180px;
	margin: 5px 0 10px 10px;
}

#main_content dl.opus105 {
	float:left;
	width: 105px;
	margin: 5px 0 10px 10px;
}

#main_content dl.opus135 {
	float:left;
	width: 135px;
	margin: 5px 0 10px 10px;
}

#main_content dl.opus275 {
	float:left;
	width: 275px;
	margin: 5px 10px 0 10px;
}

#main_content dl.opus285 {
	float:right;
	width: 285px;
	margin: 5px 10px 0 10px;
}

#glossary {
	margin-bottom:1.4em;
	width:80%;
	padding:1em;
	margin-left:8%;
	border-top: thin outset #F2F3CA;
	border-right: thin outset #666666;
	border-bottom: thin outset #666666;
	border-left: thin outset #F2F3CA;	
}

#glossary dt {
	color:#993333;
	font-size: 1.2em;
}

#contact {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 110%;
	margin: 10px;
}

/*==================== end main content ====================*/	

/*==================== navigation ====================*/

/* --------- breadcrumb placement and styling --------- */

#breadcrumb {
	margin: 50px 0 15px 0;
	float: right;
	width: 597px;
	padding: 4px 0 0 8px;
	color: #59595b;
}

#breadcrumb li {
	float: left;
	display: inline;
	margin-right: 4px;
}

#breadcrumb a {
	color: #59595b;
	font-weight: bold;
	background: url(../images/global/gt.png) no-repeat right center;
	padding-right: 11px;
	text-decoration: none;
}

#breadcrumb a:hover {
	color: #ffffcc;
	background:url(../images/global/gt.png) no-repeat right center;
}

/* --------- end breadcrumbs --------- */

/* --------- main nav --------- */

#menu dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #59595b;
}

#menu dl {
	float: left;
	width: 148px;
	background: url(../images/global/menu_bkgd.png) repeat;
	border: 1px solid #D8D9B4;
}

#menu dt {
	cursor: pointer;
	text-align: center;
	padding: 5px;
	text-transform: uppercase;
}

#menu dd {
	display: none;
	border: 1px solid #D8D9B4;
}

#menu li {
	text-align: left;
	font-variant: small-caps;
	background-color:#C9C290;
	text-transform: none;	/* no width set, will inherit 148px, long list items exceed box width when text size increased 3x */
}

#menu li a, #menu dt a {
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	padding: 5px;
	color: #59595b;
}

#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
	background-color: #557E76;
	color: #FFF;
}

#site {
	position: absolute;
	z-index: 1;
	top : 70px;
	left : 10px;
	color: #000;
	background-color: #ddd;
	padding: 5px;
	border: 1px solid gray; 
}

/* --------- end main nav --------- */

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

#footer a {
	color:#59595b;
	text-decoration: none;
}
	
#footer a:hover {
	color: #999933;
}
	
#footer ul li {
	float: left;
}

#footer ul li a {
	padding: .8em;
}

#dunnbrad {
	float: left;
	clear: left;
	margin: 1em;
	}
/* --------- end footer --------- */

/*==================== end navigation ====================*/

/*==================== call outs placement and styling ====================*/

#call_out {
	width: 190px;
	float:left;
	margin-top: 12em;
	margin-right:5px;
	text-align: right;
}

#call_out h3 {
	border-top: thin dotted #993333;
	padding: .2em 0 .5em 0;
	margin-right:5px;
	clear:both;
}

#call_out img {
	border: none;
	float:right;
	margin-bottom: 10px;
}

#call_out img.border {
	border-top: thin outset #F2F3CA;
	border-right: thin outset #666666;
	border-bottom: thin outset #666666;
	border-left: thin outset #F2F3CA;
}

#call_out.low {
	margin-top: 36em;
}

.low {margin-top: 30em;}

.lower {margin-top: 54em;}

#call_out.low img.low {
	margin-top: 30em;
}

#call_out p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	padding: 0 10px 10px 0;
}

#call_out p span {
	font-style: italic;
	}

/*==================== end call outs ====================*/

/*==================== common ====================*/

.clear { clear: both; }

.floatLeft { float: left; }

.floatRight { float: right; }

.clearLeft { clear: left; }

.clearRight { clear: right; }

.textLeft { text-align: left; }

.textRight { text-align: right; }

.textCenter { text-align: center; }

.textJustify { text-align: justify; }

.blockCenter { display: block; margin-left: auto; margin-right: auto; }
/* remember to set width */

.bold { font-weight: bold; }

.italic { font-style: italic; }

.underline { text-decoration: underline; }

.noindent { margin-left: 0; padding-left: 0; }

.nomargin { margin: 0; }

.nopadding { padding: 0; }

.nobullet { list-style: none; list-style-image: none; }

.smallCaps {font-variant: small-caps;}

.allCaps {text-transform: uppercase;}

.noBorder {border:none;}

.location {
	font: italic .7em Georgia, "Times New Roman", Times, serif;
	color: #333;
	display: inline;
}

.specs {
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	display: block;
}

.actions {
	font: .5em Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	display: block;
}
 

/*==================== end common ====================*/


/*==================== extras from Blueprint ====================*/

del {color:#666;}

pre, code {margin:1.5em 0;white-space:pre;}

pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/*==================== end extras ====================*/

/*==================== IE Problem Solvers ;-) ====================*/

/* Internet Explorer *
/*\*/
* html #main_content {
    height: 400px;
}
/*==================== end IE Problem Solvers ;-) ====================*/