html {
	height: 100%;
	margin-bottom: 1px;
	border: none;
}

body {
	margin:0;
	padding:0;	
	color: #333;	
	background: #fff;
	line-height: 135%;
	font-family:  Geneva, Tahoma, "Nimbus Sans L", sans-serif;
	font-size: 12px;
}



div.clear
{
	font-size: 0px;
	width: 100%;
	height: 0px;
	line-height: 0px;
	clear: both;
}

div.wrapper 
{ 
	margin: 0 auto; 
	width: 958px;
	padding:0;
}




/* @begin Header*/
#header {
	height: 80px;
	background: url(images/header-bg.png) 0 0 repeat-x;
	border:0px;
}

#header .hdwrapper{
	position: relative;
	overflow: hidden;
	background: url(images/logo.png) 0 5px no-repeat;

}

#searchmod {	
	float:right;
	margin-top:50px;
	margin-right:-75px;	
	
}

#topsidemenu
{	
	float:right;
	margin-top:10px;
	height:9px;
	
}


a.Home
{
	width: 20px;
	height: 13px;
	display: block;
	overflow: hidden;
	background: url(images/ico_home.png) 0px 0px no-repeat;
	float:left;
}

a.Home:hover
{
	background: url(images/ico_home.png) 0px -13px no-repeat;

}


a.SiteMap
{
	width: 25px;
	height: 13px;
	display: block;
	overflow: hidden;
	background: url(images/ico_map.png) 0px 0px no-repeat;
	float:left;
}

a.SiteMap:hover
{
	background: url(images/ico_map.png) 0px -13px no-repeat;
}


a.Contact
{
	width: 30px;
	height: 13px;
	display: block;
	overflow: hidden;
	background: url(images/ico_mail.png) 0px 0px no-repeat;
	float:left;
}

a.Contact:hover
{
	background: url(images/ico_mail.png) 0px -13px no-repeat;
}




/* @end Header*/

/* @Begin Showcase*/
#showcase
{
	position: relative;
	z-index: 1;
	background: #073457 url(images/showcase-bg.png) 0 0 repeat-x;
	height:200px;
	

}
#showcase .wrapper
{
	position: relative;
}

#showcase2 {
	height: 200px;
	background: url(images/showcase-promo.jpg) 50% 0 no-repeat;
}

#showcase-promo {
	height: 200px;	
}

#showcase-promo img#promo {
	position: absolute;
	bottom:-29px;
	left: 40px;
	width: 877px;
	height: 207px;
}

#flash_earth{
	position: relative;
	top: -40px;
	left:520px;
	width: 250px;
	height: 254px;
}

#flash_stars{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 877px;
	height: 180px;
}


/* @end Showcase*/

/* @begin featured*/
#featured-mod{
	z-index: 0;
	background: url(images/featuremod-bg.png) 50% 0 repeat-x;
	height: 136px;
	overflow: hidden;
	position: relative;
	min-height:136px;
}

#featured-mod .wrapper
{
	position: relative;
	
}



#featured-mod2
{
	height: 136px;
	overflow: hidden;
	background: url(images/featuremod-bg2.jpg) 50% 0 no-repeat;
}

#featured-shadow {
	height: 136px;
	background: url(images/featured-shadow.png) 50% 0 no-repeat;
	overflow: hidden;
}

#featuredmodules {
	padding: 0 5px 0 25px;
	color: #fff;
	
}

#featuredmodules .module
{
	margin-right: 10px;
	padding-right: 10px;
	margin-bottom: 30px;
	overflow: hidden;
}


#featuredmodules .module .png {
	padding-right: 8px;
}

#featured-clock {	
	margin-top: 20px;
	width: 80px;
	height: 80px;
	float: left;
}


span.featured-dateheader {
	display: block;
	color: #eee;
	font-weight: bold;
	letter-spacing: -0.05em;
	font-size: 140%;
	line-height: 100%;
	margin-top: 30px;
	height: 25px;
	overflow: hidden;
}

span.featured-datedesc {
	color: #fff;
	font-style: italic;
	font-size: 120%;

}



.featured-web {
	background: url(images/web_design.png) 0 5px no-repeat;
	margin-top: 20px;
	width: 50px;
	height: 61px;
	float: left;
}

