html, body {
	background-color: #c6d8d4;
	background-image: url(/assets/images/bg.gif);
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0 0 10px 0;
	padding: 0;
	font: normal 11px Tahoma, Verdana, Arial, sans-serif;
	color: #464646;
	cursor: default;
}

#site_container {
	width: 980px;
	margin: 0 auto;
}

#site_header {
	height: 45px;
}

h1 {
	margin: 20px 0 0 20px;
	float: left;
}

h1 a {
	display: block;
	width: 215px;
	height: 28px;
	background: transparent url(/assets/images/logo.gif) no-repeat;
	overflow: hidden;
	text-indent: -999px;
}

#header_utilities {
	float: right;
	width: 301px;
}

#header_utilities .links {
	float: right;
	margin-right: 23px;
}

#header_utilities ul {
	list-style: none outside;
	margin: 13px 0 0 0;
	padding: 0;
}

#header_utilities ul li {
	float: left;
	margin-left: 20px;
}

#header_utilities ul li a {
	display: block;
	color: #464646;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	text-decoration: none;
	background: transparent url(/assets/images/icon_dot_green.gif) no-repeat center left;
	padding-left: 12px;
}

#header_utilities ul li a:hover {
	background: transparent url(/assets/images/icon_dot_black.gif) no-repeat center left;
	color: #000;
}

#header_utilities #flash_clock {
	background: transparent url(/assets/images/flash_hdr_clock.gif) no-repeat;
	height: 20px;
	color:#b9ffed;
	font-size:9px;
}

#header_utilities #flash_clock div {
	padding-top:4px;
	text-align:center;
}

#header_utilities #flash_clock span {
	color:white;
	margin-right:10px;
}

/******************
* Site Navigation *
*******************/
#site_nav {
	clear: both;
	background: transparent url(/assets/images/site_nav_bg.gif) no-repeat center bottom;
}
#site_nav ul {
	list-style: none outside;
	height: 101px;
	margin: 0 0 0 146px;
	padding: 0;
}

#site_nav ul li {
	float: left;
}

#site_nav ul li a {
	display: block;
	height: 101px;
	overflow: hidden;
	text-indent: -999px;
	margin: 0 1px 0 0;
	padding: 0;
}

#site_nav ul li.about a {
	background: transparent url(/assets/images/btn_about_techspace.gif) no-repeat;
	width: 204px;
}
#site_nav ul li.about a:hover,
#site_nav ul.about li.about a {
	background: transparent url(/assets/images/btn_about_techspace_over.gif) no-repeat;
}

#site_nav ul li.space a {
	background: transparent url(/assets/images/btn_office_space.gif) no-repeat;
	width: 158px;
}
#site_nav ul li.space a:hover,
#site_nav ul.space li.space a {
	background: transparent url(/assets/images/btn_office_space_over.gif) no-repeat;
}

#site_nav ul li.services a {
	background: transparent url(/assets/images/btn_tech_services.gif) no-repeat;
	width: 188px;
}
#site_nav ul li.services a:hover,
#site_nav ul.services li.services a {
	background: transparent url(/assets/images/btn_tech_services_over.gif) no-repeat;
}

#site_nav ul li.contact a {
	background: transparent url(/assets/images/btn_contact_us.gif) no-repeat;
	width: 126px;
}
#site_nav ul li.contact a:hover,
#site_nav ul.contact li.contact a {
	background: transparent url(/assets/images/btn_contact_us_over.gif) no-repeat;
}

/***********
* Hovernav *
***********/
#site_nav ul li .hovernav {
	width: 242px;
	position: absolute;
	margin-top: -18px;
	display: none;
	z-index: 10000;
}

#site_nav ul li.about .hovernav {
	margin-left: -20px;
}

#site_nav ul li.space .hovernav {
	margin-left: -40px;
}

#site_nav ul li .hovernav .top {
	background: transparent url(/assets/images/hovernav_top_bg.png) no-repeat;
	height: 19px;
}

