/* CSS Document */
@charset "utf-8";
html {
		overflow-y:scroll;
}
html, body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, tbody, table {
	margin: 0px;
	padding: 0px;
}
p {
 margin-top:0px;
 margin-bottom:14px;
}


img, body, html{
	border: 0;
}
/* IE FIXES */
img {
    behavior:url(iepngfix.htc);
}


caption, th {
	text-align:left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%
}

q:before, q:after {
	content: '';
}

a{
	color:#004785;
}
a:hover{
	text-decoration: none;
}
A:visited, A:active {
	outline: none;
}

body{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFFFFF url(../images/background.gif) repeat; 
}
.shadow-side , .shadow-side_landing {
	width:980px;
	background: transparent url(../images/background_shadown_side.png) right repeat-y;
	margin: 0px auto;
	height:auto;
}
.shadow-bottom ,  .shadow-bottom_landing {
	background: transparent url(../images/background_shadow_bottom.png) bottom no-repeat;
	height:15px;
	width:980px;
	margin: 0px auto;
	padding: 0px 0px 0px;
}
.outter-wrapper {
	width:965px;
	height:auto;
	background-color: #FFFFFF;
	padding: 14px 0px 10px 0px; 
	z-index:99;
}
.inner-wrapper {
	width:935px;
	border: 1px solid #DFDBD6;
	margin: 0px auto;
	height:1%;
	background: #FFFFFF url(../images/background_left_column.gif) left repeat-y;
	
}

/*Left Side*/
#left-side {
	float:left;
	width:224px;
}
#left-side-TopPicture {
	background: url(../images/MainPictureLanding.jpg) no-repeat ;
	width:224px;
	height:518px;
	min-height:518px;
}
#left-side-TopPicture-Home {
	background: url(../images/MainPicture.jpg) no-repeat ;
	width:224px;
	height:224px;
	min-height:224px;
}
#left-side-TopPicture-Industries {
	background: url(../images/MainPictureIndustries.jpg) no-repeat ;
	width:224px;
	height:224px;
	min-height:224px;
}
#left-side-TopPicture-Industriesbreakfast {
	background: url(../images/breakfast_e.jpg) no-repeat ;
	width:224px;
	height:224px;
	min-height:224px;
}
#left-side-TopPicture-Industries-PublicSector {
	background: url(../images/MainPictureIndustriesPublicSector.jpg) no-repeat ;
	width:224px;
	height:224px;
	min-height:224px;
}
#left-side-TopPicture-Services {
	background: url(../images/MainPictureServices.jpg) no-repeat ;
	width:224px;
	height:224px;
	min-height:224px;
}
#left-side-TopPicture-Interis {
	background: url(../images/MainPictureInteris.jpg) no-repeat ;
	width:224px;
	height:224px;
	min-height:224px;
}
#left-side-TopPicture-Careers {
	background: url(../images/MainPictureCareers.jpg) no-repeat ;
	width:224px;
	height:224px;
	min-height:224px;
}

/*Main Menu Landing*/
#main-menu-landing{
	position:absolute;
	width:965px;
	height:116px; 
	top:150px;
	z-index:0;
}
.main-menu-background_landing{
	width:965px;
	height:100px;
	background-color: #DBE9BC;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
    z-index: 99;
	position: relative;
}
.menu-shadow-bottom_landing {
	background: transparent url(../images/background_shadow_menu.png) bottom no-repeat;
	height:16px;
	width:965px;
	margin: 0px 0px;
	padding: 0px 0px;
	position:relative;
	top:-100px;
}
.logo-landing {
	background: transparent url(../images/Logo_Iteris_landing.png) center no-repeat;
	float:left;
	height:100px;
	width:250px;
	position: relative;
    z-index: 101;
	top:-100px;
}
.menu-landing{
	float:right;
	width:695px;
	background: #000000;
	height: 34px;
	margin-right:15px;
	margin-top:38px;
	text-align:left;
	position: relative;
    z-index: 101; 
	top:-100px;
}

ul#navigation-landing {
	padding: 0;
	margin: 0;
	color: #fff;
	float: left;
	width: 100%;
	text-align:center;
}
ul#navigation-landing li { display: inline; }
ul#navigation-landing li a {
  padding: 1.3em 1.3em .30em 1.3em;
  color:#dfebc3;
  font-weight:bold;
  text-decoration: none;
  float: left;
  border-left: solid 1px #CDD8B1;
  width:45%;
}
ul#navigation-landing li a:hover , ul#navigation-landing li a.selected {
	color: #fff;
}

/*Main Menu*/

#main-menu{
	position:absolute;
	width:965px;
	height:66px;
	top:70px;
}

.main-menu-background{
	width:965px;
	height:50px;
	background-color: #DBE9BC;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
    z-index: 99;
	position: relative;
}

