@charset "utf-8";
/* CSS Document */

body, html
{
	margin:0px;
	padding:0px;
	background-color:#fff;
}

/******************** HEADER ********************/

#preHeader
{
	background-image:url(transparent.gif);
	border-left:44px solid #c0cacf;
	border-right:44px solid #c0cacf;
	margin-left:44px;
	margin-right:44px;
	height:23px;
}

#header
{
	background:#fff url(desk.gif) top center no-repeat;
	margin-right:44px;
	border-right:44px solid #628b9c;
	padding-right:0px;
	height:209px;
	z-index:1;
}

#headerBottomLine
{
	position:absolute;
	top:232px;
	width:95%;
	height:1px;
	background:#fff;
	z-index:2;
}

.noDisplay
{
	display:none;
}

#headerVerticalLine
{
	float:right;
	display:block;
}

#headerHorizontalLines
{
	position:absolute;
	top:23px;
	right:43px;
	z-index:5000;
	display:block;
}

#logo
{
	padding-left:12px;
	background-color:#fff;
	width:77px;
	float:left;
	z-index:10;
}

#logoType
{
	float:left;
	padding:0px;
	padding-left:13px;
	padding-top:6px;
	padding-bottom:0px;
	margin:0px;
	font:bold 28px/25px Calibri,Arial,Helvetica,sans-serif;
	color:#333;
	letter-spacing:0.01em;
	word-spacing:-0.10em;
}

#logoType .slashes
{
	padding:0px;
	margin:0px;
	color:#dfdfdf;
	font-weight:normal;
}

#logoType a:hover
{
	text-decoration:none;
}

#logoType .ampersand
{
	font-size:25px;
}

#logoType .incorporated
{
	font:normal 9px/9px Arial, Helvetica, sans-serif;
	color:#333;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:0px;
	margin:0px;
}

#tagline
{
	float:left;
	padding:0px;
	padding-left:0px;
	padding-top:0px;
	margin:0px;
	margin-top:19px;
	font:normal 11px/11px Calibri,Arial,Helvetica,sans-serif;
	letter-spacing:0px;
	color:#000;
}

/******************** COLUMN SETUP ********************/

#frame
{
	border-left:44px solid #c0cacf;
	border-right:44px solid #c0cacf;
	margin-left:44px;
	margin-right:44px;
	height:100%;
}

#leftTwoThirds
{
	background-color:#fff;
	background-position:top center;
	background-repeat:repeat-y;
	width:66.6%;
	float:left;
	border-right:1px solid #edf1f2;
}

#mainContent
{
	background:transparent; /* the bug goes away when transparent, there were selection bugs on IE when bg=#fff */
	border-bottom:15px solid #fff;
}

#mainRight
{
	width:32.4%;
	float:left;
	background-color:transparent;
	padding-bottom:15px; /* the content bottom padding */
}

#mainCenter
{
	width:49.5%;
	float:left;
	background-color:transparent;
	padding-bottom:15px; /* the content bottom padding */
	padding-top:15px;
	border-top:1px solid #edf1f2;
}

#mainLeft
{
	width:49.75%;
	float:left;
	background-color:transparent;
	padding-bottom:15px; /* the content bottom padding */
	padding-top:15px;
	border-top:1px solid #edf1f2;
}

/******************** CONTENT L-R ALIGNMENT ********************/

#mainContent p, #mainContent small, #mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4, #mainContent h5, #mainContent pre
{
	padding-left:15px;
	padding-right:12px;
	margin:0px;
	text-align:left;
	background:#fff;
}

#mainLeft p, #mainContent small, #mainLeft h1, #mainLeft h2, #mainLeft h3, #mainLeft h4, #mainLeft h5, #mainLeft pre
{
	padding-left:15px;
	padding-right:14px;
	margin:0px;
	text-align:left;
}

#mainCenter p, #mainContent small, #mainCenter h1, #mainCenter h2, #mainCenter h3, #mainCenter h4, #mainCenter h5, #mainCenter pre
{
	padding-left:17px;
	padding-right:12px;
	margin:0px;
	text-align:left;
}

