/* basic elements */ 

body { 
 font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
 color: #666666; 
 background: #FFFFFF; 
 margin-left:auto;
 margin-right:auto; 
 padding: 0; 
 position:relative;
 width:825px;
 height:auto;
} 




p { 
 font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
 text-align: left; 
}

.indent{ 
 font: normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
 text-align: left; 
 margin-left:20px;
}
.n_indent{
	margin-left:10px;
}
 
 
 
h3 {
	font-weight: bold;
	color:#008aa7;
	font-size:12px;

}
h4{
	font-size:12;
	color:#008aa7;
}

 p span {
	font-weight: bold;
	color:#333333;
	font-size:11px;
}

a:link {
	color: #008aa7;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #008aa7;
	
}
  
a:hover {
 text-decoration: none; 
 color: #999999; 
}

.unharmed {
	text-decoration:none;
}

.green {
	color:#00CC00;
}



/*-------------------------------------------------- LAYOUT OBJECTS ------------------------------------------------*/
#main {
	position:relative;
	float:left;
	margin: 0 auto;
	left:0px;
	width:825px;
	height:auto;
	z-index:1;
	border: thin dotted #BBBBBB;
	
}
#main2 {
	position:relative;
	margin: 0 auto;
	left:0px;
	width:825px;
	height: 800px;
	z-index:1;
	border: thin dotted #BBBBBB;
	
	
}

#main a:visited {
	text-decoration: none;
	color: #008aa7;
}

#main2 a:visited {
	text-decoration: none;
	color: #008aa7;
}


/*-------------------------------------------------- header objects ------*/
#header {
	position:absolute;
	left:0px;
	top:1px;
	width:825px;
	height:153px;
	z-index:4;
}


#logo {
	position:absolute;
	width:260px;
	height:98px;
	z-index:1;
	/*background-image: url(images/logo_small.jpg);
	background-repeat: no-repeat;-*/
	top: 42px;
	background-position: left top;
	left: 1px;
}

#careers {
	position:absolute;
	left:407px;
	top:104px;
	width:60px;
	height:20px;
	z-index:3;
	font-size: 10px;
	text-align: left;
	padding-right: 5px;
	padding-left: 25px;
}

#search {
	position:absolute;
	width:803px;
	height:28px;
	z-index:2;
	font-size: 10px;
	left: 0px;
	top: 7px;
	text-align: right;
	padding-right: 22px;
	padding-left: 0px;
	border-bottom: medium double #CCCCCC;
	
}
#worklist{
	position:relative;
	float:left;
	width:auto;
	margin-left:15px;
	margin-top:7px;
	
}

#search span {
	margin: 0 0px 0 5px;
	border-right: medium double #CCCCCC;
	
}

#tele3Dlogo {
	position:absolute;
	width:229px;
	height:70px;
	z-index:4;
	left: 586px;
	top: 57px;
	padding:0px;
	background-image: url(images/3Dlogo.jpeg);
	background-image: url(images/tele3Dlogo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#col_left{
	position:relative;
	float:left;
	width:250px;
	height:auto;
	
}
#col_right{
	position:relative;
	float:left;
	width:250px;
	height:auto;
	margin-left:25px;
}


/*---------------------------------------- pic and main nav objects ------*/
#mainPic {
	position:relative;
	width:825px;
	height:270px;
	z-index:6;
	left: 0px;
	top: 160px;
	background-color: #CCCCCC;
	background-image: url(images/frontImage.jpg);
	background-repeat: no-repeat;
}

#mainNav {
	position: absolute;
	width: 825px;
	margin: 15px 0 15px 0;
	padding: 0 0 0 0px;
	text-align :center;
	z-index:1;
	top: 15px;
}


#mainNav a:link {
	margin: 0 46px 0 45px;
	color: #333333;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}
	
#mainNav a:hover {
	text-decoration:none;
	color: #000000;
}