.menu-shadow-bottom {
	background: transparent url(../images/background_shadow_menu.png) bottom no-repeat;
	height:16px;
	width:965px;
	margin: 0px 0px;
	padding: 0px 0px;
	position:relative;
	top:-50px;
}

.logo {
	background: transparent url(../images/Logo_Iteris.png) center no-repeat;
	float:left;
	height:50px;
	width:180px;
	position: relative;
	display:block;
    z-index: 101;
	top:-50px;
	font-size:0px;
	text-decoration:none;
	line-height:0px;
	letter-spacing:-1000px;
}

.menu{
	float:right;
	width:695px;
	background: #000000;
	height: 20px;
	margin-right:15px;
	margin-top:15px;
	text-align:left;
	position: relative;
    z-index: 101; 
	top:-50px;
}

ul#navigation {
	padding: 0;
	margin: 0;
	color: #fff;
	float: left;
	width: 100%;
}
ul#navigation li { display: inline; }
ul#navigation li a {
  padding: .25em 1.3em .30em 1.3em;
  color:#dfebc3;
  font-weight:bold;
  text-decoration: none;
  float: left;
  border-left: solid 1px #CDD8B1;
  width:20%;
  margin:0;
  font-family: Arial, Helvetica, sans-serif;
}

ul#navigation li a:hover , ul#navigation li a.selected {
	color: #fff;
}

/*Right Side*/
#right-side {
	float:right;
	width:710px;
	color:#666;
}
.right-inner-light-blue-landing{
	width:695px;
	background: #EBF1F5 url(../images/background_light_blue_landing.jpg) right bottom no-repeat;
	min-height:491px;
  	height:auto !important; 
	height:491px;
	Overflow:hidden;
    margin-top: 15px;
	margin-left:0px;
   /*padding-left:15px;*/
}
.right-inner-light-blue{
	width:680px;
	background: #EBF1F5 url(../images/background_light_blue.jpg) center bottom no-repeat;
	min-height:490px;
  	height:auto !important; 
	height:490px;
	Overflow: Visible;
    margin: 15px;
}
.right-inner-light-gray{
	width:680px;
	background: #F1F3E6 url(../images/background_light_gray.jpg) center bottom no-repeat;
	min-height:490px;
  	height:auto !important; 
	height:490px;
	Overflow: Visible;
    margin: 15px;
}
.right-inner-lighter-blue{
	width:680px;
	background: #F4F3F9 url(../images/background_lighter_blue.jpg) center bottom no-repeat;
	min-height:490px;
  	height:auto !important; 
	height:490px;
	Overflow: Visible;
    margin: 15px;
}
.right-menu-bar, .left-menu-bar {
font-size:10px;
padding:10px 20px;
}
.right-menu-bar{
text-align:right;
float:right;
}
.left-menu-bar {
text-align:left;
float:left;
}

/*CONTENT*/
#main-content{
	padding-top:70px;
	margin-left:20px;
	margin-right:20px;
	/*margin-bottom:20px;*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#000000;
	padding-bottom:50px;
}

#main-content .menu-path{
	font-size:11px;
	color:#000000;
	padding-bottom:6px;
}
#main-content .menu-path a{
	color:#004785;
}

#main-content .titles{
	font-size:18px;
	padding-top:5px;
	padding-bottom:5px;
}

#main-content .subtitles{
	font-size:15px;
	padding-top:5px;
	padding-bottom:5px;
}
#main-content .content{
	font-size:12px;
	padding-top:5px;
	padding-bottom:5px;
}
.content {
	padding-top:0px;	
}
.subtitles {
 padding-bottom:0px;	
}
.two-colums {
	width:auto;
	text-align:left;
	margin-bottom: 10px;
}

.two-colums .left-column{
	width:315px;
	float:left;
	margin-top: 10px;
}
.two-colums .right-column{
	width:315px;
	float:right;
	margin-top: 10px;
}
.two-colums .left-content{
	float: left;
	width:423px;
	/*margin-top: 10px;*/
}
.two-colums .right-menu{
	width:206px;
	float:right;
}

