/* 
----------------------------------------------------------------------------
Copyright Einstein Industries 2005. Used with Permission.                             
May not be duplicated or reproduced.


Please check for cross-browser compatibility prior to making changes
MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari


CSS Document - styles.css
---------------------------------------------------------------------------- */


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */


/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style: none; }


/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }


/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin: 0; padding: 0; }


/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border: none; }


/* HTML
---------------------------------------------------------------------------- */
body {
	background: #fff url(../images/body-bg.jpg) repeat-x left top;
	font: 11px/17px lucida grande,tahoma,helvetica,sans-serif;
	color: #666;
	margin: 0 auto;
	text-align: center;
}


a { color: #39c; text-decoration: none; font-weight: bold; }
a:hover { color: #333; }


strong { color: #09f; }


/* Layout
---------------------------------------------------------------------------- */
#wrap {
	background: url(../images/wrap-bg.jpg);
	width: 746px; height: auto;
	margin: 0 auto;
	text-align: left;
}


#mast{
	background: url(../images/mast.jpg);
	width: 746px; height: 119px;

}

	#logo	{ position: relative; float: left; left: 34px; top: 20px; width: 186px; height: 88px; background: url(../images/mast.jpg) no-repeat -34px -20px; }
		#logo strong	{ position: absolute; top: 0; left: 0; background: url(../images/mast.jpg) no-repeat -34px -20px; width: 186px; height: 88px; }

	#mast-txt	{ position: relative; float: right; right: 35px; top: 35px; color: #2772AC; }


div.clear	{ 
	clear:both;
	height:.01em; 
	overflow:hidden; 
	}

/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */

#nav {
	background: url('../images/nav3.jpg') no-repeat;
	width: 746px;
	height: 32px;
	margin: 0;
	padding: 0;

}

#nav span { display: none; }
#nav li, #nav a { height:32px; display:block; } /* change height here also */
#nav li { float:left; list-style:none; _display:inline; position:relative; }

#btn1 { width: 34px; padding-left: 24px; }
#btn2 { width: 64px;}
#btn3 { width: 101px; }
#btn4 { width: 64px; }
#btn5 { width: 92px; }
#btn6 { width: 99px; }
#btn7 { width: 63px; }
#btn8 { width: 64px; }
#btn9 { width: 62px; }
#btn10 { width: 55px; }

#btn1 a:hover { background: url('../images/nav3.jpg') no-repeat -24px -32px; }
#btn2 a:hover { background: url('../images/nav3.jpg') no-repeat -58px -32px; }
#btn3 a:hover { background: url('../images/nav3.jpg') no-repeat -122px -32px; }
#btn4 a:hover { background: url('../images/nav3.jpg') no-repeat -223px -32px; }
#btn5 a:hover { background: url('../images/nav3.jpg') no-repeat -287px -32px; }
#btn6 a:hover { background: url('../images/nav3.jpg') no-repeat -379px -32px; }
#btn7 a:hover { background: url('../images/nav3.jpg') no-repeat -478px -32px; }
#btn8 a:hover { background: url('../images/nav3.jpg') no-repeat -541px -32px; }
#btn9 a:hover { background: url('../images/nav3.jpg') no-repeat -605px -32px; }
#btn10 a:hover { background: url('../images/nav3.jpg') no-repeat -667px -32px; }


/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */
#nav li ul {
	position:absolute;
	left:-9999px;
	background-color:#ffffff;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	z-index: 3000;
	margin: -5px 0 0 0;	
	}

#nav li ul li { 
	height:22px; /* Height of each drop down nav item */
	border:1px solid #3a6889;
	margin-top: -1px;
	}	

#nav li ul li a {
	width:100%;
	height:22px;	/* Height of each drop down nav item, should match above */
	line-height:22px;	 /* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display:block;
	padding-left:5px;
	}




/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	color:#1a8bcd;	
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }

/* Hover styles for drop down items */
#btn2 ul a:hover, #btn3 ul a:hover, #btn4 ul a:hover, #btn5 ul a:hover, #btn6 ul a:hover, #btn10 ul a:hover { 
	background-image:none;
	background-color:#1a8bcd;
	color:#FFFFFF;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-03 ul, #nav-03 li { width:260px; }		
#nav-04 ul, #nav-04 li { width:90px; }
	

/* width of drop down nav - choose width that allows items to display on one line */
#btn2 ul, #btn2 li { width:150px; }
#btn3 ul, #btn3 li { width:118px; }
#btn4 ul, #btn4 li { width:202px; }
#btn5 ul, #btn5 li { width:187px; }
#btn6 ul, #btn6 li { width:174px; }
#btn10 ul, #btn10 li { width:103px; }


