/* This is the main CSS sheet; it primarily affects the site.master and handles the placement of most major layout divs */
body {
	background: transparent url(../images/body_bg.png) repeat-x;
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
a {
	text-decoration: none;
}
#dots {
	background: transparent url(../images/dots_bg2.jpg) no-repeat center 409px;
	min-height: 770px;
}
#container {
	width: 992px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	background: transparent url(../images/logo2Small.gif) no-repeat;
	height: 235px;
    margin: 0 auto;
    display:block;
}
#header h1 {  
    text-indent:-9000px;
}
#header h1 a 
{
	display:block;
	width:992px;
	height:200px;
}
#mainContent {
	margin: 0px auto 0px;
	width: 992px;
	position:relative;
	z-index:7;
}
#drop_shadow {
    background: url(../images/container_bg5.png) repeat-y top center;
}
#top_gradient {
	top: 64px;
	width: 991px;
	height: 494px;
	position:absolute;
	z-index:6;
}
#footer {
	color: #FFF;
	font-size: 0.6785em;
	font-weight: bold;
	margin: 0 auto;
	min-height: 262px;
}
#container_footer {
    background: url(../images/container_footer_bg.png) no-repeat center top;
    height: 26px;
}
/* ************************* NAVIGATION ************************************* */
	#navigation {
		float:right;
		width:620px;
		margin-right:139px;
		margin-top:-175px;
	}	
	#navigation li {
		background-image:url(../images/nav_matrix2BSmall.png);
		background-repeat:no-repeat;
		background-position:-47px -2px;
		list-style:none;
		float:left;
		height:230px;
		width:163px;
		margin-left:-86px;
		z-index:5;
	}
	#navigation li ul {
		visibility:hidden;
		font-weight:bold;
		font-size:13px;
		display:inline-block;
		padding-top:5px;
		width:100px;
	}
	#navigation #demos 
	{
		
		margin-left:140px;
		z-index:5;
		position:absolute;
		
	}
	#navigation #work {
		background-position:-213px -2px;
		z-index:4;
		position:absolute;
		margin-left:255px;
	}
	#navigation #services {
		background-position:-380px -2px;	
		z-index:3;
		position:absolute;
		margin-left:371px;
	}
	#navigation #about {
		background-position:-548px -2px;
		z-index:2;
		position:absolute;
		margin-left:484px;
	}
	#navigation #contact {
		background-position:-718px -2px;
		z-index:1;
		position:absolute;
		margin-left:595px;
	}

	/*ACTIVE TABS*/
	#navigation li.active {
		background-position:0px -146px;
	}

	#navigation #work.active {
		background-position:-178px -111px;
	}
	#navigation #services.active {
		background-position:-356px -111px;
	}
	#navigation #about.active {
		background-position:-534px -111px;	
	}
	#navigation #contact.active {
		background-position:-712px -111px;	
	}
	#navigation #demos.active {
		
	}
	/*HOVER TABS*/
	#navigation li:hover {
		background-position:-47px -277px;
		

	}	
	#navigation ul li.#demo:hover {

	}
	#navigation #work:hover {
		background-position:-213px -277px;
		z-index:12 !important;
	}
	#navigation #services:hover {
		background-position:-380px -277px;
		z-index:12 !important;
	}
	#navigation #about:hover {
		background-position:-548px -277px;	
		z-index:12 !important;
	}
	#navigation #contact:hover {
		background-position:-718px -277px;	
		z-index:12 !important;
	}
	
	#navigation li:hover ul {
		visibility:visible;
		padding-top:12px;
		
	}
	#navigation li a {
		display:block;
		height:32px;
		width:100%;
		text-indent:-9999px;

	}
	#navigation li ul li a {
		text-indent:0px;
		color:white;
		text-decoration:none;
		margin-left:100px;
		width:130px;
		padding:2px;
		height:20px;

	}
	#navigation li ul li {
		background:transparent;
		height:24px;
		position:relative;
		
	}
	
	#navigation .no-hover ul li a:hover {
		background:transparent;
	}
	#navigation .no-hover a {
		height:auto;
	}
	#navigation .no-hover a {
		font-size:12px;
	}
	#navigation li ul li a:hover {
		background: #23406a;
	}
/* ************************* CLASSES **************************************** */
.hide {
	display: none;
}
.hide_text {
	text-indent: -5000px;
}
.center {
	display: block;
	margin: 0 auto;
}
.blue_highlight{
	font-size: 1.25em;
	color: #1D457D;
	font-weight: bold;
}
.co_head 
{
	margin:7px 0px -5px 0px;
	display:block;
	font-size:20px;
}
/*.directions {
 	text-decoration:underline;
}*/
.email {
	padding-top:5px;
	font-size:11px;
}
.contInfo 
{
	line-height:14px;
}
.homeLink 
{
	height:170px; 
	width:230px; 
	display:block; 
	z-index:8;
	position:absolute; 
	float:left;
	text-indent:-9000px;
}