/* defaults, globals, and miscellaneous
==============================================================================*/
* { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
	}
body {
	font-size: 62.5%; /* sets the stage for using ems */
	text-align: center;
	background: #fff url(../img/bg-body.gif) repeat-x;
	}
hr {
	display: none;
	}
a {
	text-decoration: none;
	}
.clearHack {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	}
#skipLink {
	display: none;
	}

#SEO {
	margin: 0; padding: 0; top: 0; height: 0px;
	font: normal .3em 'lucida grande',tahoma,sans-serif; color:#FFFFFF;
	visibility:hidden; display:none;
}

#testimonial p{
	width: 500px;
	margin: 10px 0 10px 0;
	padding:20px;
	text-align:left; background:url(../img/testimonialBG.jpg) top #f1f1f1;
	border:1px solid #ccc;
	font: normal 1.2em/1.4em 'lucida grande',tahoma,sans-serif;
	color: #555; font-style:italic;
	}

/* inline images
==============================================================================*/
img {
	border: 0; /* removes border in case images have anchor around them */
	}
.inlineImage {
	text-align: center;
	font: normal 1.0em 'lucida grande',tahoma,sans-serif;
	color: #999;
	}
	.inlineImage img {
		padding: 3px;
		border: 1px solid #ccc;
		}
	.noStyle img {
		padding: 0;
		border: 0 none;
		}
.right {
	float: right;
	margin: 1.3em 0 0 2em;
	}
.left {
	float: left;
	margin: 1.3em 2em 0 0;
	}
.center {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}


/* site id and utility links
==============================================================================*/
h1 {
	position: relative;
	height: 70px;
	}
	h1 a {
		display: block;
		position: absolute;
		top: 15px;
		width: 245px;
		height: 79px;
		margin-left: 518px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(../img/logo.gif) no-repeat;
		}
#navUtilities {
	position: absolute;
	top: 35px;
	font: normal 1.0em/1.0em 'lucida grande',tahoma,sans-serif;
	text-transform: uppercase;
	color: #ece9d5;
	}
	#navUtilities a {
		text-decoration: none;
		color: #ece9d5;
		}
	#navUtilities a:hover {
		color: #ff9300;
		}


/* layout setup
==============================================================================*/
#container,
#tccnet,
#wrapper {
	position: relative;
	margin: 0 auto;
	width: 768px;
	}
#tccnet {
	z-index: 50000; /* ensures dropdown is clickable */
	}
#container,
#wrapper {
	text-align: left;
	}
#obligatorySidebar {
	position: relative;
	float: right;
	margin: 0;
	width: 256px;
	background: url(../img/bg-news.jpg) no-repeat;
	font-family: 'lucida grande',tahoma,sans-serif;
	}


/* tcc network dropdown
==============================================================================*/
#tccnet form {
	float: right;
	height: 39px;
	background: url(../img/tccnet-bg.gif) repeat-x;
	}
#tccnet fieldset {
	float: left; /* forces Mozilla to shrink form to size */
	background: transparent url(../img/tccnet-bgleft.gif) no-repeat;
	border: 0 none;
	}
#tccnet label {
	display: block;
	float: left;
	height: 39px;
	background: transparent url(../img/tccnet-bgright.gif) right top no-repeat;
	}
#tccnet select {
	margin: 10px 25px 0;
	font-size: 10px;
	}


/* top-level navigation
==============================================================================*/
#nav {
	height: 28px;
	margin-bottom: 7px;
	list-style: none;
	}
#nav li {
	float: left;
	margin-right: 1px;
	height: 28px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
#nav li a {
	display: block;
	line-height: 28px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */
	}
	#navHome {
		width: 43px;
		background: url(../img/nav-home.gif) no-repeat;
		}
		
	#navCompany {
		width: 150px;
		background: url(../img/nav-company.gif) no-repeat;
		}
	#navServices {
		width: 150px;
		background: url(../img/nav-services.gif) no-repeat;
		}
	#navWork {
		width: 150px;
		background: url(../img/nav-work.gif) no-repeat;
		}
	#navClients {
		width: 115px;
		background: url(../img/nav-clients.gif) no-repeat;
		}
	#navPartners {
		width: 142px;
		background: url(../img/nav-partners.gif) no-repeat;
		}
	#navPortfolio {
		width: 98px;
		background: url(../img/nav-portfolio.gif) no-repeat;
		}
	#navPress {
		width: 104px;
		background: url(../img/nav-press.gif) no-repeat;
		}
