/* CSS Document */
body {
	background-image:url(images/backgroundblue.png);
	background-repeat:repeat;
	margin: 0;
	padding: 0;
	font-family:   Arial, Helvetica, sans-serif;
}
input{
	border: 0px;
	color: #000000;
	background: #FFFFFF;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:x-small;
}
textarea{
	border: 0px;
	color: #000000;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:x-small;
	overflow:auto;
}
.inputlabel{
	font-family:  Arial, Helvetica, sans-serif;
	font-size:x-small;
}
#imgsubmit{
	position:absolute;
	top:220px;
	left: 2335px;
	height: 38px;
	width: 50px;
}
#maincontainer{
	width: 2450px;
	height: 600px;
	margin:0;
	text-align:left;
}
#leftstatic{
	float:left;
	width:140px;
	margin:0px;
}
#techtext{
	float:left;
	width: 52px;
	height: 384px;
	margin:0px;
	background-image: url(images/tbisite_01.png);
	background-repeat:no-repeat;
}
#logonav{
	float:left;
	width: 88px;
	height: 384px;
	margin:0px;
	background-image: url(images/tbisite_02.png);
	background-repeat:no-repeat;
}
#logonav li{
		list-style:none;
}
#leftstatic3{
	float:left;
	width: 52px;
	height: 216px;
	background-image: url(images/tbisite_15.png);
	background-repeat:no-repeat;
}
#leftstatic4{
	float:left;
	width: 88px;
	height: 216px;
	background-image: url(images/tbisite_16.png);
	background-repeat:no-repeat;
}
#pane01{
	float:left;
	width: 732px;
	margin:0px;
/*	background-color:#FFFFFF;*/
}
#pane01top1{
	float:left;
	width: 218px;
	height: 37px;
	margin:0px;
	background-image: url(images/tbisite_03.png);
	background-repeat:no-repeat;
}
#pane01middle{
	float:left;
	width: 732px;
	height: 514px;
	margin:0px;
/*	background-image: url(images/tbisite_10.png);
	background-repeat:no-repeat;*/
}
#pane01bottom1{
	float:left;
	width: 218px;
	height: 49px;
	margin:0px;
	background-image: url(images/tbisite_17.png);
	background-repeat:no-repeat;
}

#pane02{
	margin:0px;
	float:left;
	width: 352px;
}
#pane02middle{
	margin:0px;
	float:left;
	width: 352px;
	height: 549px;
	background-image: url(images/tbisite_11.png);
	background-repeat:no-repeat;
}

#pane03{
	margin:0px;
	float:left;
	width: 450px;
}
#pane03middle{
	margin:0px;
	float:left;
	width: 450px;
	height: 549px;
	background-image: url(images/tbisite_12.png);
	background-repeat:no-repeat;
}

#pane04{
	margin:0px;
	float:left;
	width: 376px;
}
#pane04middle{
	margin:0px;
	float:left;
	width: 376px;
	height: 549px;
	background-image: url(images/tbisite_13.png);
	background-repeat:no-repeat;
}
#pane05{
	margin:0px;
	float:left;
	width: 373px;
}
#pane05middle{
	margin:0px;
	float:left;
	width: 373px;
	height: 549px;
	background-image: url(images/tbisite_14.png);
	background-repeat:no-repeat;
}

#nav{
	margin:0px;
}
#navhome{
	position:absolute;
	top:70px;
	left:56px;
	background-image:url(images/homeH.png);
	background-repeat:no-repeat;
	width:79px;
	height:57px;
}
#navhome a{

	background-image:url(images/homeN.png);
	background-repeat:no-repeat;
	width:79px;
	height:57px;
	display:block;
}
#navhome a:hover{
	background:none;
}
#navservices{
	position:absolute;
	top:110px;
	left:56px;
	background-image:url(images/servicesH.png);
	background-repeat:no-repeat;
	width:79px;
	height:57px;
}
#navservices a{

	background-image:url(images/servicesN.png);
	background-repeat:no-repeat;
	width:79px;
	height:57px;
	display:block;
}
#navservices a:hover{
	background:none;
}
#navkey{
	position:absolute;
	top:150px;
	left:56px;
	background-image:url(images/keyH.png);
	background-repeat:no-repeat;
	width:79px;
	height:57px;
}
#navkey a{

	background-image:url(images/keyN.png);
	background-repeat:no-repeat;
	width:79px;
	height:57px;
	display:block;
}
#navkey a:hover{
	background:none;
}
#navport{
	position:absolute;
	top:190px;
	left:56px;
	background-image:url(images/portfolioH.png);
	background-repeat:no-repeat;
	width:79px;
	height:57px;
}
#navport a{

	background-image:url(images/portfolioN.png);
	background-repeat:no-repeat;
	width:79px;
	height:57px;
	display:block;
}
#navport a:hover{
	background:none;
}
#navnews{
	position:absolute;
	top:230px;
	left:56px;
	background-image:url(images/newsH.png);
	background-repeat:no-repeat;
	width:79px;
	height:57px;
}
#navnews a{

	background-image:url(images/newsN.png);
	background-repeat:no-repeat;
	width:79px;
	height:57px;
	display:block;
}
#navnews a:hover{
	background:none;
}
#navjobs{
	position:absolute;
	top:270px;
	left:56px;
	background-image:url(images/jobsH.png);
	background-repeat:no-repeat;
	width:79px;
	height:57px;
}
#navjobs a{

	background-image:url(images/jobsN.png);
	background-repeat:no-repeat;
	width:79px;
	height:57px;
	display:block;
}
#navjobs a:hover{
	background:none;
}
#navcontact{
	position:absolute;
	top:230px;
	left:56px;	
