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

*	

*  Telesis

*

*  home.css

*

*  Last Updated By: Pete Motz

*

*  Last Updated: 01/17/2012

*

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







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

*  BEGIN MAIN LAYOUT

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



html, body {



	width: 100%;

}



body {

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

}



#headerContainer {

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

	height:222px;

}

#contentContainer {

	padding:0 0 0 0px;

	margin:0 0 0 0px;

}

#footerContainer {

	padding: 10px 0 10px  63px;

	position: absolute;

	left: 300px;

	bottom: absolute;

	display:block;	

}

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

*  END MAIN LAYOUT

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







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

*  BEGIN HEADER LAYOUT

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



#headerContainer #headerLeft {

	float:left;

	display:inline;

	width:634px;

}



#headerContainer #headerRight {

	margin:0 0 0 639px;

}



#headerContainer #headerLeft h1 {

	padding:42px 0 0 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:12px 0px 16px 0;

}



#headerContainer #headerRight #languageSelector ul li {

	color:#e5e0d0;

        margin:0.27em;

	/* margin:2.8px 0; */

	font-size:14

	px;

	margin-right: 210px;

}



#headerContainer #headerRight #languageSelector ul li.langSelected {

	color:#002469;

}



#languageSelector a {

color:#ffffff;

font-weight:bold;

}



/*#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:58px;

	width:330px;

	padding:0px 6px 0 0;

}

	

#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.sidenavHP {

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

	/*background-image: url(http://www.telesis.com/ASSETS/newbg2.png);*/

	background-repeat: repeat-y;

	padding: 10PX;

	width: 390px;

}



/*

td.sidenavHP {

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

	background-repeat: repeat-y;

	padding: 5px;

	width: 190px;*/

}

.sidenavHP p {

	font-size: 12px;

	padding-top: 6px;

}

.sidenavHP a {

	line-height: 115%;

	display: block;

	padding: 0px 0px 9px 0px;

	margin: 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.sidenavHP p a:hover, td.sidenav ul li a:hover {color: #999999; text-decoration:none;}

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



#headerContainer #headerLeft #mainNavigation {

	margin:30px 0 0 0px;

}



#headerContainer #headerLeft #mainNavigation ul {

	list-style:none;

}



#headerContainer #headerLeft #mainNavigation ul li {

	display:inline;

	float:left;

	margin:2px 6px 4px 2px;

	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;

} 



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

*  END NAVIGATION LAYOUT

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







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

*  BEGIN CONTENT LAYOUT

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



#mainContainerHP {

	width:1180px;

	clear:both;



}



#contentContainer #contentLeft a:hover {

 color: #999999;

}





#contentContainer #contentLeft {

	float:left;

	width:510px; /* was 510 */

	display:inline;

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

	line-height:1.5;

	

}



#contentContainer #contentLeft p {

	padding:2px 0;

}





/*

#contentContainer #contentLeft {

	float:left;

	width:600px;

	display:inline;

	padding:25px 0 0 30px; 

	line-height:1.5;

}



#contentContainer #contentLeft p {

	padding:0px 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 

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



#news	{

	background-color: transparent;

	position: relative;

	left: 22px;

	text-align: left;

	font-size: 11.5px;

	width: 166px;

        top:  -330px;

	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;

        a:hover;

}







#newsflashHeader {

	position: relative;

	text-align: center;

	font-size: 11.5px;

	width: 216px;

	height: 100px;

	margin-center: 0px;

	background-color: transparent;

	margin: 0px  0px;

	padding: 0.25em 0.25em 0.25em 0.4em;

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

        a:hover;

        left: -203px;

        top: 10px;

}      



#newsflashHeader h2 {

        background-color: transparent;

	margin-center: 0px;

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

	background-repeat: no-repeat;

	background-position: 0px 0px;

	margin: 0px  0px;

	font-size: 18px;



}





#newsflash	{

	background-color: transparent;

	position: relative;

	text-align: left;

	font-size: 12px;

	width: 205px;

        height: 314px;

	margin-center: 0px;

	background-color: transparent;

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

	background-repeat: no-repeat;

	background-position: 0px 20px;

	margin: 0px  0px;

	padding: 0.2em 0.25em 0.2em 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: -197px;

        top:  -54px;



}



#newsflash h2 { 

        font-size: 13px;

	text-transform:uppercase;

        font-family: tahoma;

        font-weight: bold;

	font-style: ITALIC;

	padding: 0px 0px 0px 0px;

}



#newsflash2	{

	background-color: transparent;

	position: relative;

	text-align: left;

	font-size: 12px;

	width: 186px;

        height: 170px;

	margin-center: 0px;

	background-color: transparent;

	/* background-image: url(http://www.telesis2.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: tahoma;

        border-right:1px solid #727173;

        border-left:1px solid #727173;

        border-bottom:1px solid #727173;

        a:hover;

        left: -214px;

        top:  23px;

	font-style: ITALIC;

}



#newsflash2 h2 { 

        font-size: 14px;

	text-transform:uppercase;

        font-family: tahoma;

        font-weight: bold;

        font-style: ITALIC;

        margin: 0px  0px

        text-align: center;

        color:#FF0000;

        padding: 0.25em 0.0em 0.25em 0.0em;

}



#newsflash2 p    { 

        font-size: 7px;

	text-transform:uppercase;

        font-family: tahoma;

        text-align: center;

        color:#FF0000;

        margin: 0px  0px;

        padding: 0em 0em 0em 0em;

        font-style: none



}



#newsflash3	{

	background-color: transparent;

	position: relative;

	text-align: left;

	font-size: 14px;

	width: 205px;

        height: 184px;

	margin-center: 0px;

	background-color: transparent;

	/* background-image: url(http://www.telesis2.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;

        a:hover;

        left: 60px;

        top: -454px;



}



#newsflash3 h2 {

	font-size: 14px;

	font-weight: bold;



}



#newsflash4	{

	background-color: transparent;

	position: relative;

	text-align: left;

	font-size: 11.5px;

	width: 205px;

        height: 130px;

	margin-center: 0px;

	background-color: transparent;

	/* background-image: url(http://www.telesis2.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;

        a:hover;

        left: 60px;

        top: -434px;



}

#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	{

	background-color: transparent;

	position: relative;

	left: 60px;

	text-align: left;

	font-size: 11.5px;

	width: 205px;

        height: 314px;

        top:  -478px;

	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;

        a:hover;

}



#technologyticker	{

	position: relative;

	text-align: center;

	font-size: 11.5px;

	width: 216px;

	height: 100px;

	margin-center: 0px;

	background-color: transparent;

	margin: 0px  0px;

	padding: 0.25em 0.25em 0.25em 0.4em;

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

        a:hover;

        left: 54px;

        top: -416px;

}      



#technologyticker h2 {

        background-color: transparent;

	margin-center: 0px;

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

	background-repeat: no-repeat;

	background-position: 0px 0px;

	margin: 0px  0px;

	font-size: 18px;



}



#technologyticker h1 {

        background-color: transparent;

	margin-center: 0px;

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

	background-repeat: no-repeat;

	background-position: 0px 0px;

	margin: 0px  0px;

	font-size: 18px;



}