/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #ffffff url(img/bg.jpg) top left repeat-x;
color: #384751;
font-family: Arial, Helvetica, sans-serif;
}

.copyright
{
padding-top:15px;
padding-bottom:15px;
text-align:center;
font-size:12px;
color:#999999;
}
.callout
{
padding-top:35px;
text-align:center;
font-size:15px;
color:#999999;
font-weight:bold;
}

.tablewrap 
{
width: 100%;
padding-top: 0;
padding: 0;
margin: 0;
}

#wrap
{
position: relative;
margin: auto;
width: 900px;
}

	#header
	{
	position: relative;
	padding-top: 45px;
	height: 28px;
	}
	
		#nav
		{
		position: relative;
		float: right;
		font-size: 1.2em;
		}
		
			#nav li
			{
			position: relative;
			float: left;
			text-transform:uppercase;
			padding: 0px 0px 0 15px;
			color: #ffffff;
			/*
			background: url(img/libg1.gif) top left;
			*/
			}
			
			#nav li a
			{
			position: relative;
			float: left;
			color: #ffffff;
			/*
			background: url(img/n1a.gif) top left no-repeat;
			*/
			text-decoration: none;
			text-transform:uppercase;
			}
			
				/*
				#nav li a span
				{
				position: absolute;
				top: 0px;
				right: 0px;
				width: 12px;
				background: url(img/n1b.gif) top right no-repeat;
				}
				*/
				
				#nav li a:hover
				{
				text-decoration:underline;
				}
				
				#nav li.active
				{
				text-decoration:underline;
				}
				/*
				#nav li:hover, #nav li.sfhover, #nav li.active
				{
				background: url(img/libg2.gif) top left;
				}
				
				#nav li a:hover, #nav li.active a
				{
				background: url(img/n2a.gif) top left no-repeat;
				}
				
				#nav li a:hover span, #nav li.active a span
				{
				background: url(img/n2b.gif) top right no-repeat;
				}
				*/

	#logobox
	{
	position: relative;
	margin-top: 22px;
	}
	
		#logo
		{
		position: relative;
		height: 84px;
		background: url(img/logo_tagline.gif) top right no-repeat;
		padding-bottom:1em;
		text-indent: -9999em;
		}
	
		#logobox h1
		{
		position: relative;
		padding-top:69px;
		float: right;
		width: 450px;
		font-size: 16px;
		text-align: left;
		color:#666666;
		font-family: Helvetica, Verdana, sans;
		text-align:right;
		font-weight:bold;
		/*
		line-height: 1em;		
		*/
		}
	
	
	#pagewrap
	{
	position: relative;
	padding-top: 15px;
	font-size: 1.2em;
	}
	
		#colOne
		{
		position: relative;
		float: left;
		width: 241px;
		padding-top: 1px;
		text-align: left;
		}
		
			.sblist
			{
			position: relative;
			padding-bottom: 40px;
			}
			
				.sblist li
				{
				position: relative;
				margin-top: -1px;
				}
				
				* html .sblist li
				{
				height: 20px;
				margin-bottom: -4px;
				}
				
				.sblist li a
				{
				position: relative;
				display: block;
				padding: 7px 0 6px 8px;
				color: #91000e;
				border-top: 1px solid #8d830e;
				border-bottom: 1px solid #8d830e;
				text-decoration: none;
				}
				
				.sblist li a:hover, .sblist li.active a
				{
				background: #91000e;
				color: #fff;	
				}
			
			h2#contact
			{
			position: relative;
			padding-top: 28px;
			background: url(img/contact.gif) top left no-repeat;
			font-size: .9em;
			color: #742300;
			font-style: italic;
			padding-bottom: 1em;
			}
			
				h2#contact span
				{
				position: relative;
				display: none;
				text-indent: -9999em;
				}
				
			h2#os
			{
			position: relative;
			padding-top:20px;
			background: url(img/heard.gif) top left no-repeat;
			font-size: .9em;
			color: #742300;
			font-style: italic;
			padding-bottom: 1em;
			}
			
			.indexPadding
			{
			padding-bottom:1em;
			}
			
				h2#os span
				{
				position: relative;
				display: none;
				text-indent: -9999em;
				}
			
			#colOne p
			{
			position: relative;
			line-height: 1.3em;
			}
			
			.setSBheight
			{
	position: relative;
	height: 173px;
			}
			
			h1.announce
			{
			position: relative;
			padding-bottom: 22px;
			font-size: 1.7em;
			text-align: left;
			color: #004369;
			font-family: Georgia;
			line-height: 1em;		
			}
			
			.feature
			{
			font-size: 1.1em;
			color: #384751;
			padding-bottom: 1em;
			}
			
				.feature span
				{
				color: #03a9d9;
				}
			
			#whybongo
			{
			position: relative;
			float: right;
			height: 36px;
			width: 113px;
			background: url(img/why.gif) top left no-repeat;
			}
			
			.morewrap
			{
			position: relative;
			text-align: left;
			}
			
				.morewrap a
				{
				color: #03a9d9;
				}
				
				.morewrap a:hover
				{
				text-decoration: underline;
				}
			
		
		#colTwo
		{
		position: relative;
		float: left;
		width: 624px;
		padding-left: 34px;
		text-align: left;
		}
		
			#landing
			{
			position: relative;
			padding-bottom: 20px;
			}
			
				#landing img
				{
				display: block;
				}
				
				img.border
				{
				border: 1px solid #9CCCDA;
				}
				
				#git
				{
				position: absolute;
				height: 51px;
				width: 183px;
				text-indent: -9999em;
				display: block;
				left: 64px;
				bottom: 42px;
				}
				
			#colTwo h1
			{
			position: relative;
			font-size: 1em;
			color: #384751;
			font-weight: bold;
			text-transform: uppercase;
			font-size: 1.2em;
			padding-bottom: 1em;
			}
			
			#colTwo p
			{
	position: relative;
	line-height: 1.3em;
			}
			
			.starlist
			{
	position: relative;
	padding-left: 25px;
	padding-bottom: 1em;
			}
			
				.starlist li
				{
				position: relative;
				line-height: 1.5em;
				}
			
			.colSplit
			{
	position: relative;
	padding: 0px 0 10px 0;
			}
			
				.splitRight
				{
	position: relative;
	float: right;
	width: 284px;
				}
				
				.splitLeft
				{
	position: relative;
	float: left;
	width: 284px;
				}
				
			h2#client
			{
			position: relative;
			padding-top:20px;
			background: url(img/client.gif) top left no-repeat;
			font-size: .9em;
			color: #742300;
			font-style: italic;
			padding-bottom: 1em;
			}
			
				h2#client span
				{
				position: relative;
				display: none;
				text-indent: -9999em;
				}
			
			h2#meet
			{
			position: relative;
			padding-top:20px;
			background: url(img/client.gif) top left no-repeat;
			font-size: .9em;
			color: #742300;
			font-style: italic;
			padding-bottom: 1em;
			}
			
				h2#meet span
				{
				position: relative;
				display: none;
				text-indent: -9999em;
				}
			

