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


body {
	margin: 0;
	padding: 0;
}

.bgColor {
	background-color: #f7f8f8;
}

.homeBgColor {
	background-color: #f3f4f4;
}

.homeBgImg {
	background-image:url(../images/lehmer_home_bg.jpg);
	background-attachment:scroll;
	background-position:50% -24px;
	background-repeat:no-repeat;
}

.logoBgImg {
	background-image:url(../images/lehmer_logo_sketch_bg.jpg);
	background-attachment:scroll;
	background-position:50% 20px;
	background-repeat:no-repeat;
}

.olgaBgImg {
	background-image:url(../images/company_bg.jpg);
	background-attachment:scroll;
	background-position:50% -24px;
	background-repeat:no-repeat;
}

.invertColor {
	color: #f7f8f8;
}

.lighterColor {
	color:#999999;
}

.grayA {
	color:#3C3C3C;
}

.grayB {
	color:#939393;
}

.smallFont {
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.smallFontB {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.largeFont {
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #5C5C5F;
	line-height:22px;
}

.quoteFont {
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color: #7C7C81;
	line-height:22px;
}

.quoteImg {
	margin:0px -22px 0px 0px;
	position:relative;
	top:0px;
	left:-24px;
}

.right {
	text-align:right;
}


.mbA {
	margin-bottom:-2px;
}

.mbB {
	margin-bottom:5px;
}

.styleStackedLinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:100;
	text-align:right;
	line-height:19px;
	color:#747575;
}

.textBody {
	width:323px;
	margin:0px 53px 20px 265px;
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:19px;
	color: #454546;
}

.textPort {
	width:323px;
	margin:0px 53px 20px 265px;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:15px;
	color: #454546;
}

.photoRight {
	margin:0px -23px 25px 0px; /* without IE6 suport could use only this line as "margin:0px -53px 0px 30px;" */
	position:relative;
	left:30px;
}

.photoOffsetTop {
	top:-36px;
	margin:0px -23px 0px 0px; /* without IE6 suport could use only this line as "margin:0px -53px 0px 30px;" */
	position:relative;
	left:30px;	
}

.usPhotos {
	margin:0px 0px 0px 133px;
}

.usBox {
	margin:0px 0px -5px 246px;
}

.photoCaption {
	position:inherit;
	padding:12px 0px;
	border-top:#999999 solid 1px;
	border-bottom:#999999 solid 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	/* font-style:italic; */
	color:#999999;
}


.hr {
	border-bottom:#CCCCCC 1px solid;
	height:1px;
	line-height:0px;
	margin:6px 0px 0px 0px;
}

.borderRight{
	border-right:#c6c6c6 solid 1px;
}

.textLegal { /*for copyright and links in lower left*/
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	line-height:19px;
	color: #989898;
}

.textLegalIE6 { /*for IE6 copyright and links in lower left*/
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	line-height:19px;
	margin-left:-6px;
	color: #989898;
}


#headerBar {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:50px;
	background-color:#262626;
	z-index:8;
}

#noScriptMsg {
	position:absolute;
	top:0px;
	left:0px;
	width:auto;
	margin-left:24px;
	margin-top:14px;
	line-height:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777777;
}

#navFloatContainer {
	width:1000px;
	margin:auto;
	height:50px;
}

#nav {
	position:relative;
	width:642px;
	height:50px;
	top:0px;
	float:right;
	text-align:left;
	z-index:1;
	border:0 none;
}

#altNav {
	position:relative;
	width:642px;
	height:26px;
	top:24px;
	float:right;
	text-align:left;
	z-index:1;
	border:0 none;
}


/**************************************************************
We're keeping the background images layout in separate Divs
for easy changes to background colors in the future (e.g.
adding separate background colors to these divs than is set for
the 'body') -- Also this lets us put the text content into a
Div with a higher Z-index value than the background so that we
can use tiling transparent PNGs in IE6 without selection issues.
(See:  'ie7/ie8.js' and 'http://code.google.com/p/ie7-js/')
***************************************************************/
#bgWrapper {
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	bottom: 0px;
	z-index:1;
}

#bgFloatContainer{
	width:1000px;
	margin:auto;
	height:100%;
	border:0 none;
}

#bgLeft{
	float:left;
	width:357px;
	height:100%;
	background-image: url(../images/lehmer_bgGradLeft-trans.png);
	background-repeat: repeat-y;
	background-position: right;
	border-color:#262626;
	border-style:none solid none none;
	border-width:0 1px 0 0;
}

#bgRight{
	float:right;
	width:642px;
	margin:auto;
	height:100%;
	border:0 none;
}
/**************************************************************
						End BG Set
***************************************************************/