/*	top:310px;
	left:56px;
*/	background-image:url(images/contactH.png);
	background-repeat:no-repeat;
	width:79px;
	height:57px;
}
#navcontact a{

	background-image:url(images/contactN.png);
	background-repeat:no-repeat;
	width:79px;
	height:57px;
	display:block;
}
#navcontact a:hover{
	background:none;
}

#intro{
	position: absolute;
	top:54px;
	left:145px;
	width:236px;
	height:144px;
	margin:0px;
	overflow:auto;
}
#extra01{
	position: absolute;
	top:220px;
	left:150px;
	width:120px;
	height:50px;
	margin:0px;
	font-size:14px;
}

#extra02{
	position: absolute;
	top:183px;
	left:223px;
	width:156px;
	height:140px;
	margin:0px;

}
#news{
	position: absolute;
	top:326px;
	left:226px;
	width:200px;
	height:183px;
	margin:0px;
	overflow:auto;
}
#feature{
	position: absolute;
	top:112px;
	left:397px;
	width:160px;
	height:200px;
	margin:0px;
	text-align:right;
	overflow: auto;
}
#project{
	position: absolute;
	top:217px;
	left:595px;
	width:208px;
	height:160px;
	margin:0px;
	overflow: auto;
}
#aboutus{
	position: absolute;
	top:151px;
	left:902px;
	width:280px;
	height:174px;
	margin:0px;
	z-index:20;
	overflow: auto;
}
#services{
	position: absolute;
	top:187px;
	left:1430px;
	width:225px;
	height:250px;
	margin:0px;
	overflow: auto;
}
#projects{
	position: absolute;
	top:90px;
	left:1836px;
	width:183px;
	height:235px;
	margin:0px;
	overflow: auto;
}
#contactus{
	position: absolute;
	top:100px;
	left:2100px;
	width:314px;
	height:30px;
	margin:0px;
}
#contactus2{
	position: absolute;
	top:331px;
	left:2149px;
	width:230px;
	height:200px;
	margin:0px;
}


#newspaper li{
	list-style:none;
	top:440px;
	left:450px;
}

#navnewspaper{
	position:absolute;

	background-image:url(images/newspaperH.png);
	background-repeat:no-repeat;
	width:128px;
	height:65px;
}
#navnewspaper a{

	background-image:url(images/newspaperN.png);
	background-repeat:no-repeat;
	width:128px;
	height:65px;
	display:block;
}
#navnewspaper a:hover{
	background:none;
}

#peeps{
	z-index:0;
}
#peeps li{
	list-style:none;
	top:342px;
	left:875px;
}
#navpeeps{
	position:absolute;

	background-image:url(images/peepsH2.png);
	background-repeat:no-repeat;
	width:235px;
	height:208px;
}
#navpeeps a{

	background-image:url(images/peepsN2.png);
	background-repeat:no-repeat;
	width:235px;
	height:208px;
	display:block;
}
#navpeeps a:hover{
	background:none;
}

#serv li{
	list-style:none;
	top:70px;
	left:1510px;
}

#navserv{
	position:absolute;

	background-image:url(images/toolH.png);
	background-repeat:no-repeat;
	width:132px;
	height:84px;
}
#navserv a{

	background-image:url(images/toolN.png);
	background-repeat:no-repeat;
	width:132px;
	height:84px;
	display:block;
}
#navserv a:hover{
	background:none;
}

#proj li{
	list-style:none;
	top:194px;
	left:1701px;
}