.featured-software {
	background: url(images/product.png) 0 5px no-repeat;

	margin-top: 20px;
	width: 47px;
	height: 61px;
	float: left;
}

.featured-logo {
	background: url(images/card_design.png) 0 5px no-repeat;
	margin-top: 20px;
	width: 43px;
	height: 61px;
	float: left;
}

span.featured-header {
	display: block;
	color: #eee;
	font-weight: bold;
	letter-spacing: -0.05em;
	font-size: 160%;
	line-height: 100%;
	margin-top: 30px;
	height: 25px;
	overflow: hidden;
}
 
span.featured-desc {
	color: #fff;
	font-style: italic;
	font-size: 100%;
}

span.featured-header a, span.featured-header a:hover 
{
	color: #eee;
	text-decoration:none;
}

span.featured-desc a, span.featured-desc a:hover 
{
	color: #fff;
	text-decoration:none;
}

/* @end featured*/

/* @begin main content*/
#page-bg {
	background: #fff url(images/page-bg.png) 0 0 repeat-x;
	position: relative;
	z-index: 0;
}

#page-bg .wrapper {
	position: relative;

}

#main-shadow {
	position: absolute;
	left: -20px;
	width: 20px;
	height: 192px;
	background: url(images/page-shadow-l.png) 0 0 no-repeat;
}

#main-shadow2 {
	position: absolute;
	right: -20px;
	width: 20px;
	height: 192px;
	background: url(images/page-shadow-r.png) 0 0 no-repeat;
}

#main-content {
	background: url(images/content-bg.png) 0 0 repeat-x #ffffff;
	padding:0;
	margin:0;
}

.mainbody {
	width: 100%;
	padding:0;
}

.breadcrump
{
	height: 40px;
	min-height:40px;
	background: url(images/page-bg.png) 0 -40px repeat-x #666;
		
}

.leftcol {
	width:260px;
	background: url(images/column-shadow-l.png) 100% 50px no-repeat #ffffff; 
	float:left;	
	/*for content-bg to show*/
	margin-top:15px;
	/*IE6 has a wicked bug which doubles the margin on any floated elements. 
	This could be a huge problem, 
	but is easily fixed by adding display: inline to that which is floated*/
	/*display:inline;*/ 
}

.maincol1{
	
	margin:0px 0px 0px 0px;
	/*must be here for IE min-height hack*/
	min-height:250px; 
	height:auto !important; 
	height:250px;
}

.maincol2{
	
	margin:0px 0px 0px 260px;
	/*must be here for IE min-height hack*/
	min-height:250px; 
	height:auto !important; 
	height:250px;
	
}

.maincol3{
	
	margin:0px 260px;
	/*must be here for IE min-height hack*/
	min-height:250px; 
	height:auto !important; 
	height:250px;
}

.rightcol {
	width:260px;
	background: url(images/column-shadow-r.png) 0 50px  no-repeat #ffffff;
	float:right;
	/*for content-bg to show*/	
	margin-top:15px;
	/*IE6 has a wicked bug which doubles the margin on any floated elements. 
	This could be a huge problem, 
	but is easily fixed by adding display: inline to that which is floated*/
	/*display:inline;*/ 
}

.maincol1 .padding, .maincol2 .padding, .maincol3 .padding {
	padding: 32px 20px 20px 20px;
}

.rightcol .padding,
.leftcol .padding {
	padding: 20px 18px 20px 25px;
}

/* @end main content*/

/* @begin bottom */
#page-bg-bottom {
	height: 31px;
	background: url(images/page-bg-bottom.png) 0 0 repeat-x;
	overflow: hidden;
}

#footer {
	background: #666 url(images/footer-bg.png) 0 0 repeat-x;
	height: 121px;

}

#footer .wrapper {
	position:relative;
}

#footer2 {
	width: 333px;
	height: 121px;
	position:absolute;
	top:0px;
	right:0px;
	background: url(images/footer-graphic.png) 0 0 no-repeat;
}

#footertext {	 
	height:80px;
	width:800px;	
	margin:0 auto;
	padding:15px 10px 10px 10px;
	position:relative;
	text-align:center;	
}



/* @end bottom */