/**************************************************************
					Start Content Set
***************************************************************/
#contentWrapper {	/*Sets an available screen region for content at a specific 'z-index'	*/
	position:absolute;
	width:100%;
	height:auto;
	top:0px;
	left:0px;
	z-index:2;	/*Must be set higher than 'bgWrapper'	*/
}

#contentFloatContainer {
	width:1000px;
	margin:auto;
	height:auto;
	border:0 none;
}

#contentLeft{
	float:left;
	width:357px;
	height:auto;
	border:0 none;
}

#contentRight{
	float:right;
	width:642px;
	margin:auto;
	height:auto;
	border:0 none;
}
/**************************************************************
					End Layout Content Set
***************************************************************/

#homeLogo {
	position:absolute;
	top:114px;
	width:450px;
	margin:0px;
	padding:0px;
	border:0 none;
}

#homeLinks {
	position:relative;
	text-align:left;
	top:290px;
	width:455px;
	margin:0px 0px 0px 106px;
	z-index:2;
}

#ie6HomeLinks {
	position:absolute;
	z-index:3;
}

#logo {
	position:absolute;
	top:114px;
	width:357px;
	margin:0px;
	padding:0px;
	border:0 none;
}

#portfolio {
	position:absolute;
	top:230px;
	width:500px;
	margin:0px;
	padding:0px;
	border:0 none;
	z-index:997; /* Above everything in main content area except stackedLinks and the "portfolio_ie6_interface" below */
}

#portfolio_ie6_interface {
	position:absolute;
	left:0px;
	top:0px;
	margin:0px;
	padding:0px;
	border:0 none;
	z-index:998; /* Above everything in main content area except stackedLinks */
}

#portContent {
	position:absolute;
	top:172px; /* Use 134px for same as H1 location */
	width:642px;
	height:auto;
	display:none;
	filter:Alpha(opacity=100); /* For IE */	
	z-index:990; /* Keep under "portfolio" div with mapped links */
}

#hidePanel {
	position:absolute;
	top:26px;
	left:544px;
	width:97px;
	height:17px;
	z-index:999;
}

#ie6HpWrapper {
	position:absolute;
	top:0px;
	width:642px;
	height:auto;
	z-index:991; /* Keep under "portfolio" div with mapped links */
}

#ie6HidePanel {
	position:absolute;
	top:26px;
	left:544px;
	width:97px;
	height:17px;
	cursor:pointer;
	z-index:998;
}

#ie6PortShade {
	height:4px;
	width:642px;
	background-image:url(../images/port_shade-trans.png);
	margin:0px 0px 0px 0px;
}

#portShade {
	top:0px;
	left:0px;
	height:4px;
	width:642px;
	z-index:1;
	margin-bottom:16px;
}

#portBorder {
	top:22px;
	padding:4px;
	width:325px;
	height:inherit;
	background-color:#282828;
	margin:0px 0px 0px 265px;
}

#portNoBorder {
	top:22px;
	padding:4px;
	width:325px;
	height:inherit;
	margin:0px 0px 0px 265px;
}

#imgBorder {
	border:#999999 solid 1px;
	margin:0;
	padding:0;
}

#textContent {
	position:absolute;
	top:134px;
	width:642px;
	padding-right:23px;
}

#contactForm {
	background-image:url(../images/form_bg.gif);
	background-repeat:repeat-y;
	background-position:right top;
	border-right:#999999 solid 1px;
	border-top:#999999 solid 1px;
	width:453px;
	margin:0px 0px 0px 135px;
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:19px;
	color: #454546;
}

#call_to_action_01 {
	position:absolute;
	top:186px;
	margin-left:69px;
	width:auto;
	height:auto;
	z-index:998;
	display:inline;
}

#call_to_action_02 {
	position:absolute;
	top:54px;
	margin-left:466px;
	width:auto;
	height:auto;
	z-index:998;
	display:none;	
}

#call_to_action_03 { /* Appears in left column on sales page*/
	position:absolute;
	top:230px;
	width:500px;
	margin:0px;
	padding:0px;
	border:0 none;
	z-index:997;	
}

#officeInfo {
	position:absolute;
	top:239px;
	width:320px;
	margin:0px;
	padding:0px;
	border:0 none;
	z-index:997; /* Above everything in main content area except stackedLinks and the "portfolio_ie6_interface" below */
}

#stackedLinks {
	position:absolute;
	top:222px; /* use 190px to align to text top */
	width:152px;
	height:auto;
	clear:right;
	margin-left:50px;
	z-index:999; /* Above everything in main content area and especially portfolio */
}

#indicator {
	position:absolute;
	left:152px;
	top:5px;
	width:12px;
	height:12px;
	border:0 none;
	z-index:2;
}

