body {
	margin: 0 auto;
	padding: 0;
	background: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	}
		
body {font-size:62.5%} /* for IE/Win */
html>body {font-size:10px} /* for everything else */

/* Typography */

#header {font-size: 1.2em}
#nav_top {font-size: 1.4em}
#main_col {font-size: 1.2em}
#left_col {font-size: 1.1em}	
#right_col {font-size: 1.1em}	
#footer {font-size: 1.1em}

/* 

with col_left at 1.2 em

 h1 - 2em displays at 24px
 
 h2 - 1.5em displays at 18px
 
 h3 - 1.25em displays at 15px
 
 h4 - 1em displays at 12px 
 
 */

H1 {
	font-size:1.6em; 
	padding: 0 0 20px 0;
	line-height: 1.2em;
	}
	
H2 {
	font-size:1.4em;
	padding: 0 0 10px 0;
	line-height: 1.2em;
	}
	
H3 {
	font-size:1.25em;
	padding: 0 0 10px 0;
	}
	
H4 {
	font-size:1em;
	padding: 0 0 15px 0;
	}
	
p {
	margin: 0 0 10px 0;
	}

h1#logo {
	color: #000;
    padding: 95px 0 0 0;
    overflow: hidden;
    background-image: url(../images/logo.gif);
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:95px;
	}

/* links */

a {
	text-decoration: none;
	color: #003366;
	outline: none;
	}
	
a:hover {
	text-decoration: none;
	color: #000;
	outline: none;
	}
	
p a {
	text-decoration: none;
	color: #003366;
	outline: none;
	font-weight: bold;
	}
	
a img {
	border: none;
	outline: none;
	}
		
/* other */

p img {
	float: right;
	margin: 0 10px 10px 0;
	}
	
.alt img {
	float: right;
	margin: 0 0 15px 15px;
	border: 1px solid #ccc;
	}
	
/* layout */

#wrap {
	width: 800px;
	margin: 10px auto;
	background: #fff;
	text-align: left;
	}	

#header {
	width: 800px;
	height: 105px;
	float: left;
	background: #003366 url(../images/header.gif) no-repeat top left;
	}
	
#menu {
	width: 800px;
	float: left;
	background: #003366;
	color: #FFFFFF;
	}

#center_col {
	float: left;
	width: 460px;	
	background: #fff url(../images/center_col.gif) no-repeat top left;
	}
	
#left_col {
	width: 150px;
	height: auto;
	float: left;
	background: #fff url(../images/leftcol.gif) no-repeat top left;
	}

#right_col {
	width: 190px;
	height: 550px;
	float: right;
	background: #fff url(../images/rightcol.gif) no-repeat top left;
	}
	
#main_col {
	float: left;
	width: 610px;	
	background: #fff url(../images/main_col.gif) no-repeat top left;
	}
	
.ad_box {
	float: left; 
	clear: both;
	width: 100%;
	padding: 20px 0 0px 0;
	}

#footer {
	clear: both;
	background: #fff;
	}
	
/* gutters */

#main_col .gutter {
	padding: 20px;
	}	

#center_col .gutter {
	padding: 15px;
	}
		
/* header */

.logo {
	padding: 0;
	margin: 5px 0 0 20px;
	float: left;
	width: 213px;
	height: 95px;
	display: inline;
	}
	
.slogan {
	padding: 0;
	margin: 0 0 0 30px;
	float: left;
	}
	
.slogan h1 {
	margin: 0;
	padding: 15px 0 0 0;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	}
	
.box_coin {
	padding: 0;
	margin: 3px 20px 0 0;
	float: right;
	}

.box_coin img {
	padding: 0;
	margin: 0;
	}
	
/* nav */

#nav {
	float: left;
	width: 795px;
	margin: 0;
	padding: 3px 5px 0 0;
	list-style: none;
	background: #003366;
	}
	
#nav li {
	float: right;
	margin: 0 1px 0 0;
	padding: 0;
	}
	
#nav a {
	float: left;
	display: block;
	margin: 0;
	padding: 5px 10px;
	color: #000;
	text-decoration: none;
	border-bottom: none;
	background: #ccc;
	outline: none;
	}
	
#nav a:hover, body#intro #t-intro a {
	color: #333;
	background: #fff url(../images/on_bg.gif) repeat-x top left;
	}
	
