﻿
html {
	font:12px Arial, Helvetica, sans-serif;
}
body {
	margin:0; 
	padding:0;
	background:#fff url(../images/tbof2/bg-body.gif) repeat-x;
}
form {
	margin:0; 
	padding:0;
}
img {
	border:none;
}
* html #page {
	height:750px;
}
#page {
	margin:0 auto;
	width:862px;
	min-height:750px;
	padding:0;
	background:url(../images/tbof2/bg-page.gif) no-repeat 0 27px;
}
.sitemapLinks {
	font-size:10px;
	color:#6E6C6C;
	text-decoration:none;
	text-transform:uppercase;
}
.readmoreLinks {
	font-size:10px;
	color:#6E6C6C;
	text-decoration:none;
	text-transform:uppercase;
}
.homepageMessage {
	font-size:12px;
	color:#6E6C6C;
	text-decoration:none;
}

.mainmenu {
	position:relative;
	width:862px;
	height:98px;
	background:url(../images/tbof2/bg-top.gif) no-repeat;
	z-index:9999;
}
#mainmenu {
	position:relative;
	width:862px;
	height:98px;
	background:url(../images/tbof2/bg-top.gif) no-repeat;
	z-index:9999;
}
* html #mainmenu h1 {
	top:14px;
}
* + html #mainmenu h1 {
	top:14px;
}
#mainmenu h1 {
	position:absolute;
	left:10px;
	top:2px;
	display:block;
	width:412px;
	height:120px;
	margin:0px 0 0 0px;
	padding:0;
}
#mainmenu h1 span {
	display:block;
	width:350px;
	height:120px;
	background:url(../images/tbof2/logo.png) no-repeat;
}
#mainmenu h1 span a {
	position:relative;
	display:block;
	width:278px;
	height:70px;
	margin:16px 0 0 30px;
	padding:0;
	overflow:hidden;
	text-indent:-9999px;
}
/* Header Nav */
#mainmenu ul {
	display:block;
	margin:6px 0 0 420px;
	padding:50px 0 0;
	list-style:none;
}
#mainmenu ul li {
	margin:0;
	padding:0 10px 0 12px;
	float:left;
	background:url(../images/tbof2/spacer.gif) no-repeat;
}
#mainmenu ul li.first{
	background:none;
}
#mainmenu ul li a {
	font-size:10px;
	font-weight:bold;
	color:#6E6C6C;
	text-decoration:none;
	text-transform:uppercase;
}
#mainmenu ul li a:hover,
#mainmenu ul li.hover a {
	color:#2b6998;
}
#mainmenu ul li.hoverfirst,
#mainmenu ul li.hoverfirst a {
	background:none;
	color:#2b6998;
}
#mainmenu ul li.active a {
	background:url(../images/tbof2/submenuBG.jpg);
	background-repeat:repeat-x;
	color:#ffffff;
}



#submenu {
	position:relative;
	z-index:9999;
	top:-25px;
	float:right;
	margin-right:15px;
}
#submenu ul {
	display:block;
	float:right;
	list-style:none;
}
#submenu ul li {
	margin:0;
	padding:0 10px 0 12px;
	float:left;
	background:url(../images/tbof2/submenuBG.jpg);
	background-repeat:repeat-x;
}
#submenu ul li.first{
	background:url(../images/tbof2/submenuBG.jpg);
	background-repeat:repeat-x;
}
#submenu ul li a {
	font-size:10px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
}
#submenu ul li a:hover,
#submenu ul li.hover a {
	color:#2b6998;
}
#submenu ul li.hoverfirst,
#submenu ul li.hoverfirst a {
	background:none;
	color:#2b6998;
}













/* Home Middle */
#middle {
	position:relative;
	width:862px;
	z-index:10;	
}
#middle h2, #middle p, #middle ul, div#featured {
	display:block;
	position:absolute;
	color:#fff;
}
#middle h2 em {
	font-size:17px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#A5C7F1; /*display:none;*/
}
#middle h2 {
	left:70px;
	top:-180px;
	font-size:22px;
}
* html #middle h2 {/* IE 6- */
	top:-160px;
}
* + html #middle h2 {/* IE 7+ */
	top:-160px;
}
#middle p {
	width:405px;
	left:70px;
	top:-140px;
	font-size:15px;
	line-height:19px;
}
* html #middle p {/* IE 6- */
	top:-120px;
}
* + html #middle p{/* IE 7+ */
	top:-120px;
}

