/***********************************

*	

*  Telesis

*

*  home.css

*

*  Last Updated By: Pete Motz

*

*  Last Updated: 12/08/2012

*

***********************************/







/***********************************

*  BEGIN MAIN LAYOUT

***********************************/



body {

	background:url('../images/template/homePage_BODY.jpg') repeat-x #ffffff;

	width: 100%;

	color:#3c3c3d;

	font-family:Helvetica, Arial, Helvetica, sans-serif;

	font-size:13px;

}



* {

	margin:0;

	padding:0;

	border:none;

	outline:none;

}





#headerline {

	font-family: arial;

	font-style: ITALIC;

	font-weight: bold;

	text-transform: uppercase;

	color: #002469;

	text-align: right;

	top: 50px;

	right: 0px;

	position: absolute;

	font-size: 16px;

	width: 300px;

	left: -120px;

	display: block;

}



#headerContainer {

	background:url('../images/template/homePage_HEADER.jpg') no-repeat;

	height:222px;

	clear:both;

}



#contentContainer {

	padding:0 0 0 0px;

	margin:0 0 0 0px;

	clear:both;

}



#footerContainer {

	padding: 10px 0px 10px  63px; /* was padding: 10px 0 10px  63px; */

	position: absolute;

	left: 300px;

	bottom: absolute;

	display:block;	

}



table, tbody, tr, td, th {

	border-collapse:collapse;

	margin:0;

	vertical-align:top;

}



table, tbody {

	border-collapse:collapse;

	margin:0;

	padding:0;

	vertical-align:top;

	padding:0px 0px 0px 0px;

}



a.subNavSelectedMain {font-size: 14px; color: #777; padding: 6px 0px; text-transform: uppercase;}

ul.here {display: block; margin: 0px; padding: 0px 0px 15px 8px;}

ul.here li {font-size: 12px; list-style-type:none;}

td.sidenav p a:hover, td.sidenav ul li a:hover {color: #999999; text-decoration:none;}

p.newsflash3 p a:hover, p.newsflash3 ul li a:hover {color: #999999; text-decoration:none;}

p.footer {display: block; padding-top: 0px; font-size:10px;}



/***********************************

*  END MAIN LAYOUT

***********************************/







/***********************************

*  BEGIN HEADER LAYOUT

***********************************/



#headerContainer #headerLeft {

	float:left;

	display:inline;

	width:634px;	 		

}



#headerContainer #headerRight {

	margin:0 0 0 640px;

}



#headerContainer #headerLeft h1 {

	padding:42px 0px 30px 0px;

}



#headerContainer #headerLeft h1 a {

	background:url('../images/template/telesisHomePageLogo.png') no-repeat;

	display:block;

	width:300px;

	height:104px;

	text-indent:-9999px;

	cursor:pointer;	

}



#headerContainer #headerRight #languageSelector {

	text-align:right;

	}

	

#headerContainer #headerRight #languageSelector ul {

	list-style:none;

	padding:10px 0px 10px 0px;

}



#headerContainer #headerRight #languageSelector ul li {

	color:#e5e0d0;

        margin:1.4px;

	/* margin:2.8px 0; */

	font-size:12px;

}



#headerContainer #headerRight #languageSelector ul li.langSelected {

	color:#002469;

}

#mainContainer #headerContainer #headerRight #languageSelector .navigationLink a {

	color: #CCCCCC;

}





#headerContainer #headerRight #headerPreview {

	border-left:1px solid #ffffff;

	border-right:1px solid #ffffff;	

	display:block;

	float:left;

	height:60px;

	width:330px;

	padding:0px 6px 0 0px;

}

	

#headerContainer #headerRight #headerPreview ul {

	list-style:none;

	margin:0;

	padding:0;

	display:inline-block;

}



#headerContainer #headerRight #headerPreview ul li {

	display:inline;

	float:left;

	margin:0 0 0 6px;

	height:60px;

}



#headerContainer #headerRight #headerPreview ul li img {

	width:58px;

	height:58px;

	border:1px solid #ffffff;

}



/***********************************

*  END HEADER LAYOUT

***********************************/







/***********************************

*  BEGIN NAVIGATION LAYOUT

***********************************/



td.sidenav {

	background-image: url(http://www.telesis.com/images/newbg.png);

	background-repeat: repeat-y;

	padding: 5px;

	width: 390px;

}



.sidenav p {

	font-size: 12px;

	padding-top: 6px;

}



.sidenav a {

	line-height: 115%;

	display: block;

	padding: 0px 0px 9px 0px;

	margin: 0px;

}



a {

	color:#d81f2a;

	text-decoration:none;

}



p {

	line-height:1.5;

}



h1, h2, h3, h4, h5, h6, h7, h8 {

	padding:10px 0;

}



h1 {

	font-size:18px;

	color:#003d7d;

}



h2 {

	font-size:13px;

	color:#003d7d;

        font-weight:bold	;

}



h3 {

	font-size:12px;

}



h5 {

	font-size:18px;

	color:#FF0000;

	font-weight:bold;

	text-align:center;

}



h6 {

	font-size:18px;

	color:#003d7d;

	font-weight:bold;

	font-style: ITALIC;

}





#headerContainer #headerLeft #mainNavigation ul {

	list-style:none;

}