#navproj{
	position:absolute;

	background-image:url(images/steamH2.png);
	background-repeat:no-repeat;
	width:84px;
	height:101px;
}
#navproj a{

	background-image:url(images/steamN2.png);
	background-repeat:no-repeat;
	width:84px;
	height:101px;
	display:block;
}
#navproj a:hover{
	background:none;
}

#proj2 li{
	list-style:none;
	top:370px;
	left:1818px;
}

#navproj2{
	position:absolute;

	background-image:url(images/notebookH2.png);
	background-repeat:no-repeat;
	width:118px;
	height:55px;
}
#navproj2 a{

	background-image:url(images/notebookN2.png);
	background-repeat:no-repeat;
	width:118px;
	height:55px;
	display:block;
}
#navproj2 a:hover{
	background:none;
}
#back1{
	position: absolute;
	left: 275px;
	top: 499px;	
}
#more1{
	position: absolute;
	left: 382px;
	top: 458px;	
}
#back2{
	position: absolute;
	left: 598px;
	top: 364px;	
}
#more2{
	position: absolute;
	left: 773px;
	top: 331px;
	height: 46px;
}
#back3{
	position: absolute;
	left: 876px;
	top: 339px;
	height: 11px;
}
#more3{
	position: absolute;
	left: 1115px;
	top: 325px;
	height: 46px;
}
#back4{
	position: absolute;
	left: 1629px;
	top: 477px;
	height: 11px;
}
#more4{
	position: absolute;
	left: 1629px;
	top: 424px;
	height: 46px;
}
#back5{
	position: absolute;
	left: 1832px;
	top: 336px;
	height: 11px;
}
#more5{
	position: absolute;
	left: 1946px;
	top: 325px;
	height: 46px;
}
#back6{
	position: absolute;
	left: 2332px;
	top: 450px;
	height: 11px;
}

#tfullname{
	position:absolute;
	top:138px;
	left: 2148px;
}
#temail{
	position:absolute;
	top:162px;
	left: 2147px;
	width: 260px;
}
#tcomments{
	position:absolute;
	top:218px;
	left: 2169px;
	width: 166px;
	height: 91px;
}


#arrows {
	position: fixed;
	top: 10px;
	left: 355px; 
	width: 150px;
	height: 30px;
	cursor: pointer;
}

#arrows ul {	
	list-style:none;
	margin: 0;
	padding: 0;
}

#arrows ul li {
	margin: 0;
	padding: 0;
	display: inline;
	width: 150px;
	height: 30px;
}

#arrows ul li a{
	margin-right: 5px;
	float: left;
	display: block;
	width: 40px;
	height: 30px;
	overflow: hidden;
	cursor: pointer;
	text-indent: -9000px;
	font-size: 50em;
}

#arrows ul #arleft a {background: transparent url('images/arrowleft.png') no-repeat;}
#arrows ul #arright a{background:transparent  url('images/arrowright.png') no-repeat;}


.topblue{
	float:left;
	margin:0px;
	background-image:url(images/backgroundblue.png);
	background-repeat:repeat;
}
.bottomblue1{
	float:left;
	margin:0;
	background-image: url(images/bottomblue1.png);
	background-repeat:repeat-x;
}
.bottomblue2{
	float:left;
	background-image: url(images/bottomblue2.png);
	background-repeat:repeat-x;
}
.bottomblue3{
	float:left;
	background-image: url(images/tbisite_23.png);
	background-repeat:none;
}
.rightblue{
	float:left;
	background-image: url(images/rightblue.png);
	background-repeat:repeat;
}
.introred{
	font-family:  Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:medium;
	color:#8d0000;
}
.introblack{
	font-family:  Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight:bolder;
	/*margin:5px 0px 0px 0px;*/
}
.titleblue{
	font-family:  Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	color:#005288;
}
.titlemaroon{
	font-family:  Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	color:#990000;
}
.subtitleblue{
	font-family:  Arial, Helvetica, sans-serif;
	font-size:small;
	color:#002ea1;
}
.commontext{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight:bold;
	color:#000;
}
.contactinfo{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight:bold;
	color:#000;
	text-align:right;
}
.warn, .error, .required{
	font-family:  Arial, Helvetica, sans-serif;
	font-size:x-small;
	color:#FF0000;
}
.introwhite{
	font-family:  Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight:bolder;
	color:#FFFFFF;
	/*margin:5px 0px 0px 0px;*/
}
.titlewhite{
	font-family:  Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	color:#FFFFFF;
}
.helpyou{
	font-family:  Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bolder;
	font-size-adjust:none;
	/*margin:5px 0px 0px 0px;*/
}