/* Sub Middle */
#submiddle {
	position:relative;
	width:862px;
	z-index:81;	
}
#submiddleWindow {
	position:absolute;
	left:0px;
	top:-200px;
	color:#fff;
	width:892px;	
	padding: 0 0 0 70px;
	height:182px;	
/*	border:#00FF00 1px solid;*/
}
#submiddleWindow h2, #submiddleWindow p, #submiddleWindow ul, #submiddleWindow ol {
	display:block;
	color:#fff;
}
#submiddleWindow h2 {
	font-size:22px;
	margin:10px 0 0 0;
	padding:0;
}
#submiddleWindow h2 em {
	font-size:17px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#A5C7F1; /*display:none;*/
}
#submiddleWindow p {
	font-size:13px;
	line-height:16px;
	margin: 0 0 8px 0;
}
#submiddleWindow div.one  {
	float:left;
	width:280px;
	padding:5px 25px 0 0;
}
#submiddleWindow div.two  {
	float:left;
	width:280px;
	padding:5px 0 0 0;
}
#submiddleWindow div.three  {
	float:left;
	width:280px;
	padding:5px 0 0 0;
}
#submiddleWindow div.rone  {
	float:left;
	width:180px;
	padding:5px 25px 0 0;
}
#submiddleWindow div.rtwo  {
	float:left;
	width:220px;
	padding:5px 0 0 0;
}
#submiddleWindow div.rthree  {
	float:left;
	width:180px;
	padding:5px 0 0 0;
}
#submiddleWindow div.rfour  {
	float:left;
	width:130px;
	padding:5px 0 0 0;
}

#submiddleWindow div.captcha {
	width:580px;
	height:160px;
	padding:5px 0 0 0;
	overflow:auto;
		float:left;

}
#submiddleWindow div.captcha p b 
{
	color:#A5C7F1;
}
#submiddleWindow div.captcha img 
{
	float:left;
}
#submiddleWindow div.captchaRight {
	width:220px;
	height:160px;
	padding:5px 0 0 0;
	overflow:auto;
		float:left;

}
#submiddleWindow div.full {
	width:590px;
	height:160px;
	padding:5px 0 0 0;
	overflow:auto;
}
#submiddleWindow div.full p a 
{
	color:#A5C7F1;
}
#submiddleWindow div.semifull {
	width:450px;
	padding:5px 0 0 0;
}

#submiddleWindow p a:link,
#submiddleWindow p a:visited {
	color:#2b6998;
}
#submiddleWindow p a:hover{
	color:#2b6998;
}
#submiddleWindow p span.title {
	font-weight:bold;
	font-size:15px;
	color:#7FB223;
	display:block;
	margin:0 0 0 0;
}
#submiddleWindow strong {
	font-weight:normal;
}
.link {color:#2b6998; text-decoration:underline;}

/* AKA:The Sub Nav */
#submiddleWindow ul.subnav {
	position:absolute;
	margin:0;
	padding:0 0 0 0px;
	list-style:none;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#444340;
	height:130px;
	top:30px;
	left:668px;
}
#submiddleWindow ul.subnav li {
	margin-top:1px;
	padding-left:10px;
}
#submiddleWindow ul.subnav li a {
	display:block;
	width:108px;
	height:19px;
	padding:6px 0 0 24px;
	font-size:11px;
	color:#F9F2F2;
	text-decoration:none;
	text-transform:uppercase;
	background:url(../images/tbof2/but-subInactive.gif) no-repeat 0 3px;
}
#submiddleWindow ul.subnav li a:hover,
#submiddleWindow ul.subnav li a.active {
	background:url(../images/tbof2/but-subActive.png) no-repeat 0 3px;
}



