/* 
Document :styles
Created on :Oct 1, 2010, 11:00:33 AM
Author :ujeen
*/
body {background-color:#f8f8f8;font-size:14px;font-family:'Arial';margin:0;padding:0;color:#2e2e2e;text-align:center; }
a img {border:none}
.clear {clear:both;display:block;font-size:0;line-height:0;height:0}
a {color:#00a3d4}
a:hover {text-decoration:none}
#top-header {width:1000px;margin:0 auto;position:relative;z-index:1000;height:186px; background-color: #f8f8f8;}
#header {}
#company-logo {/*margin:26px 0 0 57px;width:213px;height:162px;float:left;display:inline;*/position:absolute;top:13px;left:57px;width:224px;height:154px}
#company-logo h2 {font-size:18px;color:#2e2e2e;margin:0;padding:7px 0 0 0}
#company-logo h1 {margin:0;padding:0}
#logo {width:224px;height:159px}
/*#main-navigation {float:right;margin:0;display:inline;padding:0;list-style:none;margin:0;padding:0;list-style:none;display:block;position:absolute;right:0;top:0}
#main-navigation li {float:left}
#main-navigation a {padding:30px 33px;font-size:19px;background:url('/images/separator-1.gif') no-repeat right top;text-decoration:none;display:inline-block;color:#2E2E2E}
#main-navigation a:hover, #main-navigation .active a {color:#fff;background:#1D1D1D}
#main-navigation a.last {border-right:none;background-image:none}*/
.inner_copy, .inner_copy a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
#header-banner-wrap {clear:both;padding:0;margin:0;border-top:10px solid #00a3d4; border-bottom:10px solid #2e2e2e;background: no-repeat right bottom #2E2E2E}
#header-banner-wrap-main {clear:both;padding:0;margin:0;border-top:10px solid #00a3d4; border-bottom:10px solid #d4d1d2;background: no-repeat right bottom #2E2E2E}
/*#header-banner-wrap {clear:both;padding:0;margin:0;border-top:10px solid #00a3d4; border-bottom:10px solid #2e2e2e;background:url('/images/banner-tall.jpg') repeat-x left top #2E2E2E}*/
/*#header-banner-wrap img {top:70px;}*/
#header-banner {margin:0 auto;height:auto;min-height: 550px; width:1000px;text-align:left; position:relative;background:#2e2e2e no-repeat right bottom}
#header-banner h2 {font-size:52px;margin:0;font-family:'Times New Roman'; color:#fff;padding:78px 0 0 57px}
#header-banner h2 span {font-size:65px;color:#1D8ECE}
#header-banner h2 span strong {color:#fff}
#header-banner h3 {font-size: 18px; font-weight: bold; margin: 0; font-family: 'Helvetica'; color: #00a3d4; padding: 50px 0 0 95px;}
#header-banner h4 {font-size: 13px; font-weight: bold; margin: 0; font-family: 'Helvetica'; color: #00a3d4; padding: 50px 0 0 95px;}
#header-banner p {font-size:13px;margin:0;font-family:'Helvetica'; color:#fff;padding:50px 0 0 95px}
#header-banner p span {color:#d4d1d2}
#globe {left:70px;right:0px;width:1076px;height:550px;top:-0px}
#optics {left:500px;right:0px;width:547px;height:320px;top:130px; position: absolute; }
#optics_pic {left:95px;right:0px;width:107px;height:81px;top:330px; position: absolute; }
#ldm {left:550px;right:0px;width:340px;height:255px;top:120px; position: absolute; }
#lab_sw {width:236px;height:51px; position: static; padding-left: 95px; padding-top: 40px;  }
#decomposition {left:590px;right:0px;width:441px;height:244px;top:120px; position: absolute; }
#prototyping {left:490px;right:0px;width:556px;height:334px;top:60px; position: absolute; }
#reference {left:490px;right:0px;width:520px;height:314px;top:260px; position: absolute; }
#career {left:600px;right:0px;width:363px;height:444px;top:60px; position: absolute; }
#cae {width:898px;height:206px; position: static; padding-left: 95px; padding-top: 40px;  }
#map {left:600px;right:0px;width:382px;height:233px;position:absolute;top:50px}
#add-navigation {width:120px;height:37px;position:absolute;right:40px;bottom:25px;z-index:500}
#add-navigationimg {height:37px;width:37px;position:relative;z-index:2000}
#add-navigation a {position:relative;z-index:2000;display:inline-block}
.big-button {margin:28px 0 0 57px;font-size:30px;color:#1D8ECE;background:url('/images/readmore-big.png') repeat-x left top;font-family:'Times New Roman';text-decoration:none;text-align:center;display:inline-block;padding-top:13px;width:170px;height:45px}
.photo {border:1px solid #C9C9C9;padding:3px;background:#fff}
.date {display:block}
.info-box {float:left;position:relative;padding:0 23px;width:264px;text-align:left}
.info-box.wide-box {width:574px}
.info-box.widest-box {float:none;width:auto}
.info-box a {white-space:nowrap}
.info-box.wide-box .photo,
.info-box.widest-box .photo {float:left;margin-right:20px}
.info-box.widest-box p {clear:both;padding-bottom:30px;display:block}
.info-box h3 {margin:0;padding:0 0 29px 0;color:#2e2e2e;font-size:35px}
.info-box h4 {margin:0;padding:0 0 29px 0;color:#2e2e2e;font-size:29px}
.info-box p {text-align:justify;padding:0 0 22px 0;margin:0;line-height:20px}
#content .content-container {width:932px;margin:0 auto;padding:36px 34px}
#content .wide-wrapper {background-color:#f0f0f0}
#footer {background-color:#2e2e2e;padding:35px 0; color: #2e2e2e; height: auto; }
#footer-main {background-color:#f8f8f8;padding:35px 0; color: #2e2e2e; height: auto; }
#footer a {color: #2e2e2e;}
#footer a:hover {color: #848484;}
.info-box .readmore-small img {display:block;width:111px;height:33px}
.middle-side .info-box {background:url('/images/border-spacer.gif') no-repeat left center}
.middle-side .info-box.no-delimeter {background:none}
.info-box .positioned-btn {position:absolute;bottom:0}
#services {margin:0;padding:0;font-size:14px;list-style:none}
#services li {padding:0 0 0 16px;margin-bottom:20px;display:inline-block;background:url('/images/list-marker.gif') no-repeat left center}
#services a {color:#848484}
dl, dd , dt {margin:0;padding:0}
#social-icons {padding-bottom:25px}
#social-icons img {width:40px;height:40px}
#contacts dd, #contacts dt {padding-left:25px;display:block}
#contacts dd {padding-bottom:25px}
#contacts dt.email {background:url('/images/letter-icon.gif') no-repeat left center}
#contacts dt.skype {background:url('/images/chat-icon.gif') no-repeat left center}
#our_contacts dt {font-weight:bold;float:left;display:inline;width:104px;padding-bottom:9px}
#our_contacts {font-size:13px}
#our_contacts dd {float:left;display:inline;clear:right;width:160px;padding-bottom:9px}
#contact-form .clear {height:6px}
#contact-form input, #contact-form textarea {border:1px solid #D0D0D0;display:inline-block;float:left}
#contact-form input {width:363px;padding:4px 2px;color:#2E2E2E;font-family:'Arial';font-size:14px}
#contact-form textarea {width:766px;max-width:766px;padding:4px 2px;color:#2E2E2E;font-family:'Arial';font-size:14px}
#contact-form label {width:110px;font-weight:bold;font-size:13px;display:inline-block;float:left;padding-top:3px}
#contact-form #send-button, #contact-form #clear-button {width:85px;height:37px;float:right;padding:0;display:inline-block;margin:5px 0 0 8px;border:0;cursor:pointer}
#contact-form #send-button {background:url('/images/send-btn.png') no-repeat left top}
#contact-form #clear-button {background:url('/images/clear-btn.png') no-repeat left top}
#pages-list, #pages-list ul {padding:0;margin:0;/*list-style-image:url('/images/marker-2.gif');*/}
#pages-list {padding-bottom:20px}
#pages-list ul {padding-top:10px}
#pages-list li {padding-left:10px;padding-bottom:5px;list-style:none;background:url('/images/marker-2.gif') no-repeat left 5px}

/*
	LEVEL ONE
*/
ul.dropdown {margin:0;padding:0;list-style:none;display:block;position:absolute;right:0;}

ul.dropdown a {padding:30px 33px;font-size:17px;background:url('/images/separator-1.gif') no-repeat right top;text-decoration:none;display:inline-block;color:#2E2E2E}
ul.dropdown a:hover, ul.dropdown .active a {color:#fff;background:#151616;}
ul.dropdown a.last {border-right:none;background-image:none}
ul.dropdown li { float: left; zoom: 1;  }
ul.dropdown a:active { color: red; }
ul.dropdown li a { display: block; padding: 39px 20px; color: #222; }
ul.dropdown li.hover a { color: #666; }

/*
	LEVEL TWO
*/
ul.dropdown ul { padding-left: 0px; width: 220px; visibility: hidden; position: absolute; top: 100%;  background: #151616; list-style:none;}
ul.dropdown ul li { font-weight: normal;  color:#fff; padding-left: 0px; border-bottom: 1px solid #dbdbdb; float: none; text-align: left;}
ul.dropdown ul li a { border-right: none;color: white; background: none; padding: 6px 0px; width: 100%; display: inline-block; }
ul.dropdown ul a:hover {color:#151616;background:white;}
/*
	LEVEL THREE
*/
ul.dropdown ul ul { left: 100%; top: 0; z-index:300; border-top: 1px solid #dbdbdb }
ul.dropdown li:hover > ul { visibility: visible; }