#nav li a:hover {
	background-position: 50% -28px;
	}
	#nav li a.currentSection,
	#nav li a.currentSection:hover {
		background-position: 50% -56px;
		}


/* welcome (welcome)
==============================================================================*/
#welcome {
	float: right;
	width: 256px;
	background: #fff;
	}
#welcomeTabs {
	clear: both;
	background: #eae7d2;
	height: 24px;
	}
	#welcomeTabs span {
		display: block;
		float: left;
		height: 24px;
		overflow: hidden;
		}
	#partnershipsTab {
		margin-right: 2px;
		width: 93px;
		cursor: pointer !important;
		background: url(../img/tab-welcome.gif) no-repeat;
		}
	#testiTab {
		width: 161px;
		cursor: pointer !important;
		background: url(../img/tab-perspective.gif) no-repeat;
		background-position: center bottom;
		}
#partnerships,
#testi {
	display: block;
	position: relative;
	margin: 4px 5px 5px;
	width: 246px;
	height: 169px;
	overflow: auto;
	}
#partnerships {
	background: url(../img/welcome-bg.gif) no-repeat;
	}
	#partnerships h2 {
		display: none;
		}
	#partnerships p {
		position: relative;
		float: right;
		right: 10px;
		margin: 40px 0 0 0;
		width: 220px;
		font: normal 1.1em/1.5 'lucida grande',tahoma,sans-serif; 
		text-align: left;
		color: #ffffff;
		}
	#partnerships p a {
		font-weight: bold;
		text-decoration: none;
		color: #ffffff;
		}
	#partnerships p a:hover {
		text-decoration: underline;
		}
#testi {
	display: none;
	background: url(../img/perspective-bg.gif) center top no-repeat;
	}
	#testi h2 {
		display: none;
		}
	#testi p {
		position: relative;
		float: right;
		right: 10px;
		margin: 40px 0 0 0;
		width: 220px;
		font: normal 1.1em/1.5 'lucida grande',tahoma,sans-serif; 
		text-align: left;
		color: #ffffff;
		}
	#testi p a {
		font-weight: bold;
		text-decoration: none;
		color: #ffffff;
		}
	#testi p a:hover {
		text-decoration: underline;
		}


/* current
==============================================================================*/
#current {
	position: relative;
	float: left;
	width: 497px;
	min-height: 202px;
	margin-bottom: 16px; /* to force following elements down */
	background: #fff;
	}
	
	#flashContent {
	position: absolute;
	left: -11px;
	top: -9px;
	overflow: hidden;
	}
	
	#current h2 {
		position: absolute;
		left: -16px;
		width: 16px;
		height: 100px;
		text-indent: -5000px;
		overflow: hidden;
		background: #384451 url(../img/h2-currently.gif) no-repeat;
		}
	#current div {
		margin: 5px 0 0 6px;
		}
	#current p {
		margin: 60px;
		text-align: center;
		font: normal 1.8em 'lucida grande',tahoma,sans-serif;
		color: #555;
		}
		#current p span {
			font-size: .8em;
			color: #999;
			}
	#current a {
		color: #2388ff;
		font-weight: bold;
		}
	

/* headers
==============================================================================*/
#news h2,
#proposal h2,
#services h2,
.feature h2 {
	clear: none;
	margin: 20px 0 7px 10px;
	padding-bottom: 3px;
	font: bold 1.1em/1em 'lucida grande',tahoma,sans-serif;
	color: #384451;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	}
	#services h2,
	.feature h2 {
		margin: 20px 15px 7px 0;
		}
.feature h2 {
		margin: 0px 15px 7px 0;
		}

/* news & announcements
==============================================================================*/
#news {
	position: relative;
	float: left;
	min-height: 258px;
	height: auto;
	}
.newsItem {
	clear: both;
	margin: 10px 0 0 10px;
	}