#submiddleWindow ul.subnav2 {
	position:absolute;
	margin:0;
	padding:0 0 0 0px;
	list-style:none;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#444340;
	height:205px;
	top:-5px;
	left:668px;
}
#submiddleWindow ul.subnav2 li {
	margin-top:1px;
	padding-left:10px;
}
#submiddleWindow ul.subnav2 li a {
	display:block;
	width:108px;
	height:19px;
	padding:6px 0 0 24px;
	font-size:11px;
	color:#F9F2F2;
	text-decoration:none;
	text-transform:uppercase;
	background:url(../images/tbof2/but-subInactive.gif) no-repeat 0 3px;
}
#submiddleWindow ul.subnav2 li a:hover,
#submiddleWindow ul.subnav2 li a.active {
	background:url(../images/tbof2/but-subActive.png) no-repeat 0 3px;
}




#submiddleWindow ul.subnavHome {
	position:absolute;
	margin:0;
	padding:0 0 0 0px;
	list-style:none;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#444340;
	height:205px;
	top:-5px;
	left:668px;
}
#submiddleWindow ul.subnavHome li {
	margin-top:1px;
	padding-left:10px;
}
#submiddleWindow ul.subnavHome li a {
	display:block;
	width:108px;
	height:19px;
	padding:6px 0 0 24px;
	font-size:11px;
	color:#F9F2F2;
	text-decoration:none;
	text-transform:uppercase;
	background:url(../images/tbof2/but-subInactive.gif) no-repeat 0 3px;
}
#submiddleWindow ul.subnavHome li a:hover,
#submiddleWindow ul.subnavHome li a.active {
	background:url(../images/tbof2/but-subActive.png) no-repeat 0 3px;
}





#bigpicture-popupMain ul.subnav {
	position:absolute;
	margin:0;
	padding:0 0 0 0px;
	list-style:none;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#444340;
	height:205px;
	top:85px;
	left:628px;
}
#bigpicture-popupMain ul.subnav li {
	margin-top:1px;
	padding-left:10px;
}
#bigpicture-popupMain ul.subnav li a {
	display:block;
	width:108px;
	height:19px;
	padding:6px 0 0 24px;
	font-size:11px;
	color:#F9F2F2;
	text-decoration:none;
	text-transform:uppercase;
	background:url(../images/tbof2/but-subInactive.gif) no-repeat 0 3px;
}
#bigpicture-popupMain ul.subnav li a:hover,
#bigpicture-popupMain ul.subnav li a.active {
	background:url(../images/tbof2/but-subActive.png) no-repeat 0 3px;
}







/* Special Middle Alignments */

/* News Listings */
#submiddle ul.newsList {margin:0;padding:0; list-style:none; overflow:hidden; position:relative; display:block; height:100px; z-index:81;}
#submiddle ul.newsList li {margin:0;padding:0;border-bottom:1px solid #666666;}
#submiddle ul.newsList li a {
	display:block;
	width:580px;
	height:20px;
	padding:5px 0 0 15px;
	font-size:13px;
	color:#F9F2F2;
	text-decoration:none;
	text-transform:none;
	background:url(../images/tbof2/but-subInactive.gif) no-repeat -10px 3px;
}
#submiddle ul.newsList li a:hover,
#submiddle ul.newsList li a.active {
	background: #2b6998 url(../images/tbof2/but-subInactive.gif) no-repeat -6px 3px;
	color:#FFFFFF;
}
#submiddle ul.newsList li a strong {}
#submiddleWindow br {clear:both;}
#submiddleWindow ul.newsList li a .date {
		font-weight:bold;
		text-transform:capitalize;
		width:130px;
		display:block;
		float:left;
		margin:0 10px 0 0;
		border-right:#666666 1px solid;
	}
#submiddleWindow ul.newsList li a img {
		width:15px;
		margin:0 10px 0 0 ;
		float:left;
	}
#submiddleWindow a.jcarousel-prev,
#submiddleWindow a.jcarousel-next {
	width:81px;
	height:15px;
	float:right;
	margin:8px 0 5px 0px;
	display:block;
	text-indent:-9999px;
	background:url(../images/tbof2/but-down.gif) no-repeat 0px;

}
#submiddleWindow a.jcarousel-prev{float:left;background:url(../images/but-up.gif) no-repeat 0px;}