#mainNav a:visited {
	margin: 0 45px 0 45px;
	color: #333333;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}
	



#mainNav span {
	color: #00677D;
	font-weight: bold;
}	
		
		

#navBlueBar {
	position:absolute;
	width:825px;
	height:8px;
	z-index:2;
	left: 0px;
	top: 50px;
	background-color: #008aa7;
}


#BlueBarTwo {
	position:absolute;
	width:825px;
	z-index:2;
	left: 0px;
	top: -15px;
	background-color: #008aa7;
	text-align: center;
}


#BlueBarTwo p {
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	margin: 8px 0px 7px;
	text-align: left;
	word-spacing: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 69px;
}

img.page_images{
	position:relative;
	float:right;
	padding-bottom:20px;
	padding-left:20px;
	
	
}
img.page_images_contact{
	position:relative;
	float:right;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	margin-right:150px;
	
}



#img_f{
	position:relative;
	float:left;
	margin-top:40px;
	
}

img.page_images_lft{
	position:relative;
	float:left;
	padding-bottom:20px;
	padding-right:0px;
	
	
}
img.page_images_tech{
	position:relative;
	float:left;
	padding-bottom:20px;
	margin-right:20px;
	
	
}
img.page_images_wk{
	position:relative;
	float:left;
	padding-bottom:20px;
	padding-right:20px;
	margin-top:25px;
	
}
#space{
	margin-top:25px;
	margin-left:240px;
	padding-left:15px;
	width:auto;
	height:auto;
}
.benefits{
	margin-top:20px;
	height:200px;
	width:550px;
	
}
#chart{
	position:relative;
	float:right;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	
}
#chart2{
	position:relative;
	float:left;
	padding-bottom:10px;
	padding-top:10px;
	padding-right:10px;
	
}
#expenses{
position:relative;
float:left;
width:260px;
height:auto;
margin-top:20px;
}

#table{	
position:relative;
float:left;
margin-left:25px;
margin-top:30px;
width:250px;
height:auto;
border:1px solid #666666
}

/*------------------------------------------------------- for level 2 ------*/
#levelTwo {
	position:relative;
	float:left;
	width:825px;
	height:auto;
	z-index:7;
	left: 0px;
	padding-bottom:25px;
	
	background-color:#ffffff;
	background-repeat: no-repeat;
	border-top: medium double #CCCCCC;
}

#l2left {
	position:relative;
	float:left;
	width:190px;
	height:500px;
	z-index:7;
	left: 0px;
	top: 0px;
	background-color: #F4f8ff;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 10px;
}

#l2left p {
	line-height: 145%;
}

#l2left span {
	color: #999999;
}

	
#l2right {
	position:relative;
	float:left;
	width:550px;
	height: auto;
	z-index:7;
	
	top: 0px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	padding-right: 50px;
	padding-left: 25px;
	padding-top: 10px;
}
#l2right p {
	font-size: 12px;
}
#l2right h3 {
    font-size: 15px;
	color: #333333;
	line-height: 165%;
}




/*-------------------------------------------------------- text boxes ------*/
#top_paragraph{
	position:absolute;
	top:450px;
	width:750px;
	height:auto;
	margin-left: 25px;
	margin-right: 0px;
	
}
#whatsNew {
	position:absolute;
	width:225px;
	height:339px;
	z-index:6;
	left: 25px;
	top: 520px;
	border-top: medium double #CCCCCC;
}

#whatsNew span {
	color: #00cc00;
	font-weight: bold;
	font-size: 12px;
	font-style: normal;	
}


#events {
	position:absolute;
	width:225px;
	height:150px;
	z-index:7;
	left: 300px;
	top: 520px;
	border-top: medium double #CCCCCC;
}

#newsletter {
	position:absolute;
	width:225px;
	height:120px;
	z-index:8;
	left: 300px;
	top: 580px;
}