#news h3 {
	position: relative;
	margin-bottom: -.3em;
	font: normal 1.1em/1.0em 'lucida grande',tahoma,sans-serif;
	color: #2388ff;
	}
	#news h3 span {
		font-size: 9px;
		color: #999;
		}

#news .newsItem p {
	margin: .5em 0 .5em 0;
	font: normal 1.0em/1.4em 'lucida grande',tahoma,sans-serif;
	color: #555;
	}

#news .withThumb h3,
#news .withThumb p {
	}

#news img {
	padding: 2px;
	float: right;
	margin-left: 7px;
	background: #fff;
	border: 1px solid #ccc;
	}
	#news img.l {
		}
	#news img.r {
		}


/* proposal
==============================================================================*/
#proposal {
	float: left;
	width: 100%;
	font: normal 1.1em/1em 'lucida grande',tahoma,sans-serif;
	}
#proposal ul {
	width: 100%;
	list-style: none;
	}
#proposal li {
	margin: 0 0 0 10px;
	padding: 8px 3px;
	font: normal 1.0em/1.4em 'lucida grande',tahoma,sans-serif;
	color: #555;
	border-bottom: 1px solid #eee;
	}
#proposal li span {
	float: right;
	}

#news a,
#proposal a {
	color: #2388ff;
	font-weight: bold;
	}
#news a:hover,
#proposal a:hover {
	text-decoration: underline;
	color: #333;
	background-color: #ffc;
	}

#news p.archiveLink,
#proposal p.archiveLink {
	clear: both;
	margin: 10px 0 10px 10px;
	border-top: 1px solid #ccc;
	}
	#news .archiveLink a,
	#proposal .archiveLink a {
		display: block;
		float: right;
		padding-right: 20px;
		color: #777;
		font: normal 9px/3em 'lucida grande',tahoma,sans-serif;
		}
#news .archiveLink a {
	background: url(../img/icon-document.gif) 100% 50% no-repeat;
	}
#proposal .archiveLink a {
	background: url(../img/icon-calendar.gif) 100% 50% no-repeat;
	}


/* service information
==============================================================================*/
#services {
	position: relative;
	float: left;
	width: 512px;
	min-height: 250px;
	height: auto;
	background: url(../img/bg-services.jpg) right top no-repeat;
	}
#serviceInfo {
	position: relative;
	float: left;
	right: 15px;
	width: 498px;
	}
	#serviceInfo a {
		color: #2388ff;
		font-weight: bold;
		}
	#serviceInfo a:hover {
		text-decoration: underline;
		color: #333;
		background: #ffc;
		}
	#serviceInfo .left {
		position: relative;
		left: 15px;
		margin-right: 30px;
		}
	#serviceInfo h3 {
		margin: 10px 0 -5px 15px;
		font: normal 1.4em 'lucida grande',tahoma,sans-serif;
		color: #555;
		}
	#serviceInfo p {
		margin: 10px 0 10px 15px;
		font: normal 1.1em/1.45em 'lucida grande',tahoma,sans-serif;
		color: #777;
		}
	#serviceInfo ul {
		clear: left;
		margin: 10px 0 10px 15px;
		padding: 15px;
		list-style: none;
		font: normal 1.0em/1.4em 'lucida grande',tahoma,sans-serif;
		color: #555;
		background: #ffc;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		}
	#serviceInfo ul li {
		margin: 5px 0;
		}
#ministryList {
	position: relative;
	float: left; /* prevents margin collapse */
	width: 137px;
	list-style: none;
	font: bold 1.0em/1.1em 'lucida grande',tahoma,sans-serif;
	color: #777;
	background: url(../img/bg-campuses.jpg) right top repeat-y;
	}
	#ministryList li {
		margin: .05em 0;
		}
	#ministryList li#listTop {
		margin-top: 0;
		background: url(../img/bg-servicestop.jpg) right top no-repeat;
		}
	#ministryList li#listBottom {
		margin-bottom: 0;
		background: url(../img/bg-servicesbottom.jpg) right bottom no-repeat;
		}
	#ministryList li ul {
		margin: 0 0 .50em;
		list-style: none;
		}
	#ministryList li ul li {
		position: relative;
		margin: 0;
		padding-left: 6px;
		font-weight: normal;
		background: url(../img/arrow-miniorange.gif) 0 50% no-repeat;
		}