/* Top Ten List */
#submiddle ol.toptenList {font-size: 13px;width:237px;padding:0 0 0 40px;margin:15px 0;}
#submiddle ol.toptenList li {margin:1px 0 0 0;padding:0 0 2px 0;}
#submiddle ol.toptenList li a {
	display:block;
	width:250px;
	height:20px;
	padding:1px 0 0 13px;
	font-size:13px;
	color:#F9F2F2;
	text-decoration:none;
	text-transform:none;
	background:url(../images/tbof2/but-subInactive.gif) no-repeat -12px 0px;
}
#submiddle ol.toptenList li a:hover,
#submiddle ol.toptenList li a.active {
	background:url(../images/tbof2/but-subInactive.gif) no-repeat -12px 0px;
	text-decoration:underline;
	color:#2b6998;
}
#submiddle ol.toptenList li a strong {}

/* Jobs Listings */
#submiddle ul.jobList {margin:0;padding:0px 0 0 20px;list-style:none;border:none;}
#submiddle ul.jobList li {margin-top:1px;padding-left:0px;}
#submiddle ul.jobList li a {
	display:block;
	width:250px;
	height:20px;
	padding:1px 0 0 17px;
	font-size:13px;
	color:#F9F2F2;
	text-decoration:none;
	text-transform:none;
	background:url(../images/tbof2/but-subInactive.gif) no-repeat -10px 0px;
}
#submiddle ul.jobList li a:hover,
#submiddle ul.jobList li a.active {
	background: #2b6998 url(../images/tbof2/but-subInactive.gif) no-repeat -6px 0px;
	color:#FFFFFF;
}
#submiddle ul.jobList li a strong {	}


/* Directions List */
#submiddle ol.directionsList {padding:0 0 0 40px;margin:0;}
#submiddle ol.directionsList li {margin-top:1px;padding-left:0px;}
#submiddle ol.directionsList li a {
	display:block;
	font-size:13px;
	color:#F9F2F2;
	text-decoration:none;
	text-transform:none;
}
#submiddle ol.directionsList li a:hover,
#submiddle ol.directionsList li a.active {
	background-color:#2b6998;
	padding:0 0 0 10px;
}
#submiddle ol.directionsList li a strong {}

/* RFP Buttons */
#submiddleWindow a.iwantWeb,
#submiddleWindow a.iwantVideo,
#submiddleWindow a.iwantIdentity {
	width:173px;
	height:33px;
	border:none;
	margin:0 0 5px 30px;
	display:block;
	text-indent:-9999px;
	background:url(../images/tbof2/but-iwantWeb.gif) no-repeat 0px;
}
#submiddleWindow a.iwantVideo{background:url(../images/tbof2/but-iwantVideo.gif) no-repeat 0px;}
#submiddleWindow a.iwantIdentity {background:url(../images/tbof2/but-iwantIdentity.gif) no-repeat 0px;}