#site_nav ul li .hovernav .bottom {
	background: transparent url(/assets/images/hovernav_bottom_bg.png) no-repeat;
	height: 7px;
}

#site_nav ul li .hovernav ul {
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none outside;
	background: #306154 url(/assets/images/hovernav_center_bg.png) repeat-x top left;
	height: auto;
}

#site_nav ul li .hovernav ul li {
	float: none;
}

#site_nav ul li .hovernav ul li a {
	background: transparent none !important;
	text-indent: 0px;
	display: block;
	overflow: hidden;
	text-decoration: none;
	font: normal 11px Tahoma, Verdana, Arial, sans-serif;
	height: 18px;
	line-height: 18px;
	color: #fffffd;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
#site_nav ul li .hovernav ul li a:hover {
	background: transparent url(/assets/images/hovernav_hover_bg.png) no-repeat center !important;
	color: #bafdeb;
}


#site_nav ul li .hovernav ul li.divider1,
#site_nav ul li .hovernav ul li.divider2,
#site_nav ul li .hovernav ul li.divider3,
#site_nav ul li .hovernav ul li.divider4 {
	margin-left: 27px;
	width: 166px;
	height: 1px;
	overflow: hidden;
	padding: 0;
}

#site_nav ul li .hovernav ul li.divider1 {
	border-top: 1px solid #3d7a6b;
	background-color: #72ac9d;
}

#site_nav ul li .hovernav ul li.divider2 {
	border-top: 1px solid #397263;
	background-color: #6da396;
}

#site_nav ul li .hovernav ul li.divider3 {
	border-top: 1px solid #336559;
	background-color: #64988b;
}

#site_nav ul li .hovernav ul li.divider4 {
	border-top: 1px solid #2b5b4f;
	background-color: #638b82;
}

/**********************
* End Site Navigation *
***********************/

#site_banner {
	background: transparent url(/assets/images/banner_bg.gif) no-repeat;
	height: 177px;
}

#site_banner div.banner_flash {
	width: 510px;
	height: 177px;
	float: left;
}

#site_banner form#search_space {
	float: right;
	margin: -132px 21px 0 0;
}

/********************
* Search Space Form *
*********************/
form#search_space {
	background: transparent url(/assets/images/search_space_bg.png) no-repeat;
	width: 429px;
	height: 115px;
	margin: 0;
	padding: 0;
	line-height: 12px;
}

form#search_space h4 {
	width: 397px;
	height: 16px;
	overflow: hidden;
	background: transparent url(/assets/images/hdr_search_space.gif) no-repeat;
	text-indent: -999px;
	margin: 10px 0 8px 11px;
	padding: 0;
}

form#search_space .field {
	float: left;
}

form#search_space .field.chk {
	width: 175px;
	background: transparent url(/assets/images/search_field_bg.gif) no-repeat center left;
	margin: 0 1px 1px 5px;
	font-size: 11px;
	padding-left: 10px;
}

form#search_space .field.blank {
	background: none;
}



form#search_space .field.chk img {
	cursor: pointer;
}

form#search_space .field.inp {
	margin: 5px 0 0 15px;
}

form#search_space .field.inp input {
	background: transparent url(/assets/images/search_input_bg.gif) no-repeat;
	border: 0;
	width: 45px;
	height: 21px;
	padding-top: 5px;
	text-align: center;
	color: #44826b;
	font-size: 11px;
	font-weight: bold;
}

form#search_space .field input {
	margin: 0;
	padding: 0;
}

form#search_space .field img.checkbox {
	display: none;
}

form#search_space .field label {
	margin-left: 7px;
	cursor: pointer;
}

form#search_space .field label:hover {
	color: #000;
}

form#search_space div.clear {
	margin-bottom: 5px;
}

form#search_space button {
	width: 76px;
	height: 21px;
	overflow: hidden;
	border: 0;
	background: transparent url(/assets/images/btn_search_submit.gif) no-repeat;
	float: right;
	margin: 5px 19px 0 0;
	text-indent: -999px;
}
form#search_space button:active {
	-ms-background-position-x: 1px;
	-ms-background-position-y: -29px;
	}