#vertBarRight {
	position:fixed;	
	top:0px;
	bottom:0px;
	right:-1px;
	width:15px;
	height:100%;
	background-color:#ce3431;
	border:0 none;
	z-index:10;
}



/**************************************************************
					Start Text Section Set
***************************************************************/
#section1 {
	display:inline;
}

#section2 {
	display:inline;
}

#section3 {
	display:inline;
}

#section4 {
	display:inline;
}

#section5 {
	display:inline;
}

/**************************************************************
					End Text Section Set
***************************************************************/


/**************************************************************
				  Start Customer Quotes Set
***************************************************************/
#quote01 {
	display:inline;
}

#quote02 {
	display:inline;
}

#quote03 {
	display:inline;
}

#quote04 {
	display:inline;
}

#quote05 {
	display:inline;
}

/**************************************************************
					End Portfolio Set
***************************************************************/


/**************************************************************
					Start Portfolio Set
***************************************************************/
#design1 {
	display:inline;
}

#design2 {
	display:inline;
}

#design3 {
	display:inline;
}

#design4 {
	display:inline;
}

#design5 {
	display:inline;
}

#design6 {
	display:inline;
}

/**************************************************************
					End Portfolio Set
***************************************************************/


/**************************************
	   Start Footer Layout Setup
***************************************/
#footerZ{
	position:absolute;
	bottom:0px;
	height:inherit;
	z-index:300;
}

#footerZ_IE6{ /*  Create a fixed full screen wrapper for IE6 fix   */
	position:fixed;
	top:0px;
	width:100%;
	height:100%;
	z-index:300;
}

#footerWrapper{
	clear:both;
	width:auto;
	height:100px;
}

#footerBar{
	position:fixed;
	left:0px;
	bottom:0px;
	width:auto;
	height:inherit;
	z-index:300;
}

#footerBar_IE6{ /*  Create a footerBar for IE6 with new name to avoid interference   */
	position:fixed;
	left:0px;
	bottom:0px;
	width:100%;
	height:auto;
	z-index:300;
}


#policy {
	width:auto;
	height:auto;
	clear:right;
	float:left;
	padding:12px 0px 26px 26px;
}
/**************************************
	   End Footer Layout Setup
***************************************/



h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 24px;
	color: #262626;
	text-align:right;
	margin:0px 438px 27px 0px;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 18px;
	color: #3F3F3F;
	text-align:right;
	margin:0px 376px 24px 0px;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:300;
	font-size: 16px;
	color: #942623; /*#262626*/
	text-align:left;
	margin:0px 0px 8px 265px;
}

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #262626;
	text-align:left;
	margin:16px 0px 8px 265px;
}

h5 { font-size: 9px; color: #666666; }

h6 { font-size: 9px; color: #333333; }

p {
	padding-bottom:6px;
}

sup {
	line-height:0px;
	vertical-align:4px;
	font-size:11px;
	color:#999999;
}



/* Link Styles */

a:link { color: #567BBA; font-weight: normal; text-decoration: underline; }

a:visited { color: #567BBA; font-weight: normal; text-decoration: underline; }

a:hover { color: #567BBA; font-weight: normal; text-decoration: underline; }

a:active { color: #567BBA; font-weight: normal; text-decoration: underline; }

#smStacked:link {
	color: #747575;
	font-weight: normal;
	text-decoration: none;
}

#smStacked:visited {
	color: #747575;
	font-weight: normal;
	text-decoration: none;
}

#smStacked:hover {
	color: #2f2f2f;
	font-weight: normal;
	text-decoration: none;
}

#smStacked:active {
	color: #747575;
	font-weight: normal;
	text-decoration: none;
}

#blend:link {
	color: #3f3f3f;
	font-weight:bolder;
	text-decoration: none;
}

#blend:visited {
	color: #3f3f3f;
	font-weight:bolder;
	text-decoration: none;
}

#blend:hover {
	color: #3f3f3f;
	font-weight:bolder;
	text-decoration: none;
}

#blend:active {
	color: #3f3f3f;
	font-weight:bolder;
	text-decoration: none;
}

#port:link { /* Used for image border in previous work sections */
	color: #999999;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin-left:4px;
}

#port:visited {
	color: #999999;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin-left:4px;
}

#port:hover {
	color: #999999;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin-left:4px;
}

#port:active {
	color: #999999;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin-left:4px;
}

#legal:link {
	color: #3c3c3c;
	font-weight:100;
	text-decoration: none;
}

#legal:visited {
	color: #3c3c3c;
	font-weight:100;
	text-decoration: none;
}

#legal:hover {
	color: #3c3c3c;
	font-weight:100;
	text-decoration: none;
}

#legal:active {
	color: #3c3c3c;
	font-weight:100;
	text-decoration: none;
}