/* Sub Middle FULL for POP UPS{{{{}}}}}} Word homey! Hi Mom */
#submiddleFull {
	position:relative;
	width:862px;
	z-index:900;
}
#submiddleContent {
	position:absolute;
	left:60px;
	top:-40px;
	color:#fff;
	width:680px;
	height:310px;	
	z-index:901;
	overflow:auto;
}
#submiddleContent h2, #submiddleContent h3, #submiddleContent p{
	display:block;	
}
#submiddleContent h2 {
	font-size:22px;
	margin:0;
	padding:0;
}
#submiddleContent h2 em {
	font-size:17px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#A5C7F1; /*display:none;*/
}
#submiddleContent h3 {
	font-size:14px;
	margin:0;
	padding:0;
}
#submiddleContent p {
	font-size:12px;
	line-height:16px;	
	padding-right:20px;
}
#submiddleContent p a:link,
#submiddleContent p a:visited {
	color:#2b6998;
}
#submiddleContent p a:hover{
	color:#2b6998;
}
#submiddleContent p span.title {
	font-weight:bold;
	font-size:15px;
	color:#7FB223;
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#submiddleContentMain {
	position:absolute;
	left:60px;
	top:-40px;
	color:#fff;
	width:550px;
	height:310px;	
	z-index:901;
	overflow:auto;
}
#submiddleContentMain h2, #submiddleContentMain h3, #submiddleContentMain p{
	display:block;	
}
#submiddleContentMain h2 {
	font-size:22px;
	margin:0;
	padding:0;
}
#submiddleContentMain h2 em {
	font-size:17px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#A5C7F1; /*display:none;*/
}
#submiddleContentMain h3 {
	font-size:14px;
	margin:0;
	padding:0;
}
#submiddleContentMain p {
	font-size:12px;
	line-height:16px;	
	padding-right:20px;
}
#submiddleContentMain p a:link,
#submiddleContentMain p a:visited {
	color:#2b6998;
}
#submiddleContentMain p a:hover{
	color:#2b6998;
}
#submiddleContentMain p span.title {
	font-weight:bold;
	font-size:15px;
	color:#7FB223;
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#bigpicture-popup a.return {
	position:absolute;
	top:370px;
	left:360px;
	width:81px;
	height:15px;
	text-indent:-9999px;
	font-size:1px;
	display:block;	z-index:902;	
	background:url(../images/tbof2/but-return.gif) no-repeat;
	cursor:pointer;
}
#bigpicture-popup a.cancel {
	position:absolute;
	top:370px;
	left:441px;
	width:81px;
	height:15px;
	text-indent:-9999px;
	font-size:1px;
	display:block;	z-index:902;	
	background:url(../images/tbof2/but-cancel.gif) no-repeat;
}
#bigpicture-popup input.send {
	cursor:pointer;
	position:absolute;
	top:370px;
	left:279px;
	width:81px;
	height:15px;
	text-indent:-9999px;
	font-size:0px;
	display:block;
	background:url(../images/tbof2/but-send.gif) no-repeat !important;
	border:none;
	line-height:0px;
}
#submiddleContent .FormBox{
	width:665px;	
	text-align:left; 
}
#submiddleContent .FormBox .floatleft{
	width:310px;
	text-align:left;
	float:left;
}
#submiddleContent .FormBox .floatright{
	width:310px; 
	text-align:left;
	float:right;

}


#homeoffer {
	width:200px;
	position:relative;
	left:-165px;
	top:130px;
}
#submiddleWindow div.homemain p a 
{
	color:#A5C7F1;
}
#homemain {
	width:510px;
	position:relative;
	left:90px;
	top:-195px;
}
#submiddleWindow div.homemain p a 
{
	color:#A5C7F1;
}


#flashfooter {
	width:700px;
	position:relative;
	left:40px;
	top:30px;
}

#flashfooterDiv 
{
	background:url(../images/tbof2/nonflash/2.png) no-repeat;
	width:700px;
	position:absolute;
	left:40px;
	top:30px;
}


/* Footer */
#footer {
	clear:both;
	width:770px;
	margin:25px auto;
	padding:0;
	border-top:1px #E6E6E6 solid;
}
* html #footer ul {
	margin-top:0;
}
#footer ul {
	display:block;
	position:static;
	width:450px;
	float:left;
	margin:0;
	padding:13px 0 0;
	list-style:none;
	color:#2b6998;
}
#footer ul li {
	float:left;
	padding:0 5px;
	background:url(../images/tbof2/spacer-footer.gif) no-repeat 0 2px;
	font-size:10px;
}
#footer ul li.first {
	float:left;
	padding:0 5px;
	background:none;
	font-size:10px;
}
#footer ul li a {
	text-decoration:none;
	color:#2b6998;
	font-size:10px;
}
#footer div {
	display:block;
	float:right;
	margin:0;
	padding:13px 0 0;
	color:#2b6998;
	font-size:10px;
}