/* Layout (Cont'd.)
---------------------------------------------------------------------------- */
#flash-bg {
	background: url(../images/flash-bg.jpg);
	width: 746px; height: 160px;
}


#flash-bg object { margin-left: 20px; } 


#upper {
	width: 259px;
	background: url(../images/upper-bg.jpg);
}


#left-col,#mid-col,#right-col { float: left; }


#left-col { float:right; width: 259px; color: #fff; }
#left-col p {
	width:200px;
}
#left-col ul {
	width:200px;
}
#left-col a { color: #dedfbd; }
#left-col a:hover { color: #fff; }


#left-col #maj-left-col a { color: #3399CC; }
#left-col #maj-left-col a:hover { color: #333333; }


#left-col h1 {
	background: url(../images/left-col.jpg);
	height: 128px;
}
#left-col h1 strong { display: none; }


#left-col p,#left-col ul { margin: 0 8px 11px 42px; }


#mid-col { padding: 0 0 60px 0; width: 236px; float:left; }
#mid-col h1 {
	background: url(../images/mid-col.jpg);
	width: 236px; height: 73px;
}
#mid-col h1 strong { display: none; }
#mid-col p { margin: 0 8px 11px 34px; }


#mid-col ul {
	list-style: url(../images/img-bullet.gif) none outside;
	margin: 0 10px 11px 50px;
}


#right-col { 
	width: 251px;
	float:left;
	 }



#right-col form,#right-col p { margin: 0 44px 11px 41px; }


/* ----- global form elements ----- */ 


form {
	width:150px;
	margin:10px 0 15px 0;
	}


form label	{ font-size:.95em; }


form br { line-height:0; height:0; } /* defaults vertical spacing between fields */


input, textarea, select { 
	background-color:#c9e4f1 !important; /* to prevent highlighting by Google Toolbar */
	border:none;
	color:#333;
	width:145px; /* 5 pixles smaller than form width !important */
	height:18px;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	}
	
select { width:150px; padding:0; } /* same width as form - !important */


textarea { height:90px; overflow:auto; }


#contact_business { display: none; } /* do not remove */ 


input.submit, input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}




/* Forms
---------------------------------------------------------------------------- */
/* Quick Contact */
#quick-contact-wrap {
	float:left;
	width:220px;
	}
	#contact-quick { margin-left:45px; }
	
#right-col input,#right-col textarea {
	font: 11px/11px lucida grande,tahoma,helvetica,sans-serif;
	padding: 2px 3px 2px 5px; margin-bottom: 2px;
	width: 150px;
	background-color: #c9e4f1;
	color: #333;
	border: none;
}
#right-col textarea { height: 64px; overflow: hidden; }


#right-col .send-btn { width: 62px; }
#right-col .hidden { display: none; }


/* Main Contact */
#sub-left-col form { margin: 0 32px 11px 85px; }
#sub-left-col input,#sub-left-col textarea {
	font: 11px/11px lucida grande,tahoma,helvetica,sans-serif;
	padding: 2px 3px 2px 5px; margin-bottom: 2px;
	width: 150px;
	background-color: #c9e4f1;
	color: #333;
	border: none;
}
#sub-left-col select {
	font: 11px/11px lucida grande,tahoma,helvetica,sans-serif;
	padding: 1px; margin-bottom: 2px;
	width: 182px;
	background-color: #c9e4f1;
	color: #333;
	border: none;
	display: block;
}
#sub-left-col textarea { height: 94px; overflow: hidden; }
#sub-left-col .send-btn { width: 82px; }
#sub-left-col .hidden { display: none; }


/* Layout (Cont'd.)
---------------------------------------------------------------------------- */
#upper-end {
	background: url(../images/upper-bottom.jpg) 0 0 no-repeat;
	height: 78px;
}


#bottom-end {
	background: url(../images/wrap-end.jpg) no-repeat right bottom;
	float: left;
	width: 746px; height: auto;
}


#bottom {
	background: url(../images/wrap-bg.jpg) repeat-y;
	float: left;
	width: 746px;

}


#left-col #maj-left-col,#maj-right-col { float: right; }
#left-col #maj-left-col { width: 259px; }
#maj-right-col { width: 487px; z-index:0; }
#maj-right-col2 { width: 487px; }
#maj-left-col #in-the-news {
	background: url(../images/hdr-in-the-news.gif);
	width: 142px; height: 41px;
	margin: 0 0 11px 38px;
}


#maj-left-col #in-the-news h1 { display: none; }


#left-col #maj-left-col p { margin: 0 12px 11px 40px; color:#666; }
#maj-right-col p { margin: 0 32px 11px 22px; }