#ministryList a,
#ministryList span {
	display: block;
	min-height: 1.55em;
	padding-top: .45em;
	color: #777;
	cursor: pointer; /* forces hyperlink cursor, just in case */
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-color: transparent;
	}
	#ministryList span { cursor: default; }
#ministryList a:hover {
	color: #2388ff;
	background: white;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
#siGC ul {
	display: none;
	}


/* features
==============================================================================*/
.feature {
	position: relative;
	float: left;
	width: 512px;
	}
.feature a {
	margin-right: 7px;
	}
	.feature a.endRow {
		margin-right: 0;
		}
.feature a img {
	padding: 3px;
	border: 1px solid #ccc;
	}
.feature a:hover img {
	background: #ffc;
	border: 1px solid #2388ff;
	}

/* folioThunmbnails
==============================================================================*/
.folioTH {
	position: relative;
	float: left;
	width: 520px;
	}
.folioTH a {
	margin-right: 7px;
	}
	.folioTH a.endRow {
		margin-right: 0;
		}
.folioTH a img {
	padding: 3px;
	border: 1px solid #ccc;
	}
.folioTH a:hover img {
	background: #ffc;
	border: 1px solid #2388ff;
	}
	
/* footer
==============================================================================*/
#footer {
	position: relative;
	clear: both;
	margin-top: 20px;
	padding: 20px 0;
	background: #3A4C55 url(../img/bg-footer.jpg) repeat-x;
	}
#siteMap,
#copyright {
	margin-top: 0;
	}
#siteMap {
	float: left;
	width: 497px;
	}
#siteMap .column {
	float: left;
	width: 165px;
	}
#siteMap li {
	list-style: none;
	font: normal 1.1em/1em 'lucida grande',tahoma,sans-serif;
	}
#siteMap li a {
	display: block;
	padding: .36em .18em;
	font-weight: bold;
	color: #ece9d5;
	}
	#siteMap li li a {
		padding-left: 10px;
		font-size: .81em;
		line-height: 1em;
		font-weight: normal;
		color: #ece9d5;
		background: url(../img/arrow-miniorange.gif) left center no-repeat;
		}
#siteMap li a:hover {
	text-decoration: underline;
	color: #ff9300;
	/*background: #3e362f;*/
	}
	#siteMap li li a:hover {
		text-decoration: underline;
		/*background: #3e362f url(../img/arrow-miniorange.gif) left center no-repeat;*/
		}
#copyright {
	float: right;
	width: 256px;
	background: #23353D;
	border: 1px solid #797066;
	}
#copyright p {
	margin: 15px 10px;
	font: normal 1em/1.2em 'lucida grande',tahoma,sans-serif;
	color: #eae7d2;
	}
#copyright strong {
	font-size: 1.0em;
	font-weight: normal;
	color: white;
	}
#copyright a {
	font-weight: bold;
	color: #60bffb;
	}
#copyright a:hover {
	text-decoration: underline;
	color: white;
	}

/* sIFR
==============================================================================
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	}
.sIFR-replaced {
	visibility: visible !important;
	}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}
.sIFR-hasFlash #news h2,
.sIFR-hasFlash #proposal h2,

.sIFR-hasFlash #services h2,
.sIFR-hasFlash .feature h2 {
 	visibility: hidden;
 	}
.sIFR-hasFlash #content h2,
.sIFR-hasFlash #content h3,
.sIFR-hasFlash #sideBar h2 {
	visibility: hidden;
 	}
.sIFR-hasFlash #content h2 {
 	letter-spacing: -9px;
 	font-size: 36px;
 	line-height: 30px;
 	}
.sIFR-hasFlash #content h3 {
	margin-bottom: -5px;
	}
 .sIFR-hasFlash #content #serviceInfo h3 {
 	visibility: visible !important;
	}
	*/
	
	/* ------------------------------------------ Begin Form Layout ------------------------------------------ */

textarea:focus, select:focus, input:focus {
	background:#E1E7E0;    
	}