/* Work */
#work {position:absolute; height:170px; top:-430px; left:100px;}
#work a {display:inline; background:none;}
#work a img{padding:0px 5px 5px;}
#work span.jcarousel-next{
	background-image:url(../images/tbof2/but-workMore.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	font-size:1px;
	height:188px;
	width:16px;
	position:absolute;
	top:-10px;
	left:711px;
	cursor:pointer;
}
#work span.jcarousel-prev{
	background-image:url(../images/tbof2/but-workPrevious.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	font-size:1px;
	height:188px;
	width:16px;
	position:absolute;
	top:-10px;
	left:-60px;
	cursor:pointer;
}
#work ul {
	padding:0px;
	margin:0px;
}
#work ul li {
	width:168px;
	height:172px;
	list-style:none;
	float:left;
	display:block;
}


#workSelected {position:absolute; top:20px; left:550px; width:180px;}
#workSelected img {display:block; margin-bottom:10px;}
.work {width:350px;}
#submiddleWindow .work p {background:none;font-size:12px;line-height:16px;}
#WorkContent {
	position:absolute;
	left:50px;
	top:52px;
	color:#fff;
	width:689px;
	height:286px;	
	z-index:901;
	overflow:auto;
	text-align:center;
}



#flash {
	margin:0 0 0 40px;
	position:relative;
	height:406px;
	width:787px;
	z-index:0;
}
#shadow {
	position:relative;
	z-index:3;	
	height:406px;
	width:787px;
	background:url(../images/tbof2/subpages/transparent2.png) no-repeat;
}

#bigpicture {
	margin:0 0 0 40px;
	position:relative;
	height:524px;
	width:787px;
	z-index:0;	
}
#bigpicture-popupMain {
	margin:0 0 0 40px;
	position:absolute;
	height:200px;
	width:600px;
	z-index:899;	
	top:-290px;
}
#bigpicture-popup {
	margin:0 0 0 40px;
	position:absolute;
	height:200px;
	width:787px;
	z-index:899;	
	top:-290px;			
}
.accordionLink {
	color:White;
	background:url(../images/tbof2/but-subInactive.gif) no-repeat -5px 3px;
	padding:6px 0 0 20px;
	font-size:larger;
}
.accordionContent {
	color:#A5C7F1;
	padding:6px 0 0 20px;
}
.accordionContent a {
	color:#A5C7F1;
}

.list1 {
	margin:0;
	padding:0 0 0 0px;
	list-style:none;
}


.homemainlink 
{
	color:#ffffff;
}

/* big pictures */
.workbg { background:url(../images/tbof2/subpages/work.jpg) no-repeat 0 0;}
.workdetail { background:url(../images/tbof2/subpages/workBlur.jpg) no-repeat 0 0;}

.offers { background:url(../images/tbof2/subpages/offers.jpg) no-repeat 0 0;}
.company { background:url(../images/tbof2/subpages/tbofcompany.jpg) no-repeat 0 0;}
.general { background:url(../images/tbof2/subpages/general.jpg) no-repeat 0 0;}
.companydetail { background:url(../images/tbof2/subpages/companyBlur.jpg) no-repeat 0 0;}
.faqs { background:url(../images/tbof2/subpages/faqs2.jpg) no-repeat 0 0;}
.services { background:url(../images/tbof2/subpages/services.jpg) no-repeat 0 0;}
.serviceswebdesign { background:url(../images/tbof2/subpages/webdesign2.jpg) no-repeat 0 0;}
.serviceswebdev { background:url(../images/tbof2/subpages/webdev.jpg) no-repeat 0 0;}
.serviceswebflash { background:url(../images/tbof2/subpages/webflash.jpg) no-repeat 0 0;}
.contact { background:url(../images/tbof2/subpages/tbofcontact.jpg) no-repeat 0 0;}
.contactdetail { background:url(../images/tbof2/subpages/contactBlur.jpg) no-repeat 0 0;}
.portfolio { background:url(../images/tbof2/subpages/portfolio.jpg) no-repeat 0 0;}
.tech1web { background:url(../images/tbof2/subpages/tech1web.jpg) no-repeat 0 0;}
.notfound404 { background:url(../images/tbof2/subpages/404.jpg) no-repeat 0 0;}
.seo { background:url(../images/tbof2/subpages/404.jpg) no-repeat 0 0;}