#maj-right-col #cols-1 { width: 236px; float: left; }
#maj-right-col #cols-1 p { margin: 0 12px 11px 32px; }
#maj-right-col #cols-1 ul {
	list-style: url(../images/img-bullet.gif) none outside;
	margin: 0 12px 11px 52px;
}


#maj-right-col #cols-1 h1 {
	background: url(../images/hdr-vision-opt.jpg);
	width: 236px; height: 96px;
}
#maj-right-col #cols-1 h1 strong { display: none; }


#maj-right-col #cols-2 { width: 251px; float: left; }
#maj-right-col #cols-2 p { margin: 0 42px 11px 12px; }


#maj-right-col #cols-2 h1 {
	background: url(../images/hdr-not-candidate.jpg);
	width: 251px; height: 96px;
}
#maj-right-col #cols-2 h1 strong { display: none; }


#custom-wf {
	height: 144px;
	position:relative;
	background: url(../images/custom-wf-tech.jpg) top right;
	
}
#custom-wf a {
	display: block;
	position: absolute;
	left: 211px; top: 106px;
	width: 135px; height: 28px;
}
#custom-wf a span { display: none; }


#footer,#other-footer,#sub-footer { width: 746px; clear: both; }
#footer {
	background: url(../images/footer.jpg);
	height: 75px;
}
#other-footer { margin: 0 auto; background-color: #fff; padding-bottom: 12px; }


#other-footer a { font-weight: normal; }


#other-footer ul {
    margin: 0 auto 10px;
    padding: 0;
	text-align: center;
}
html>body #other-footer ul { margin: 0 auto 4px; }


#other-footer li {
    margin: 0;
    padding: 0 7px 0 10px;
    display: inline;
    border-left: 1px solid #1a8bcd;
    font-size: 11px;
    line-height: 11px;
    background: none;

}


#other-footer p { margin-bottom: 5px; }
#other-footer em {
	font-style: normal;
	font-weight: bold;
	color: #00acff;
}
#other-footer li.first { 
    border: none;
}


/* Sub-Pages
---------------------------------------------------------------------------- */
#sub-wrap {
	background: url(../images/sub/sub-wrap-bg.jpg);
	width: 746px;
	margin: 0 auto;
	text-align: left;
}


#content-container,#content-container-end { width: 746px; }


#content-container-end {
	float: left;
	background: url(../images/sub/sub-wrap-end.jpg) no-repeat left bottom;
}


#sub-left-col,#sub-right-col { float: left; }
#sub-left-col {
	width: 541px; height: auto;
	background: url(../images/sub/sub-left-col.jpg) no-repeat;
}


#sub-left-col p { margin: 0 32px 11px 45px; }
#sub-left-col h1,#sub-left-col h2,#sub-left-col h3,#sub-left-col h4 { margin: 0 32px 5px 45px; color: #09f; }
#sub-left-col ul {
	margin: 0 32px 11px 62px;
	list-style: url(../images/img-bullet.gif) none outside;
}


#sub-right-col {
	width: 205px; height: auto;
	background: url(../images/sub/sub-right-col.jpg) no-repeat;
}


#sub-right-col h1,#sub-right-col h2,#sub-right-col h3,#sub-right-col h4 { margin: 0 37px 5px 12px; color: #09f; }
#sub-right-col p { margin: 0 37px 11px 12px; }


#sub-footer {
	background: url(../images/sub/sub-footer.jpg);
	height: 84px;
}


/* Classes
---------------------------------------------------------------------------- */
.block { display: block; }


.cols { width: 40%; float: left; margin-left: 16px; }
html>body .cols { margin-left: 32px; }
.cols p { margin: 0; padding: 0; }


.clear { clear: both; }


.hdr-indent { margin-left: 42px; }


.img-left { float: left; margin: 0 10px 5px 0; }


.misc-padding { padding: 5px 0 2px; }


.slc-ht { height: 25px; }


.src-ht { height: 24px; }


.txt-center { text-align: center; }


.txt-right { text-align: right; }


.img-right { float:right; }

#btm-txt a:link, #btm-txt a:visited, #btm-txt a:hover	{ text-decoration: underline; color: #666; }
	#btm-txt a:hover	{ color: #999; }

#upper p.marketing a:link, #upper p.marketing a:visited, #upper p.marketing a:hover	{ text-decoration: underline; color: #fff; font-weight: normal; }

.ceatus:link, .ceatus:visited, .ceatus:hover	{ color: #666; text-decoration: underline; }

#contact-txt	{ position: absolute; top: 65px; left: 25px; }

#address	{ position: relative; top: 30px; left: 10px; }

.bold { font-weight: bold; color:#666666;}