fieldset { 
	font: normal 1.0em/1.1em 'lucida grande',tahoma,sans-serif;
	border: 1px solid #ccc;
	margin: 1px 0 7px 10px;
	padding: 10px;
	padding-bottom: .75em;
	width: 225px;
}

legend {
    background: transparent;
	font: bold 1.1em/1em 'lucida grande',tahoma,sans-serif;
	color: #384451;
	text-transform: uppercase;
    margin: 0 0 .75em 0;
    padding: 0 .5em 0 .5em;
}

label {
	font: normal 1.0em/1.1em 'lucida grande',tahoma,sans-serif;
	color: #666;
    float: left;
	text-align:left;
	font-size: 11px;
    width: 125px;
    padding: 2px 0 3px 0;
}

fieldset div {
    margin-bottom: .55em;
    padding: 0px;
    display: block;
}

.fm-TextBox, fieldset div input.fm-TextBox, fieldset div textarea.fm-TextArea  {
	font-size: 11px;
    width: 221px;
    border: #ccc 1px solid; 
    padding: 1px;
    color: #666666;
}

.fm-TextArea{
	font-size: 11px;
    width: 213px;
	height: 100px;
    border: #ccc 1px solid; 
    padding: 1px;
    color: #666666;
}

.fm-DropDown {
    color: #666666;
	width: 225px;
    border: #AAB8C5 1px solid; 	
	font-size: 11px;
}
fieldset div select {
    padding: 1px;
}

div.fm-multi div {
    margin: 5px 0;
}

div.fm-multi input {
    width: 1em;
}

div.fm-multi label {
    display: block;
    width: 200px;
    padding-left: 5em;
    text-align: left;
}

#fm-submit {
    clear: both;
    padding-top: 1em;
    text-align: center;
}

#fm-submit input {
    border: 1px solid #999999;
    padding: 2px 1em;
    background: #ccc;
    color: #666;
    font-size: 80%;
	font: normal 1.0em/1.1em 'lucida grande',tahoma,sans-serif;
}

div.fm-note {
	font-size: 90%;
	font-style: italic;
}

/* required fields - does not work in IE */
fieldset div.fm-req label {
	color: #CF6717;
    font-weight: bold;
}

fieldset div.fm-req label:before {
    content: "* "; /* does not work in IE */
}

fieldset div.fm-req label.fm-DataHolder:before {
    content: ""; /* does not work in IE */
}

label.fm-DataHolder {
	border: 1px solid #D0Dade;
	width: 250px;
	font-weight: normal !important;
	color: #666666 !important;
	font-size: 100%;
	padding: .15em;
	overflow: hidden;
	margin-top: .15em;
	margin-bottom: .15em;	
}
/* ------------------------------------------ End Form Layout ------------------------------------------ */
/*
.box-contain div.twitter_div {
width:220px;
}

.box-contain .box-content {
background:url('../../img/box-tall-bg-top.png') 0 0 no-repeat;
padding:1px 20px 1px;
}

.box-contain .box-bottom {
background:url('../../img/box-tall-bg-bottom.png') 0 0 no-repeat;
height:16px;
}

#aux-accessories div.box-content ul.product-list li a {
padding-top:10px;
line-height:1.3em;
}

#aux-accessories div.box-content ul.product-list span.original-price {
bottom:25px;
left:85px;
position:relative;
}

#aux-accessories div.box-content ul.product-list span.sale-price {
bottom:25px;
left:80px;
position:relative;
color:red;
}

#aux-accessories div.box-content ul.product-list li a img {
float:left;
display:block;
margin:-10px 8px 0 5px;
padding:10px 0 5px;
}
*/

#twitter_div {
	background-image: url('../../img/twitterbg.png');
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-top:10px;
	padding-top: 30px;
	padding-right: 5px;
	padding-left: 5px;
}
 
#twitter_div ul li {
	color: #0C93BA;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #A1E8F7;
	list-style: none;
	padding: 5px 0px 5px 3px;
}
 
#twitter_div ul li a {
	text-decoration: none;
	color: #DDA84E;
}
 
#twitter_div ul li a:hover {
	text-decoration: none;
	color: #D78E42;
}
 
#twitter_div p {
	text-align: right;
	padding-right: 6px;
	padding-bottom: 10px;
}