#footer
{
position: relative;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding-top: 35px;
color: #fff;
font-size: .9em;
text-align: left;
background-color:#9999CC;

/*
background: #3f2710 url(img/footer.gif) top left repeat-x;
*/
}

	#foot
	{
	position: relative;
	margin: auto;
	width: 900px;
	}
	
		#foot h3
		{
		position: relative;
		font-size: 1.1em;
		font-family: Georgia;
		text-transform: uppercase;
		padding: 0 0 1em 0;	
		}
		
		#foot a
		{
		color: #0094c0;
		text-decoration: underline;
		}
		
		#foot a:hover
		{
		text-decoration: none;
		}
		
		#foot p
		{
		position: relative;
		line-height: 1.3em;
		padding-bottom: 1.3em;
		}
	
		.box1
		{
		position: relative;
		float: left;
		width: 245px;
		}
		
		.box2
		{
		position: relative;
		float: left;
		padding-left: 85px;
		width: 245px;
		}
		
		.box3
		{
		position: relative;
		float: left;
		padding-left: 40px;
		width: 245px;
		}
		
		.starlist2
		{
		padding-left: 12px;
		line-height: 1.3em;
		}

	
	.final
	{
	position: relative;
	clear: both;
	padding-top: 22px;
	padding-bottom: 35px;
	}
		



/* USED TO MAKE "BONGO" BOLD AND BLUE. DEACTIVATED B/C IT MAKES THEM LOOK LIKE LINKS.

.bongo
{
font-weight: bold;
color: #03a9d9;
}*/

a:hover
{
text-decoration: none;
}

a
{
color: #0094c0;
text-decoration: underline;
}

/* Form CSS Styles --------------------------------------------------------------------------*/

#form {
	font: 14px Arial, sans-serif;
}

#form fieldset {
border:none;
}

#form label {
float: left;
width: 120px;
font-weight: bold;
}

#form input, #form textarea {
width: 180px;
margin-bottom: 10px;
}

#form textarea {
width: 250px;
height: 150px;
}

#form p {
	font: 14px Arial, sans-serif;
	color: #c1000c;
	font-weight:bold;
}

#form .boxes {
width: 1em;
}

#submitbutton {
margin-left: 120px;
margin-top: 5px;
width: 90px;
}