.two-colums .three-menu{
	width:200px;
	float:left;
	padding-right:10px;
}
.two-colums .left-column-bio{
	width:120px;
	float:left;
	padding-top:8px;
}
.two-colums .right-column-bio{
	width:509px;
	float:right;
}
#main-content .two-colums .right-column-bio .subtitles{
	padding-top:0px;
	padding-bottom:10px;
}
.left-column-bio img{
	width:100px;
	height:82px;
	border: 3px #C4D4E2 solid;
	padding:1px;
	margin-bottom:7px;
}
.industries .left-column-bio img{
	border: 3px #d6dab5 solid;
}
.services .left-column-bio img{
	border: 3px #d2d3e7 solid;
}
.left-column-bio a{
	font-size:11px;
}
.two-colums .left-column .title , .two-colums .right-column .title , .two-colums .right-menu .title, .two-colums .three-menu .title{
	border-top:1px solid #5382AB;
	background: url(../images/background_title.png) repeat-x 0px 3px;
  	height:auto !important; 
	Overflow: Visible;
	padding-top: 7px;
	padding-left:15px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	padding-bottom:4px;
}
.two-colums .left-column .title2, .two-colums .right-column .title2, .two-colums .right-menu .title2, .two-colums .three-menu .title2{
	border-top:1px solid #7d6a55;
	background: url(../images/background_title2.png) repeat-x 0px 3px;
  	height:auto !important; 
	Overflow: Visible;
	padding-top: 7px;
	padding-left:15px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	padding-bottom:4px;
}
.two-colums .left-column .content , .two-colums .right-column .content {
	padding: 15px 15px;
}
.two-colums .three-menu .content {
	padding-left:15px;
}
.two-colums .right-menu .content{
	padding: 15px 15px;
	padding-right:0px;
}
.two-colums .left-column .content ul , .two-colums .right-column .content ul , .two-colums .left-content .content ul{
	list-style:none;
	margin:0px 0px;
	margin-top:10px;
	padding:0px;
}
.two-colums .right-menu .content ul{
	list-style:outside square;
	padding:0px;
	margin:0px;
	margin-top:10px;
}

.keylink{
	padding-bottom:10px;
	padding-top:5px;
}

.bar-gallery{
	width:640px;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
}

.item {
	width: 145px;
	padding:2px;
	text-indent:0px;
	text-align:left;
	float:left; 
	margin-right:8px;
	margin-bottom:5px;
	font-size:11px;
	line-height:150%;
}


.item img {
	width:100px;
	height:82px;
	border: 3px #C4D4E2 solid;
	padding:1px;
	margin-bottom:7px;
}


/*Clear Floats*/
.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

/*Menu*/
.content-menu-home{
	padding: 5px 10px;
}
.title-menu-home{
	width:auto;
	border-top:1px solid #D8D4CD;
	background: url(../images/background_title_menu.png) repeat-x 0px 3px;
	min-height:18px;
  	height:auto !important; 
	height:18px;
	Overflow: Visible;
	padding-top: 7px;
	padding-left:10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#473014;
	font-weight:bold;
}


ul.dynamic, ul.dynamic ul {
  list-style-type:none;
 /* list-style-image:url(../images/bullet.png);*/
  margin: 0px;
  padding: 0px;
  width: auto;
}


ul.dynamic {
  margin-top: 4px;
  border-top: 1px solid #DFDBD6;
}

ul.dynamic a {
  display: block;
  text-decoration: none;
  height: 1%;
  background:url(../images/bullet.jpg) 4px 7px no-repeat;
}


ul.dynamic li , ul.dynamic li ul li {
 /* margin-top: 1px;*/
  margin: 0px;
  padding: 0px;
  height: 1%;
}

ul.dynamic li a {
  /*padding: 0.5em;*/
  padding: 3px;
  font-size:12px;
  color:#473014;
  border-bottom:1px solid #DFDBD6;	
  padding-left:16px;
}

ul.dynamic li a:hover {
  background: #D8D4CF url(../images/bullet-hover.jpg) 4px 7px no-repeat;
  color:#473014;
  /*font-weight:bold;*/
}
ul.dynamic li a.current {
	background: #D8D4CF url(../images/bullet-hover.jpg) 4px 7px no-repeat;
}

ul.dynamic li ul li a {
  background: #E8E6E4 url(../images/bullet-sub.jpg) 22px 7px no-repeat;
  color:#473014;
  padding-left: 35px;
  border-bottom:none;
}

.current ,ul.dynamic li ul li a.current{
  background: #D8D4CF url(../images/bullet-hover.jpg) 22px 7px no-repeat;
  color:#473014;
  /*font-weight:bold;*/
 }
  
ul.dynamic li ul li a:hover {
  background: #D8D4CF url(../images/bullet-hover.jpg) 22px 7px no-repeat;
  color:#473014;
}



/* copyright and Bottom menu*/
.right-menu-bottom, .left-menu-bottom {
	font:10px Arial,Helvetica,sans-serif;
	color:#898989;
	padding:10px 30px;
}
.right-menu-bottom{
	text-align:right;
	float:right;
}
.left-menu-bottom {
	text-align:left;
	float:left;
}
input.text{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	width: 200px; 
	height:18px;
}
input.textphone{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	width: 100px; 
	height:18px;
}
textarea.textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	width: 260px; 
	height:90px;
}
#ulone{
	list-style-image:url(../images/bullet.gif);
	margin-left:15px;
	margin-right:0px;
}
#ultwo {
	list-style-image:url(../images/bullet.gif);
	margin-left:15px;
	margin-right:0px;
}
.ulone {
	list-style-image:url(../images/bullet.gif);
	margin-left:15px;
	margin-right:0px;
}
.ultwo, .ultwo li {
	list-style-image:none;
	margin-left:35px;
	margin-right:0px;
	list-style-type:disc;
}