#nav a:hover, body#about #t-about a {
	color: #333;
	background: #fff url(../images/on_bg.gif) repeat-x top left;
	}
	
#nav a:hover, body#prod #t-prod a {
	color: #333;
	background: #fff url(../images/on_bg.gif) repeat-x top left;
	}

#nav a:hover, body#rep #t-rep a {
	color: #333;
	background: #fff url(../images/on_bg.gif) repeat-x top left;
	}
	
#nav a:hover, body#con #t-con a {
	color: #333;
	background: #fff url(../images/on_bg.gif) repeat-x top left;
	}

/* main col */

#main_col ul {
	margin: 0 50px 10px;
	}
	
#service_left {
	float: left;
	width: 400px;
	margin: 0 20px 0 0;
	}
	
.service {
	float: left;
	background: #fff url(../images/service_bg.gif) no-repeat top left;
	width: 360px;
	padding: 20px;
	margin-bottom: 40px;
	border-bottom: 1px solid #ccc;
	}
	
.service2 {
	float: left;
	background: #fff url(../images/service_bg2.gif) no-repeat top left;
	padding: 20px;
	width: 360px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	}
	
#service_right {
	float: left;
	width: 127px;
	}
	
.main_content { 
	margin: 5px 0 20px 0;
	padding: 10px 0 0px 0;
	border-top: none;
	}
	
.main_content ul {
	margin: 0 0;
	padding: 0 1px;
	}

.main_content ul li {
	margin: 7px 0 0 1px;
	padding: 0 0 0 20px;
	list-style: none;
	background: url(../images/bullet.gif) no-repeat 0 0px;
	}

.software { 
	margin: 5px 0 20px 0;
	padding: 10px;
	border-top: none;
	background: #FFF url(../images/software_bg.gif) no-repeat top left;
	}
	
.software ul {
	margin: 0 0;
	padding: 0 1px;
	}

.software ul li {
	margin: 7px 0 0 1px;
	padding: 0 0 0 20px;
	list-style: none;
	background: url(../images/bullet.gif) no-repeat 0 0px;
	}
			
.content ul {
	margin: 0;
	padding: 15px;
	font-size: 1.2em;
	}

.content ul li {
	margin: 7px 0 0 1px;
	padding: 0;
	list-style: square;
	}
	
.content_li {
	margin: 5px 0 25px 0;
	padding: 5px 0 5px 0;
	}
	
.content_li ul {
	margin: 0px 0;
	padding: 0 1px;
	}

.content_li ul li {
	margin: 7px 0 0 1px;
	padding: 0;
	list-style: square;
	}
	
.content_list { 
	float: left;
	width: 200px;
	margin: 2px 0 0 0;
	padding: 0;
	color: #000;
	}
	
.content_list:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
	
.content_list ul {
	margin: 0px 0;
	padding: 0 1px;
	}

.content_list ul li {
	margin: 7px 0 0 1px;
	padding: 0 0 0 20px;
	list-style: none;
	background: url(../images/bullet2.gif) no-repeat 0 0px;
	}
	
dl.feature {
	float: right;
	margin: 8px 0 8px 10px;
	padding: 0px;
	width: 180px;
	display: inline;
	}
	
dl.feature h4 {
	margin: 0;
	padding: 0 0 6px 0;
	}
	
dl.feature dt {
	margin: 0 0px 0 0;
	padding: 0 10px 0 0;
	line-height: 1.5em;
	color:#003366;
	}

dl.feature dt a {
	float: left;
	display: block;
	color: #003366;
	border: 2px solid #999;
	outline: none;
	}
	
dl.feature dt a:hover {
	color: #000;
	border-color: #003366;
	background: #fff;
	outline: none;
	}

dl.feature dt a img {
	float: left;
	outline: none;
	}
	
dl.feature dd {
	margin: 0 10px 0 60px;
	padding: 0;
	line-height: 1.5em;
	}
	
dl.feature dd a {
	color: #003366;
	outline: none;
	}

dl.feature dd a:hover {
	color: #000;
	outline: none;
	}
	
dl.product {
	margin: 10px 20px 20px 0;
	padding: 10px 20px 10px 10px;
	background: #FFF url(../images/product_bg.gif) no-repeat top left;
	}
	
dl.product:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
	