/************************
* End Search Space Form *
*************************/

#site_content {
	width: 899px;
	margin: 11px auto 0 auto;
	background: #f4f4f4 url(/assets/images/content_bg.gif) no-repeat;
	clear: both;
}

#content_bottom {
	width: 899px;
	clear: both;
	height: 54px;
	margin: 0 auto 11px auto;
	background: transparent url(/assets/images/content_bottom_bg.png) no-repeat center bottom;
	text-align: center;
}

#content_bottom .bottom_nav {
	position: relative;
	left: 50%;
	float: left;
}

#content_bottom ul {
	list-style: none outside;
	margin: 0;
	padding: 0;
	position: relative;
	left: -50%;
}

#content_bottom ul li {
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}

#content_bottom ul li a {
	display: block;
	margin: 28px 5px 0px;
	width: 15px;
	height: 15px;
	text-indent: -999px;
	overflow: hidden;
	position: relative;
}

#content_bottom a.rss {
	background: transparent url(/assets/images/icon_rss_dim.gif) no-repeat;
}
#content_bottom a.rss:hover {
	background: transparent url(/assets/images/icon_rss.gif) no-repeat;
}

#content_bottom a.linkedin {
	background: transparent url(/assets/images/icon_linkedin_dim.gif) no-repeat;
}
#content_bottom a.linkedin:hover {
	background: transparent url(/assets/images/icon_linkedin.gif) no-repeat;
}

#content_bottom a.facebook {
	background: transparent url(/assets/images/icon_facebook_dim.gif) no-repeat;
}
#content_bottom a.facebook:hover {
	background: transparent url(/assets/images/icon_facebook.gif) no-repeat;
}

#content_bottom a.twitter {
	background: transparent url(/assets/images/icon_twitter_dim.gif) no-repeat;
}
#content_bottom a.twitter:hover {
	background: transparent url(/assets/images/icon_twitter.gif) no-repeat;
}

#site_content h2 {
	margin: 0;
	padding: 0;
	color: #464646;
	font: normal 23px Tahoma, Verdana, Arial, sans-serif;
	text-transform: uppercase;
}

#site_content h3 {
	margin: 0;
	padding: 0;
	color: #326457;
	font: normal 18px Tahoma, Verdana, Arial, sans-serif;
}

#site_content h4 {
	margin: 0;
	padding: 0;
	font: bold 14px Tahoma, Verdana, Arial, sans-serif;
}

#site_content p.intro {
	color: #326457;
	font-size: 14px;
}

#site_content .divider {
	background-color: #dbdbdb;
	height: 1px;
	overflow: hidden;
	margin: 10px 0;
	clear: both;
}

#site_content div.left_frame {
	padding-left: 16px;
}

#site_content div.left_frame img.left {
	margin: 0 20px 10px 0;
}

#site_content div.left_frame img.right {
	margin: 0 0 10px 20px;
}

#site_content div.left_frame p {
	text-align: justify;
	margin: 10px 0 20px 0;
}

#site_content button.submit {
	background: transparent url(/assets/images/btn_content_submit.gif) no-repeat;
	width: 76px;
	height: 21px;
	text-indent: -999px;
	overflow: hidden;
	border: 0;
}

/*********
* Subnav *
*********/
#subnav {
	background: #326256 url(/assets/images/subnav_bg.gif) repeat-x;
	width: 220px;
}

#subnav .top {
	background: transparent url(/assets/images/subnav_top_bg.gif) no-repeat top;
	height: 6px;
	padding-bottom: 10px;
}

#subnav .bottom {
	background: transparent url(/assets/images/subnav_bottom_bg.gif) no-repeat bottom;
	height: 21px;
}

#subnav ul {
	list-style: none outside;
	margin: 0;
	padding: 0;
}