#headerContainer #headerLeft #mainNavigation ul li {

	display:inline;

	float:left;

	margin:2px 6px;

	color:#fbfbfb;

	border-right:1px solid #fbfbfb;

	padding:0 5px 0 0px;  /* was 0 5px 0 0 */

}



#headerContainer #headerLeft #mainNavigation ul li a {

	color:#fbfbfb;

 	font-size:13px;

}



#headerContainer #headerLeft #mainNavigation ul li a:hover, #headerContainer #headerLeft #mainNavigation ul li a:focus, #headerContainer #headerLeft #mainNavigation ul li a:active {

	color:#beb392;

        text-decoration:underline;

} 



/***********************************

*  END NAVIGATION LAYOUT

***********************************/







/***********************************

*  BEGIN CONTENT LAYOUT

***********************************/



#contentContainer #contentLeft a:hover {

 color: #999999;

}





#mainContainer {

	width:980px;

	clear:both;

}



#contentContainer #contentLeft {

	float:left;

	width:560px; /* was 510 */

	display:inline;

	padding: 15px; /* was 10 0 0 15 */

	line-height:1.5;

}



#contentContainer #contentLeft p {

	padding:2px 0;

}



#contentContainer #contentRight {

	margin:0 0 0 576px;

	padding:36px 0px 0 6px;

	border-left:1px solid #ffffff;

}



#contentContainer #contentRight img.featureImage {

	border:1px solid #9b8948;

	width:280px;

	height:80px;

}



#contentContainer #contentRight h2 {

	color:#002469;

	text-transform:uppercase;

	font-size:10px;

	padding:10px 0 5px 0;

}



#contentContainer #contentRight p {

	font-size:12px;

	color:#836e2c;

}



#contentContainer #contentRight p a {

	font-size:12px;

	text-transform:uppercase;

	color:#d81f2a;

}	



#contentContainer #contentRight ul {

	margin:5px 20px;

}



#contentContainer #contentRight ol {

	margin:5px 29px;

}



/***********************************

*  END CONTENT LAYOUT 

***********************************/







/***********************************

*  BEGIN FOOTER LAYOUT 

***********************************/



#footerContainter ul {

	list-style:none;

}



#footerContainer ul li {

	display:inline;

	float:center;

	margin:0 5px;

	padding:0 5px 0 0;

	border-right:1px solid #727173;

}



#footerContainer ul li a {

	color:#727173;

}



/***********************************

*  END FOOTER LAYOUT 

***********************************/



/***********************************

*  BEGIN TEXT BOX LAYOUT 

***********************************/

#textbox2 {

height: 100px;

}



#technologyticker   h2	{

        font-weight: bold;

        font-family: tahoma;

        font-size: 14px;

        background-color: transparent;

	margin-center: 0px;

	background-image: url(http://www.telesis.com/images/template/technologyticker_Top_3.jpg);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	margin: 0px  0px;

}



#technologyticker	{

	position: relative;

	text-align: center;

	font-size: 11.5px;

	width: 176px;

	height: 80px;

	margin-center: 0px;

	background-color: transparent;

	margin: 0px  0px;

	padding: 0.25em 0.25em 0.25em 0.4em;

	font-family: Helvetica, Arial, sans-serif;

        left: 17px;

        top: -388px;

}







#ticker li { list-style-position:inside; list-style-type:disc;

background-color:transparent; margin-left:6px; font-size:11.5px;

font-family: Helvetica, Arial, sans-serif;

letter-spacing:0px; 



}



#ticker p    { 

        font-size: 8px;

	text-transform:uppercase;

        font-family: tahoma;

        text-align: center;

        color:#FF0000;

        margin: -10px  0px;

        padding: 0em 0em 2em 0em;



}



#ticker h3    { 

        font-size: 13px;

        font-family: tahoma;

        color:#003d7d;

        text-align: center;

        margin: -10px  0px;



}



#ticker	{

	background-color: transparent;

	position: relative;

	left: 22px;

	text-align: left;

	font-size: 11.5px;

	width: 166px;

        height: 302px;

        top:  -436px;

	margin-center: 0px;

	background-image: url(http://www.telesis.com/images/globewater.jpg);

	background-repeat: no-repeat;

	background-position: 0px 20px;

	margin: 0px  0px;

	padding: 0.25em 0.25em 0.25em 0.4em;

	font-family: Helvetica, Arial, sans-serif;

        border-right:1px solid #727173;

        border-left:1px solid #727173;

        /* border-top:1px solid #727173; */

        border-bottom:1px solid #727173;

}



