/* Developed by ---------------------------------------------------------------------------------------- 
   Copyright 2010 Quadsimia - Internet Presence Professionals | Visit us on the web at www.quadsimia.com
   ------------------------------- Custom Software   E-Commerce   Web Design & Development   Web Hosting */
/* -----------------------------------------------------------------------------------------------------
   -- MAIN --------------------------------------------------------------------------------------------- */

body{
	margin:0;
	padding:0;
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	color:#000;
	background:#3F2C14 url(../images/bg.jpg) repeat-x top center;}
div.mainContent{
	margin:0 auto;
	padding:0 5px;
	width:972px;
	overflow:hidden;}
img{
	border:0;}
a:link, a:visited{
	color:#0066FF;
	text-decoration:underline;
	font-weight:bold;}
a:hover, a:active{
	color:#008ACD;
	text-decoration:none;
	font-weight:bold;}
h1{
	margin-top:0;
	padding-top:0;
	font-family:Verdana, Arial, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#000;}
h2{
	font-family:Verdana, Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000;}
h3{
	font-family:Verdana, Arial, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#333;}
p{
	line-height:1.5em;}

ul{
	margin:10px 0;
	padding:0;
	list-style-type:none;}
ul li{
	margin:8px 0;
	padding:0 0 0 10px;
	background:url(../images/bullet-circle-sm.gif) no-repeat 0 7px;}
ul.services li{
	margin:20px 0;}
ul.clients li{
	margin:2px 0;
	padding:0;
	background:none;}

dl {
	margin:12px 0 0 0;
	padding:0;}
dl dt {
	float:left;
	width:95px;
	margin:0;
	padding:0 0 8px 0;}
dl dd {
	margin:0 0 0 100px;
	padding:0 0 8px 0;}
	
div.clear{
	clear:both;}

/* -----------------------------------------------------------------------------------------------------
   -- HEADER ------------------------------------------------------------------------------------------- */

div.header{
	position:relative;
	margin:0;
	padding:0;
	width:972px;
	height:169px;
	font-family:Verdana, Arial, sans-serif;
	overflow:hidden;
	background:url(../images/header-bg.png) no-repeat top left;
	z-index:1;}
div.header div.logo{
	position:absolute;
	margin:20px 0 0 46px;
	padding:0;
	width:197px;
	height:135px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/lecky-integration.png) no-repeat top left;}
div.header div.logo a{
	display:block;
	width:197px;
	height:135px;}

/* -----------------------------------------------------------------------------------------------------
   -- NAVIGATION MENU ---------------------------------------------------------------------------------- */

div.header div.navmenu{
	position:absolute;
	margin:100px 0 0 283px;
	padding:0;
	height:55px;
	overflow:hidden;
	z-index:10;}
div.header div.navmenu p{
	margin:0 0 4px 0;
	padding:0;
	color:#5abad3;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	font-weight:bold;}
div.header div.navmenu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:14px;
	text-transform:uppercase;}
div.header div.navmenu ul li{
	float:left;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right:1px solid #59B3CF;
	background:none;}
div.header div.navmenu ul li.endcap{
	border-right:none;}
div.header div.navmenu ul li a:link, div.header div.navmenu ul li a:visited{
	color:#3F2B14;
	text-decoration:none;
	font-weight:bold;}
div.header div.navmenu ul li a:hover, div.header div.navmenu ul li a:active{
	color:#008ACD;
	text-decoration:none;
	font-weight:bold;}

body.transportationimaging div.header div.navmenu ul li.transportationimaging a{
	padding-bottom:3px;
	border-bottom:1px solid #47A9C9;}
body.machinevision div.header div.navmenu ul li.machinevision a{
	padding-bottom:3px;
	border-bottom:1px solid #47A9C9;}
body.embeddedcomputing div.header div.navmenu ul li.embeddedcomputing a{
	padding-bottom:3px;
	border-bottom:1px solid #47A9C9;}

/* -----------------------------------------------------------------------------------------------------
   -- BODY CONTENT ------------------------------------------------------------------------------------- */

div.body{
	position:relative;
	margin:0;
	padding:0;
	width:972px;
	overflow:hidden;
	background:url(../images/body-bgtile.png) repeat-y top left;
	z-index:1;}
div.bodyContent{
	float:right;
	margin:50px 32px 0 0;
	padding:0 0 0 22px;
	width:590px;
	border-left: 1px solid #47A9C9; 
	min-height: 820px;}
* html div.bodyContent{ /* IE6 Fix */
	margin:50px 16px 0 0;}
body.home div.bodyContent{
	margin:0 32px 0 0;
	width:657px;
	border: 0px;
	padding: 0px;
	min-height: 0px;}
* html body.home div.bodyContent{ /* IE6 Fix*/
	margin:0 16px 0 0;
	border: 0px;
	padding: 0px;}

div.photos{
	float:right;
	margin:0 0 0 8px;
	width:215px;}
div.photos img{
	margin:0 0 10px 0;
	padding:0;}

/* headings */

h1{
	height:30px;
	overflow:hidden;
	text-indent:-9999px;}
h1.about{
	background:url(../images/heading-about.gif) no-repeat top left;}
h1.transportationimaging{
	height:57px;
	background:url(../images/heading-transportation-imaging.gif) no-repeat top left;}
h1.machinevision{
	height:57px;
	background:url(../images/heading-machine-vision.gif) no-repeat top left;}
h1.embeddedcomputing{
	height:57px;
	background:url(../images/heading-embedded-computing.gif) no-repeat top left;}
h1.team{
	background:url(../images/heading-team.gif) no-repeat top left;}
h1.partners{
	background:url(../images/heading-partners.gif) no-repeat top left;}
h1.casestudies{
	background:url(../images/heading-casestudies.gif) no-repeat top left;}
h1.articles{
	background:url(../images/heading-articles.gif) no-repeat top left;}
h1.news{
	background:url(../images/heading-news.gif) no-repeat top left;}
h1.downloads{
	background:url(../images/heading-downloads.gif) no-repeat top left;}
h1.products{
	background:url(../images/heading-products.gif) no-repeat top left;}
h1.wherewework{
	background:url(../images/heading-wherewework.gif) no-repeat top left;}
h1.contact{
	background:url(../images/heading-contact.gif) no-repeat top left;}
h1.careers{
	background:url(../images/heading-careers.gif) no-repeat top left;}
/* home */

.phrasehighlight{
	font-family:Verdana, Helvetica, sans-serif;
	color:#47A9C9;
	font-weight:bold;}

/* bio */

div.bio{
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #47A9C9;}
div.bio div.photos{
	float:left;
	margin:0;
	padding:0;
	width:135px;
	overflow:hidden;}
div.bio div.photos img{
	margin:0 0 10px 0;}
div.bio div.content{
	float:right;
	margin:0;
	padding:0;
	width:435px;
	overflow:hidden;}
div.bio div.content h2{
	margin-top:0;
	padding-top:0;
	color:#47A9C9;}
div.bio div.content a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;}

/* partners */

body.partners div.bodyContent img{
	margin:0 0 4px 0;
	padding:0;}
body.partners div.bodyContent p{
	margin:0 0 35px 0;
	padding:0;}

/* case studies */

body.casestudies div.bodyContent h2{
	color:#47A9C9;}
body.casestudies div.bodyContent .highlight{
	font-style:italic;
	color:#47A9C9;}
body.casestudies div.bodyContent div.entry{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #47A9C9;}

/* articles */

body.articles div.bodyContent h2{
	color:#47A9C9;}

/* downloads */

div.voyantvision{
	margin: -20px 0px 6px 12px;padding:0;
	width:260px;height:110px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/voyantvision-logo.gif) no-repeat top left;
	float: right;}
div.voyantvision a{
	display:block;
	width:260px;height:110px;}
body.home div.voyantvision{
	margin-left:0px;
	margin-top: 0px;
	width:230px;height:97px;
	background:url(../images/voyantvision-logo-sm.gif) no-repeat top left;
	float: none;}
body.home div.voyantvision a{
	display:block;
	width:230px;height:97px;}

/* where we work */

div.where-we-work{
	margin:15px 0 0 0;
	background:url(../images/where-we-work-map.jpg) no-repeat bottom right;}
div.where-we-work div.photos{
	float:left;
	margin:0;
	padding:0;
	width:220px;
	overflow:hidden;}
div.where-we-work div.content{
	float:right;
	padding:0 0 320px 0;
	width:350px;
	overflow:hidden;}
div.where-we-work div.content p{
	margin-top:0;
	padding-top:0;}

body.wherewework div.extraspace{ 
	height: 400px;
	display: block;}
	

	
body.casestudies div.extraspace{ 
	height: 490px;
	display: block;}
	
body.team div.extraspace{ 
	height: 2140px;
	display: block;
	*height: 2290px;}

div.extraspace {
	display: none;
	margin: 0px; padding: 0px;}

/* contact */

div.team div.contact{
	float:left;
	margin:0 0 20px 20px;
	width:160px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;}
	
/* careers */

body.careers div.bodyContent h2{
	color:#47A9C9;}	

/* -----------------------------------------------------------------------------------------------------
   -- SIDEBAR ------------------------------------------------------------------------------------------ */

div.sidebar{
	float:left;
	margin:50px 0 0 46px;
	padding:0;
	width:280px;
	/*border-right:1px solid #47A9C9;*/}
body.home div.sidebar{
	margin:0 0 0 46px;
	width:237px;
	border-right:none;}
* html div.sidebar{ /* IE6 Fix */
	margin:0 0 0 23px;}
div.sidebar ul{
	margin:0 0 20px 0;
	padding:0;
	font-family:Verdana, Arial, sans-serif;
	list-style-type:none;}
body.home div.sidebar ul{
	margin:73px 0 20px 0;}
div.sidebar ul li{
	clear:left;
	margin:0;
	padding:6px 0;
	background:none;}
div.sidebar ul li a:link, div.sidebar ul li a:visited{
	color:#000;
	text-decoration:none;
	font-weight:bold;}
div.sidebar ul li a:hover, div.sidebar ul li a:active{
	color:#008ACD;
	text-decoration:none;
	font-weight:bold;}
div.sidebar div h3{
	margin:0 0 5px 0;
	padding:0;
	color:#000;
	text-transform:uppercase;}
body.home div.sidebar div{
	display:none;}

/* submenu */

div.sidebar ul ul{
	margin:4px 0 4px 20px;
	padding:0;
	font-size:12px;
	text-transform:uppercase;}
div.sidebar ul ul li{
	margin:0;
	padding:3px 0;}
div.sidebar ul ul li a:link, div.sidebar ul ul li a:visited{
	color:#47A9C9;
	text-decoration:none;
	font-weight:bold;}
div.sidebar ul ul li a:hover, div.sidebar ul ul li a:active{
	color:#008ACD;
	text-decoration:none;
	font-weight:bold;}

div.sidebar ul ul.practice{
	display:none;}
body.practice div.sidebar ul ul.practice{
	display:block;}

/* select */

div.sidebar ul li img{
	display:none;
	margin:0 0 0 16px;
	padding:0;}
body.about div.sidebar ul li.about img{
	display:inline;}
body.practice div.sidebar ul li.practice img{
	display:inline;}
body.team div.sidebar ul li.team img{
	display:inline;}
body.partners div.sidebar ul li.partners img{
	display:inline;}
body.casestudies div.sidebar ul li.casestudies img{
	display:inline;}
body.articles div.sidebar ul li.articles img{
	display:inline;}
body.news div.sidebar ul li.news img{
	display:inline;}
body.downloads div.sidebar ul li.downloads img{
	display:inline;}
body.products div.sidebar ul li.products img{
	display:inline;}
body.wherewework div.sidebar ul li.wherewework img{
	display:inline;}
body.contact div.sidebar ul li.contact img{
	display:inline;}
body.careers div.sidebar ul li.careers img{
	display:inline;}

/* -----------------------------------------------------------------------------------------------------
   -- EXTRAS ------------------------------------------------------------------------------------------- */

div.extras{
	clear:both;
	margin:0;
	padding:25px 0 0 0;}
div.extras div.news{
	float:left;
	width:353px;}
div.extras div.insidelecky{
	float:left;
	margin:0 10px;
	padding:0 10px;
	width:260px;
	border-left:1px solid #47A9C9;
	border-right:1px solid #47A9C9;}
div.extras div.connect{
	float:left;
	width:289px;}
div.extras div h3{
	margin:0 0 5px 0;
	padding:0;
	color:#000;
	text-transform:uppercase;}
div.extras div.insidelecky, div.extras div.news{
	border-bottom:none;}

/* boxes */

div.insidelecky, div.mailinglist, div.socialmedia, div.contactinfo, div.news {
	margin:6px 0;
	padding:4px 0;
	width:260px;
	border-bottom:1px solid #47A9C9;}

div.mailinglist {
	border-top: 1px solid #47A9C9;
	padding-top: 12px;}

/* news box */

div.news div.buffer{
	margin:0 18px 0 46px;}
* html div.news div.buffer{ /* IE6 Fix */
	margin:0 18px 0 23px;}

div.news div.container{
	background:url(../images/news-bgtile.jpg) repeat-y top left;
	margin: 0px;
	padding: 0px;}
div.news div.container-top{
	margin:0;
	padding:0;
	width:340px;
	height:18px;
	background:url(../images/news-bg-top.jpg) no-repeat top left;}
div.news div.container-btm{
	margin:0;
	padding:0;
	width:340px;
	height:18px;
	background:url(../images/news-bg-btm.jpg) no-repeat top left;}

div.news dl {margin: 0px; padding: 0px;}
div.news p.date, div.news dl dt{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#47A9C9;
	float: none;}
div.news dl dd {
	float: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 6px 18px 0px;}
div.news p{
	margin:0;
	padding:0 0 14px 0;
	font-size:14px;
	line-height:1.2em;}

div.news a:link, div.news a:visited{
	color:#000;
	text-decoration:none;
	font-weight:normal;}
div.news a:hover, div.news a:active{
	color:#008ACD;
	text-decoration:none;
	font-weight:normal;}
	

/* mailing list box */

div.mailinglist #signupbox{
	margin:0 0 12px 0;
	padding:0;
    width:260px;
    height:40px;
	overflow:hidden;
	background-color:#5ABAD3;}
div.mailinglist #signupbox #s{
    float:left;
	border:0;
	margin:5px 0 0 5px;
	padding:0;
	width:216px;
	height:30px;
	background-color:#FFF;
	font-size:13px;
	color:#000;}
div.mailinglist #signupbox #go{
    float:right;
    margin:6px 6px 0 0;
	border:none;}

/* social media box */

/*div.socialmedia ul{
	float:right;
	margin:0;
	padding:0;
	width:110px;
	height:45px;}
div.socialmedia ul li{
	float:right;
	margin:0 0 0 15px;
	padding:0;
	width:30px;
	height:30px;
	overflow:hidden;
	text-indent:-9999px;}
div.socialmedia ul li a{
	display:block;
	width:30px;
	height:30px;}
div.socialmedia ul li.facebook a{
	background:url(../images/visit-lecky-on-facebook.jpg) no-repeat top left;}
div.socialmedia ul li.twitter a{
	background:url(../images/visit-lecky-on-twitter.jpg) no-repeat top left;}*/

/* contact info box */

div.contactinfo{
	border-bottom:none;}
div.contactinfo p{
	margin:3px 0;
	padding:0;
	line-height:1.2em;}
div.contactinfo p .phone{
	color:#47A9C9;}
div.contactinfo a:link, div.contactinfo a:visited{
	color:#000;
	text-decoration:underline;
	font-weight:normal;
	font-style:italic;}
div.contactinfo a:hover, div.contactinfo a:active{
	color:#008ACD;
	text-decoration:none;
	font-weight:normal;
	font-style:italic;}
	
div.contactinfo ul{
	float:right;
	margin: -38px 0 0 0;
	padding:0;
	width:110px;
	height:45px;}
div.contactinfo ul li{
	float:right;
	margin:0 0 0 10px;
	padding:0;
	width:30px;
	height:30px;
	overflow:hidden;
	text-indent:-9999px;}
div.contactinfo ul li a{
	display:block;
	width:30px;
	height:30px;}
div.contactinfo ul li.facebook a{
	background:url(../images/visit-lecky-on-facebook.jpg) no-repeat top left;}
div.contactinfo ul li.twitter a{
	background:url(../images/visit-lecky-on-twitter.jpg) no-repeat top left;}

/* -----------------------------------------------------------------------------------------------------
   -- FOOTER ------------------------------------------------------------------------------------------- */

div.footer{
	position:relative;
	margin:0;
	padding:0;
	width:972px;
	font-family:Verdana, Arial, sans-serif;
	overflow:hidden;
	background:url(../images/footer-bg.png) no-repeat top left;
	z-index:1;}
div.footer ul{
	margin:70px auto 20px auto;
	padding:0;
	list-style-type:none;
	text-align:center;
	font-size:13px;}
div.footer ul li{
	display:inline;
	margin:0;
	padding:0 8px;
	border-right:1px solid #FFF;
	background:none;}
div.footer ul li.endcap{
	border:none;}
div.footer ul li a:link, div.footer ul li a:visited{
	color:#FFF;
	text-decoration:none;
	font-weight:normal;}
div.footer ul li a:hover, div.footer ul li a:active{
	color:#FFF;
	text-decoration:underline;
	font-weight:normal;}

/* -----------------------------------------------------------------------------------------------------
   -- FORMS -------------------------------------------------------------------------------------------- */

/* default form styles */

form{
	margin:0;
	padding:0;
	font-size:12px;}
form fieldset{
	margin:0;
	padding:0;
	border:0;}
form fieldset div{
	clear:left;}
form fieldset div label{
	float:left;
	margin:3px 0;
	padding:0;
	width:125px;}
form fieldset div input{
	float:left;
	margin:3px 0;
	padding:0;
	width:150px;}
form fieldset div textarea{
	float:left;
	margin:3px 0;
	padding:0;
	width:150px;}
label.required{
	font-weight:bold;
	color:#0F5890;}
.submit{
	margin:0;
	padding:0;
	width:95px;
	height:37px;}

/* credit app */

body.creditapp form{
	margin:0;
	padding:0;
	font-size:12px;}
body.creditapp form fieldset{
	margin:0;
	padding:10px 0;
	border:0;}
body.creditapp form fieldset.main{
	background-color:#E7F4FC;}
body.creditapp form fieldset div{
	clear:none;}
body.creditapp form fieldset div label{
	float:left;
	margin:3px 0 3px 8px;
	padding:0;
	width:100px;}
body.creditapp form fieldset div input{
	float:left;
	margin:3px 0;
	padding:0;
	width:125px;}

body.creditapp form fieldset div.additional label {
	width:225px;}
body.creditapp form fieldset div.additional label div {
	margin:-5px 0 0 0;
	padding:0 0 0 100px;
	width:125px;
	text-align:center;
	font-size:11px;
	color:#145D96;}

body.creditapp form fieldset div.additional-wide label {
	width:460px;}
body.creditapp form fieldset div.additional-wide label div {
	margin:-5px 0 0 0;
	padding:0 0 0 100px;
	width:360px;
	text-align:center;
	font-size:11px;
	color:#145D96;}
	
body.creditapp form fieldset div.address input{
	width:360px;}
body.creditapp form fieldset div.city input{
	width:105px;}
body.creditapp form fieldset div.state label{
	margin-right:5px;
	width:auto;}
body.creditapp form fieldset div.state select{
	float:left;
	width:90px;}
body.creditapp form fieldset div.zip label{
	margin-right:8px;
	width:auto;}
body.creditapp form fieldset div.zip input{
	width:50px;}
body.creditapp form fieldset div.residency label{
	clear:left;
	margin-right:8px;
	width:145px;}

body.creditapp form fieldset div textarea{
	float:left;
	margin:3px 0;
	padding:0;
	width:360px;}
body.creditapp label.required{
	font-weight:bold;
	color:#0F5890;}
body.creditapp .submit{
	margin:0;
	padding:0;
	width:95px;
	height:37px;}

/* required color styles */

#myForm input, #myForm textarea, #myForm select {
	border: 1px solid #999;}
#myForm .red {
	border: 1px solid red;}
#myForm label.red {
	border: none;
	color: red;}
#myForm .customRed {
	border: none;
	color: red;}

#myForm input.submit, #myForm input.bullet{
	border:none;}
#validationMessage {
	padding: 5px;
	border: 1px solid red;
	color: red;
	font-weight: bold;
	display: none;}
#myForm .errorMessage {
	color: red;
	font-size: 0.8em;}
	
	div#mce-responses div#mce-error-response {
	display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #FFEEEE;color: #FF0000;
	}
	
	div#mce-responses id="mce-success-response {
	display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #;color: #529214;
	}
	
h3.careers {
	padding-top: 20px;}