#media {
	position:absolute;
	width:225px;
	height:200px;
	z-index:9;
	left: 575px;
	top: 520px;
	border-top: medium double #CCCCCC;
	border-bottom: 0;
}

#subMedia {
	position:absolute;
	width:220px;
	height:140px;
	z-index:9;
	left: 575px;
	top: 750px;
	color: #999999;
	padding: 0 0px 0 5px;
	line-height: 165%;
	font-size: 9px;
	text-indent: 0px;
	margin-left: 0px;
}

#subMedia a:link {
	color: #999999;

}

#subMedia a:hover {
	color: #666666;
}







/*---------------------------------------------------------- footer ------*/
#footer {
	position:relative;
	float:left;
	
	padding: 10px 0 10px 0;
	width:828px;
	height:40px;
	z-index:11;
	top: 20px;
	left: 0px;
	background-color: #E7E7E7;
	text-align:center;
	color: #999999;
	margin-left: auto;
	margin-right: auto;
	
}
#footer2 {
	position:absolute;
	margin-top:1000px;
	padding: 10px 0 10px 0;
	width:828px;
	height:40px;
	z-index:11;
	top: 20px;
	left: 0px;
	background-color: #E7E7E7;
	text-align:center;
	color: #999999;
	margin-left: auto;
	margin-right: auto;
	
}


.back_link {
	text-decoration: underline;
	color: #999999;
	font-size:11px;
	line-height:165%;
}
.back {
	color: #999999;
	font-size:11px;
	line-height:165%;
}


#footer a:link, a:visited {
	margin: 5px;
	text-decoration: underline;
	color: #999999;
	font-size:11px;
	line-height:165%;
}

#footer a:hover {
	margin: 5px;
	text-decoration: underline;
	color: #666666;
	font-size:11px;
	line-height:165%;
}
 #footer2 a:link, a:visited {
	margin: 5px;
	text-decoration: underline;
	color: #999999;
	font-size:11px;
	line-height:165%;
}

#footer2 a:hover {
	margin: 5px;
	text-decoration: underline;
	color: #666666;
	font-size:11px;
	line-height:165%;
}
 




/*---------------------------------------------------------- divs ------*/


.head{ 
	color:#008aa7;
	font-size:12px;
	
}

.head2{ 
	color:#008aa7;
	font-size:12px;
}
#financial{
	position:relative;
	float:left;
	width:200px;
}
#image{
	position:relative;
	float:right;
}

a.cell_rt{
	
	text-decoration:none;
	font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color: #008aa7;
	
	
}
a.cell_rt:visited{
	
	text-decoration:none;
	font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color: #008aa7;
	
	
}
a.cell_lft{
	
	text-decoration:none;
	font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color: #008aa7;
	
}
a.cell_lft:visited{
	
	text-decoration:none;
	font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color: #008aa7;
	
}
.cell_rt{
	width:50px;
	height:auto;
	position:relative;
	float:right;
}

.cell_lft{
	width:50px;
	height:auto;
	position:relative;
	float:left;
}

#caption{	
	text-decoration:none;
	font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	color:#FFFFFF;
	text-align:center;
	

	
	}
#caption2{	
	margin-right:auto;
	margin-left:auto;
	width:50em;
	padding-top:100px;
	position:relative;
	
	}
#slideshow{
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#billing_tbl{
	width:250px;
	height:auto;
	position:relative;
	float:right;
	margin-right:25px;
	margin-bottom:15px;
	margin-left:15px;
	margin-top:15px;
	padding:5px;
	border: 1px solid #008aa7;
}
#billing_tb2l{
	width:550px;
	height:auto;
	position:relative;
	float:right;
	margin-top:25px;
	
}

#about{
	width:auto;
	height:auto;
	position: relative;
	float: left;
}
#about2{
	width:auto;
	height:auto;
	position: relative;
	float: left;
}
#flash{
	text-align: right;
	z-index: 1000;
	position: 0;
	margin-top: 0px;
	margin-left: 0px;
	
}