#ticker a:hover {

  color: #999999;

}



#tradeshows {

	position

	: relative;

	text-align: center;

	font-size: 11.5px;

	width: 176px;

	height: 80px;

	margin-center: 0px;

	background-color: transparent;

	margin: 0px  0px;

	padding: 0.25em 0.25em 0.25em 0.4em;

	font-family: Helvetica, Arial, sans-serif;

        left: -228px;

        top: 5px;

}



#tradeshows  h2	{

        font-weight: bold;

        font-family: tahoma;

        font-size: 14px;

        background-color: transparent;

	margin-center: 0px;

	background-image: url(http://www.telesis.com/images/template/technologyticker_Top_3.jpg);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	margin: 0px  0px;

}



#tradeshows2	{

	background-color: transparent;

	position: relative;

	text-align: left;

	font-size: 12px;

	width: 166px;

        height: 300px;

	margin-center: 0px;

	margin: 0px  0px;

	padding: 0.25em 0.25em 0.25em 0.4em;

	font-family: Helvetica, Arial, sans-serif;

        border-right:1px solid #727173;

        border-left:1px solid #727173;

        border-bottom:1px solid #727173;

        a:hover;

        left: -224px;

        top: -42px;



}



#tradeshows2 h2 { 

        font-size: 13px;

	text-transform:uppercase;

        font-family: tahoma;

        font-weight: bold;

	font-style: ITALIC;

	margin: -6px 0px 0px 0px;

}



#tradeshows2 h3 { 

        font-size: 12px;

        font-family: tahoma;

        font-weight: bold;

	font-style: ITALIC;

	margin: -6px 0px 0px 0px;

	color:#003d7d;

}



#tradeshows2 p    { 

        font-family: tahoma;

        margin: -6px 0px 0px 0px;

        font-style: none;

        font-weight: bold;

        font-style: ITALIC;

        color: red;



}



#tradeshows2 a:hover {

  color: #999999;

}



#newproducts	{

	position: relative;

	text-align: center;

	font-size: 11.5px;

	width: 176px;

	height: 80px;

	margin-center: 0px;

	background-color: transparent;

	margin: 0px  0px;

	padding: 0.25em 0.25em 0.25em 0.4em;

	font-family: Helvetica, Arial, sans-serif;

        left: 18px;

        top:  -422px;

}



#newproducts h2	{

        font-weight: bold;

        font-family: tahoma;

        font-size: 14px;

        background-color: transparent;

	margin-center: 0px;

	background-image: url(http://www.telesis.com/images/template/technologyticker_Top_3.jpg);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	margin: 0px  0px;

}



#newproducts2	{

	background-color: transparent;

	position: relative;

	text-align: left;

	font-size: 12px;

	width: 166px;

        height: 472px;

	margin-center: 0px;

	background-color: transparent;

	margin: 0px  0px;

	padding: 0.25em 0.25em 0.25em 0.4em;

	font-family: Helvetica, Arial, sans-serif;

        border-right:1px solid #727173;

        border-left:1px solid #727173;

        border-bottom:1px solid #727173;

        a:hover;

        left: 23px;

        top: -469px;



}





#newproducts2   h2 {

        font-weight: bold;

        font-family: tahoma;

        font-size: 14px;

        background-color: transparent;

	margin-center: 0px;

	background-image: url(http://www.telesis.com/images/template/technologyticker_Top_3.jpg);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	margin: 0px  0px;

}



#newproducts2 p {

        font-weight: normal;

        font-family: tahoma;

        font-size: 12px;	

}



#newproducts2 a:hover {

  color: #999999;

}



#newsrelease	{

	position

	: relative;

	text-align: center;

	width: 176px;

	height: 80px;

	margin-center: 0px;

	background-color: transparent;

	margin: 0px  0px;

	padding: 0.25em 0.25em 0.25em 0.4em;	

        left: 18px;

        top: -452px;

}



#newsrelease   h2	{

        font-weight: bold;

        font-family: tahoma;

        font-size: 14px;

        background-color: transparent;

	margin-center: 0px;

	background-image: url(http://www.telesis.com/images/template/technologyticker_Top_3.jpg);

	background-repeat: no-repeat;

	background-position: 0px 0px;

	margin: 0px  0px;

	font-style: none;

}





#newsrelease2		{

	background-color: transparent;

	position: relative;

	text-align: left;

	font-size: 12px;

	width: 166px;

        height: 288px;

	margin-center: 0px;

	background-color: transparent;

	margin: 0px  0px;

	padding: 0.25em 0.25em 0.25em 0.4em;

	font-family: Helvetica, Arial, sans-serif;

        border-right:1px solid #727173;

        border-left:1px solid #727173;

        border-bottom:1px solid #727173;

        a:hover;

        left: 23px;

        top: -500px;



}



#newsrelease2 li {

	font-size: 12px;

	margin: 6px 16px;

}



#newsrelease2 a:hover {

  color: #999999;

}