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

body {background: #FFF url(../images/top-bg.jpg) top center repeat-x;}
#maincontainer {vertical-align: bottom; margin:0 auto; width: 100%; text-align: left;}
#secondcontainer {margin: 0 auto; width: 900px;}
#header {width: 900px; height: 109px; background: url(../images/mitek-logo.png) left center no-repeat;}
#searchbox {width: 254px; height: 24px; background: url(../images/search-bg.png) center no-repeat; float: right; margin-top: 10px;}
#topcontactlink {width: 16px; height: 24px; float: right; display: block;}
#topsitemaplink {width: 16px; height: 24px; float: right; display: block; margin-right: 10px;}
#searchboxform {width: 200px; float: left;}
ul#mainmenu {float: right; background: url(../images/menu-bg.png) right center no-repeat; width: 350px; height: 50px; margin: 25px 0px 0px 0px; list-style: none;}
ul#mainmenu li {float: left;}
li.main a {display: block; height: 50px;}
li.main a:hover {background: url(../images/menu-hover.png) center;}
.dropper {}
.dropper li { float: none !important;}
.dropper li a {width: 220px; height: 20px; padding: 5px 0px 0px 5px; display: block; background: #14213c; font-family: Arial; font-size: 11px; font-weight: bold; color: #FFF; text-decoration: none;}
.dropper li a:hover { background: #FFF; color: #14213c;}
#flashholder {width: 900px; height: 220px; background: url(../images/flash-holder.jpg) center no-repeat; margin-top: 10px;}
#home-projects {float: left; width: 309px; height: 235px; background: url(../images/ongoing-projects.jpg) top center no-repeat #eee ; margin-top: 10px;}
#home-about-us {float: right; width: 550px; height: 235px; margin-top: 10px;}
#project-first {float: left; width: 259px; margin-top: 10px;}
#project-title {float: left; width: 259px; margin-top: 10px;}
#project-thumbs {float: left; width: 372px; margin-top: 10px;}
.project-thumbshot {float: left; border: 2px solid #d3d3d3 !important; margin-left: 5px;}
#footer-outer {width: 100%; height: 200px; margin: 0 auto; background: #eee;}
#footer-inner {margin: 0 auto; width: 900px;}
#slides1 {list-style: none; margin: 27px 0px 0px 22px;}
#slides1 li {width: 285px;}
span.slidetitle {display: block; width: 285px; height: 20px; font-family: Arial; font-size: 12px; color: #525252; margin-top: 6px; float: left;}
span.slidetitle a {color: #525252; text-decoration: none;}
span.slidetitle a:hover {text-decoration: underline;} 
span.slidelink {display: block; width: 285px; height: 20px; font-family: Arial; font-size: 12px; color: #1c61cf; margin-top: 16px;float: left;}
span.slidelink a {color: #1c61cf; text-decoration: none;}
span.slidelink a:hover {text-decoration: underline;} 
#home-projects-inner {width: 285px; height: 200px;}
#second-container {float: left; width: 600px; margin: 10px 0px 0px 40px;}

div.classic-content {width: 900px; padding: 10px 0px 20px 0px;}

span.blue1 {font-family: Arial; color: #1c61cf; font-size: 12px;}
span.blue1 a {color: #1c61cf; text-decoration: none;}
span.blue1 a:hover {text-decoration: underline;} 

span.grey1 {font-family: Arial; font-size: 12px; color: #525252;}
span.grey1 a {color: #525252; text-decoration: none;}
span.grey1 a:hover {text-decoration: underline;}

span.white1 {font-family: Arial; font-size: 12px; color: #FFF;}
span.white1 a {color: #FFF; text-decoration: none;}
span.white1 a:hover {text-decoration: underline;}

h4.grey1 {color: #bcbcbc; font-family: Arial; font-size: 14px; font-weight: bold;}
h4.grey1 a {color: #bcbcbc; text-decoration: none;}
h4.grey1 a:hover {text-decoration: underline;}

h4.black1 {color: #000000; font-family: Arial; font-size: 14px; font-weight: bold;}
h4.black1 a {color: #000000; text-decoration: none;}
h4.black1 a:hover {text-decoration: underline;}

h4.blue1 {color: #1c61cf; font-family: Arial; font-size: 14px; font-weight: bold;}
h4.blue1 a {color: #1c61cf; text-decoration: none;}
h4.blue1 a:hover {text-decoration: underline;}

.clearinput {border: 0; background: transparent; font-family: Arial; font-size: 12px; color: #FFF;}

.fleft {float: left;}
.fright {float: right;}
.bold {font-weight: bold;}
.none {display: none;}
.mtop10 {margin-top: 10px;}
.mbottom10 {margin-bottom: 10px;}
.mright10 {margin-right: 10px;}
.mleft10 {margin-left: 10px;}
.mleft15 {margin-left: 15px;}
.lh1-5 {line-height: 1.5em;}
.lh1-1 {line-height: 1em;}

span.clear {display: block; clear: both; width: 1px; height: 0.001%; font-size: 0px; line-height: 0px;}
span.clearright {display: block; clear: right; width: 1px; height: 0.001%; font-size: 0px; line-height: 0px;}

.verdana_12 { font-family: Verdana; font-size: 12px; color: #666666; }

.verdana_13 { font-family: Verdana; font-size: 13px; font-weight: bold; color: #333; }