#subnav ul li {
	margin: 0;
	padding: 0;
	text-align: center;
}

#subnav ul li a {
	display: block;
	overflow: hidden;
	text-decoration: none;
	font: normal 11px Tahoma, Verdana, Arial, sans-serif;
	line-height: 18px;
	color: #fffffd;
	margin: 0;
	padding: 0;
}

#subnav ul li a:hover,
#subnav ul li.selected a {
	background: transparent url(/assets/images/subnav_hover_bg.gif) no-repeat;
	color: #bafdeb;
}

#subnav ul li.divider1,
#subnav ul li.divider2,
#subnav ul li.divider3,
#subnav ul li.divider4 {
	margin-left: 27px;
	width: 166px;
	height: 1px;
	overflow: hidden;
	padding: 0;
}

#subnav ul li.divider1 {
	border-top: 1px solid #3d7a6b;
	background-color: #72ac9d;
}

#subnav ul li.divider2 {
	border-top: 1px solid #397263;
	background-color: #6da396;
}

#subnav ul li.divider3 {
	border-top: 1px solid #336559;
	background-color: #64988b;
}

#subnav ul li.divider4 {
	border-top: 1px solid #2b5b4f;
	background-color: #638b82;
}
/*************
* End Subnav *
**************/

/****************
* Success Story *
****************/
#site_content div.right_frame .success_story {
	width: 220px;
	margin-top: 15px;
}

#site_content div.right_frame .success_story div {
	width: 220px;
	height: 106px;
	background: transparent url(/assets/images/success_story_bg.gif) no-repeat center;
	text-align: center;
	margin-bottom: 22px;
}

#site_content div.right_frame .success_story div img {
	margin: 30px 0;
}

#site_content div.right_frame .success_story h6 {
	font: bold 11px Arial, Tahoma, Verdana, sans-serif;
	text-align: center;
	margin: 0;
}

#site_content div.right_frame .success_story h6,
#site_content div.right_frame .success_story p {
	margin: 0;
	padding: 0 15px;
	text-align: center;
}

#site_content div.right_frame .success_story a {
	display: block;
	color: #f0a900;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	margin-top: 25px;
}
/********************
* End Success Story *
*********************/

/******************
* Twitter Updates *
******************/
.twitter_updates {
	margin-top: 22px;
	background: transparent url(/assets/images/twitter_updates_center.gif) repeat-y;
	width: 221px;
}

.twitter_updates .top {
	background: transparent url(/assets/images/twitter_updates_top.gif) no-repeat;
	height: 15px;
}

.twitter_updates a.btn {
	display: block;
	background: transparent url(/assets/images/twitter_updates_bottom.gif) no-repeat;
	width: 221px;
	height: 42px;
	text-indent: -999px;
	overflow: hidden;
	margin: 5px 0 0 0;
}

.twitter_updates a.twit { display: block; width: 200px; height: 25px; overflow: hidden; text-decoration: none; margin: 0 0 0 30px; padding: 0 0 0 25px; line-height: 25px; background: url(/assets/images/icon_twitter.gif) left no-repeat; color: #326457;  }

.twitter_updates a:hover { color: #52a58f; }

.twitter_updates div.tweet {
	margin: 9px 10px;
	font-size: 11px;
	color: #acacac;
	line-height: 17px;
	font-style: italic;
}

.twitter_updates div.tweet a {
	color: #3c7768;
	text-decoration: none;
}

.twitter_updates div p {
	color: #464646;
	font-style: normal;
	margin: 0;
}

.twitter_updates .tweets .divider {
	width: 195px;
	margin: 0 13px !important;
}
/**********************
* End Twitter Updates *
**********************/

#site_footer {
	text-align: center;
	font-size: 9px;
	color: #424846;
}

#site_footer p {
	margin: 0;
	text-align: center;
}

#site_footer span#copyright {
	display: block;
	margin-top: 6px;
	color: #41806d;
}

#site_footer img {
	float: right;
	margin: -50px 60px 0 0;
}