dl.product dt {
	margin: 0 0 5px 0;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	}
	
dl.product dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 0px 0px 0;
	border: 1px solid #CCC;
	}
	
dl.product dd {
	margin-left: 170px;
	line-height: 1.5em;
	color: #000;
	}

.box_display {
	background: #fff url(../images/display.gif) no-repeat top left;
	height: 630px;
	}
	
dl.display {
	float: left;
	margin: 8px 20px;
	padding: 0px;
	width: 150px;
	display: inline; /* fixes IE/Win double margin bug */
	}
	
dl.display dt {
	margin: 0 0px 0 0;
	padding: 0 10px 0 0;
	line-height: 1.5em;
	color:#003366;
	}

dl.display dt a {
	float: left;
	display: block;
	color: #003366;
	border: 2px solid #999;
	outline: none;
	}
	
dl.display dt a:hover {
	color: #000;
	border-color: #003366;
	background: #fff;
	outline: none;
	}

dl.display dt a img {
	float: left;
	outline: none;
	}
	
dl.display dd {
	margin: 0 0 0 70px;
	padding: 0;
	line-height: 1.5em;
	}
	
dl.display dd a {
	color: #003366;
	outline: none;
	}

dl.display dd a:hover {
	color: #000;
	outline: none;
	}
	
.comment {
	padding: 20px 0 20px 20px;
	margin: 15px 20px 25px 0;
	background: #fff url(../images/comment_bg.gif) no-repeat top left;
	}
	
.table p {
	text-align: left;
	}
	
.table img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
.table td {
	}
	
.table2 {
	margin: 0 0 0 0px;
	}
	 
.table2 p {
	text-align: left;
	}
	
.table2 img {
	border: 1px solid #ccc;
	}
	
table.shows {
  	width: 100%;
  	background: #fff;
  	}
	
table.shows th {
	text-align: left;
	font-size: 1.2em;
	}
	
table.shows th, table.shows td {
  	margin: 0;
  	padding: 8px 20px;
  	border-bottom: 1px solid #b5b5b5;
  	}
table.shows .name {
  	text-align: left;
  	}
table.shows tr.alt {
  	background: #f3f3f3;
  	}
table.shows td a {
  	display: block;
  	font-weight: bold;
  	}
	
.request_btn img {
	margin: 15px 0 20px 350px;
	padding: 0;
	}

/* right col */

#right_col h3 {
	margin: 0;
	padding: 20px 0px 10px 20px;
	font-size: 1.2em;
	}
	
/* left col */
	
.box {
	padding: 0;
	line-height: 1.2em;
	width: 150px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	}
	
.box h3 {
	margin: 0;
	font-size: 1.2em;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 11px;
	}
	
.box p, .box ul {
	margin: 0 11px;
	padding: 0;
	}
	
.box ul li {
	margin: 10px 0 10px 0px;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #ccc;
	list-style: none;
	}

/* footer */
	
#footer_info {
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 0 5px 0;
	margin: 30px 0 15px 0;
	list-style: none;
	border-top: 1px solid #ccc;
	}

.copyright {
	float: left;
	color: #000;
	margin: 0;
	padding: 0;
	}
		
#address {
	clear: both;
	background: #fff;
	text-align: center;
	}

#address li {
   list-style: none;
	}
	
#sitemap {
	float: right;
	margin: 0;
	padding: 8px 14px;
	}

#sitemap a {
	color: #000;
	outline: none;
	}
	
#bottom_links {
	float: right;
	padding: 0;
	margin: 0;
	}
		
#bottom_links li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#bottom_links a {
	float: left;
	margin: 0;
	padding: 0 6px 0 6px;
	text-decoration: none;
	}
	
#bottom_links a:hover {
	text-decoration: underline;
	}
	
/*  IE fixes */

#footer, #address {
	height: 1%;
	}

* html dl.feature { /* for IE5+6 */
	height: 1%; 
	}
	
*:first-child+html .feature { /* for IE7 */
	min-height: 1px; 
	}
	
* html dl.product { /* for IE5+6 */
	height: 1%; 
	}
*:first-child+html .product { /* for IE7 */
	min-height: 1px; 
	}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {
	display: inline-block;
	}

*html .clearfix {
	height: 1%;
	}	

.clearfix {
	display: block;
	}