#mainRight p, #mainContent small, #mainRight h1, #mainRight h2, #mainRight h3, #mainRight h4, #mainRight h5, #mainRight pre, #mainRight ol, #mainRight li
{
	/* padding and margins should total 15 (left) and 10 (right) */
	margin:0px;
	margin-left:10px;
	padding-left:5px;
	margin-right:5px;
	padding-right:5px;
	text-align:left;
}

#mainRight .rightThumbnails
{
	padding-left:0px;
	padding-right:0px;
	text-align:center;
}

#mainRight .rightLogos
{
	padding-left:0px;
	padding-right:0px;
	text-align:center;
}

#mainRight .rightLogoImg
{
	margin:5px;
}

/******************** FONTS (Special) ********************/


#mainContent .breadcrumbs
{
	font-size:11px;
	line-height:11px;
	padding-bottom:0px;
}

#mainContent h1 /* h1 is only ever used after the breadcrumbs */
{
	padding-top:3px;
	padding-bottom:0px;
}

#mainRight h2
{
	font:bold 18px/18px Arial, Helvetica, sans-serif;
	text-transform:none;
	letter-spacing:0px;
	padding-top:15px;
	color:#527482;
}

#mainRight .rightHeader
{
	font:bold 14px/14px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#mainRight .contact
{
	background-color:#f2f6f7;
	padding-bottom:5px;
}

#mainRight .contactTop
{
	background-color:#f2f6f7;
	padding-bottom:5px;
	padding-top:11px;
	margin-top:11px;
}

#mainRight .mainRightBottom
{
	padding-top:15px;
}

#mainLeft p, #mainCenter p, #mainRight p
{
	font-size:11px;
}

.artlogic
{
	letter-spacing:1px;
	white-space:nowrap;
}

#footerText
{
	padding-left:14px;
	float:left;
	height:22px;
	border-left:1px solid #fff;
	color:#d8e3e8;
	font:normal 10px/10px Calibri,Arial,Helvetica,sans-serif;
	line-height:19px;
}

.noUnderline
{
	text-decoration:none;
}

small
{
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	font-size:12px;
	line-height:18px;
	color:#999;
	font-style:italic;
}

/******************** LINK COLORS ********************/

a { color:#425d69; }
a:active { color:#738FA8; }
a:hover { color:#738FA8; text-decoration:underline; }
a:visited {color:#738FA8; }

#footerText a { color:#d8e3e8; }
#footerText a:active { color:#fff; }
#footerText a:hover { color:#fff; }
#footerText a:visited { color:#d8e3e8; }

#logoType a { color:#333; }
#logoType a:active { color:#333 }
#logoType a:hover { color:#738FA8; }
#logoType a:visited { color:#333; }

#mainContent h3 a { text-decoration:none; }
#mainContent h3 a:active { text-decoration:none; }
#mainContent h3 a:hover { text-decoration:underline; }


/******************** LISTS ****************************/

#mainContent ul
{
	list-style-type: square;
	list-style-position:outside;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	font-size:12px;
	line-height:18px;
	color:#333;
	margin-bottom:0px;
	margin-top:10px;
}

#mainContent ol
{
	list-style-position:outside;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	font-size:12px;
	line-height:18px;
	color:#333;
	margin-bottom:0px;
	margin-top:10px;
}

#mainRight ol
{
	list-style-position:outside;
	font-family:Calibri,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:16px;
	color:#333;
	padding-top:10px;
	padding-left:18px;
}

/******************** MISCELLANEOUS ********************/

#laptopTextDiv
{
	position:absolute;
	top:111px;
	width:100%;
	text-align:center;
}

#laptopTextDiv img
{
	margin-left:163px;
}

.testimonialQuote
{
	font-weight:bold;
}

.testimonialQuoted
{
	padding-top:2px;
}

.forMoreInformation
{
	font-size:11px;
}


.forMoreInformationPhoto
{
	float:left;
	padding-bottom:15px;
}

.projectStoryLogo
{
	padding:0px;
	margin:15px 0px 0px 15px;
	float:left;

}
.projectStoryScreenShot
{
	padding:0px;
	margin:15px 12px 3px 3px;
}
.projectStoryText
{
	clear:left;
}

.comments
{
	background-color:#ff0;
}

.noBorder
{
	border:none;
}

.flags
{
	filter:alpha(opacity=55);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55);
	-moz-opacity:.55;
	-khtml-opacity:.55;
}

.noWrap
{
	white-space:nowrap;
}

#arrow
{
	padding:0px 0px 0px 0px;
	margin:9px 7px 0px 6px;
	float:left;
}

img
{
	border:none;
}

.floatRight
{
	float:right;
}

.floatLeft
{
	float:left;
}

#mainContent hr
{
	margin:0px;
	padding:0px;
	width:96%;
	height:0px;
	border:none;

	border-bottom:1px solid #edf1f2;
	padding-top:12px;

	margin-left:15px;
	text-align:left;
	background:#fff;
}

#mainRight hr
{
	margin:0px;
	padding:0px;
	width:100%;
	height:0px;
	border:none;
	border-bottom:1px solid #edf1f2;
	margin-top:10px;
}

.hide
{
	display:none;
}

code
{
	font-family:courier, sans-serif;
}

pre
{
	background:#eee;
	color:inherit;
	padding:2px 5px;
}

small
{
	font-size:85%;
}

/******************** FOOTER ********************/

#postFooter
{
	background-image:url(transparent.gif);
	border-left:44px solid #c0cacf;
	border-right:44px solid #c0cacf;
	border-top:1px solid #fff;
	margin-left:44px;
	margin-right:44px;
	height:22px;

	/* site description text */
	color: #fbfbfb;
	font-family:Calibri,Arial,Helvetica,sans-serif;
	font-size: xx-small;
	font-weight: bold;
	line-height: 1px;
	padding-top:3px;
}


/*** TABLES
*********************************************************/

#mainContent table
{
	margin-left:15px;
	border-top:15px solid #fff;
	width:94%;
	background-color: #bec9ce;
	empty-cells: show;
}

#mainContent table.tradeShows
{
	background-color: #fff;
	empty-cells: show;
	padding:0px;
}

#mainContent table.tradeShows td
{
	padding:0px;
	margin:0px;
	padding-top:25px;
	text-align:center;
}

#mainContent table.tradeShows img
{
	margin-bottom:5px;
}

#mainContent table th {
	font-family:Calibri,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	letter-spacing:1px;
	background-color: #bec9ce;
	color: inherit;
	vertical-align: top;
	color:#fff;
	border-bottom:1px solid #fff;
	padding:2px 5px 2px 5px;
	text-align:left;
}

#mainContent table tr.rowColor1 {
	background-color: #fff;
	color: inherit;
}

#mainContent table tr.rowColor2 {
	background-color: #f2f6f7;
	color: inherit;
}

#mainContent table td
{
	font-family:Calibri,Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:11px;
	line-height:16px;
	letter-spacing:1px;
	vertical-align: top;
	padding:2px 5px 2px 5px;
	border-bottom:1px solid #fff;
}

#mainContent table td.rowHeader
{
	font-family:Calibri,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	letter-spacing:1px;
	white-space:nowrap;
	vertical-align:middle;
	padding:2px 5px 2px 5px;
}

/*** FORMS
*********************************************************/

form input, form textarea, form select
{
	font-family:Calibri,Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#000;
	background-color:#E8EEF0;
	border:1px solid #C6CCCF;
	padding:1px;
	margin:0px;
}

form .button
{
	font-weight:bold;
	font-size:12px;
	border:1px solid #333;
}

form p
{
	font-size:11px;
}

#mainContent .formField
{
	padding-top:0px;
}
.hl0, .hl1, .hl2, .hl3, .hl4 { background-color: #ff9 }

#sehlIntro
{
	display:block;
	font-size:11px;
}