﻿body         
{
	font-family: Tahoma;
	text-align: center;
	background-image: url('images/Backgrounds/page-bg.jpg');
	background-repeat: repeat-x;
}

h1           
    {
	    font-family: Calibri, Arial;
	    color: #C0C0C0;
	    font-size: 1.3em;
	    font-weight: bold;
	    text-align: right;
	    background: url('images/Backgrounds/bg_h1.gif') top left repeat-x;
	    padding-right: 5px;
	    border-right-width: 1px;
	    border-top-width: 1px;
	    border-bottom-style: dotted;
	    border-bottom-width: 1px;
    }

h2          
{
	font-family: Arial, Helvetica, sans-serif;
	color: #FF8000;
	font-size: 1.0em;
	text-align: justify;
	font-weight: bold;
	padding: 0 8px 0 8px;
}

h3 
{
	font-size: 0.9em; 
	text-align: justify;
	padding: 0 8px 0 8px; 
    
}


p
{
	font-family: Calibri;
	color: #3B3B3B;
	font-size: 0.8em;
	text-align: left;
	padding: 0 10px 0 10px;
}

quote
{
font-size: 0.8em;
}
			
li			
{
	font-family: Calibri;
	color: #3B3B3B;
	font-size: 0.80em;
	text-align: left;
}

img			{
	padding: 3px;
	
}

a
{
	font-size: 0.95em;
	color: #0099FF;
	text-decoration: none;
}

#wrapper
{
	width:870px;
	min-height:500px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
    top: 0px;
    left: 0px;
}

#inner-wrapper {
	margin: 0;
	padding: 5px;
	position: relative;
	background: url('images/Backgrounds/bg_border.png') repeat-y;
    top: 0px;
    left: 0px;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */



#header {
	width:100%;
	height:115px;
	position:relative;
	display: block;

}

#header .top {
	background:url('images/Backgrounds/bg_header.png') no-repeat top;
	height:20px;
}

#header .spacer {
	background:url('images/Backgrounds/bg_border.png') repeat-y;
	height:100px;
	display:block;
}

.logo {
	background:url('images/zedsys_logo.gif') no-repeat; 
	Height:52px; 
	Width:130px;
	margin-left: 20px;
	float:left;
}

/* 3.0 Navigation, Menu - Elements and Classes */

#nav
{
    display:block;
    height: 60px;
    width:400px;
    margin-left: 100px;
    float:left;
}


#nav .rightbg 
{
   background:url('images/Backgrounds/bg_menu_right.gif') top right no-repeat;
}

#nav .leftbg 
{
    background:url('images/Backgrounds/bg_menu_left.gif') top left no-repeat;
    width:100%;
    height:65px;
}
#nav .padding 
{
    padding:9px 0;
}



#breadcrumbs
{
    float: left;
    padding-left: 15px;
    margin-top: 0px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    width: 400px ; 
}

/*begin creating the menu tabs */
.menu
{
    padding: 8px 0 8px 0;
    color: #000000;
    float: left;
}
/* top level container table, then target TDs inside*/
.menuItem td
{
    width:110px; 
    background:url('images/Backgrounds/bg_menu_libg.gif') top right repeat-y;
    font-size:0.8em;
    text-align:center;
    display:block;    
    vertical-align: middle;
    
    
}
/* make selected tab reverse ,set the background-color also in case images are not on*/
.menuSelectedItem a
{
    color: #000000;
    padding:8px 0 5px 0;

}
.menuHoverItem a
{
    color: Blue;
}

/* make drop down menu container style */
.menuPopup
{
    border-right: 3px solid #c0c0c0;
    border-bottom: 3px solid #c0c0c0;
    z-index: 1;
    width: 110px;
    text-align: center;
    background-color: #CCCCCC;
}

/* make drop down menu item style */
.menuPopupItem 
{
	height: 18px;
	font-size: 0.8em;
	color: #000000;
	background-image: url( 'images/Backgrounds/bg_h1.gif' );
	background-repeat: repeat-x;
	padding-right: 5px;
}

.menuPopupSelectedItem
{
    color: #000000;
}
.menuPopupHoverItem a

{
   color: Blue; 
}


.rnode
{
    font-family: Calibri, Arial;
    font-size: 1em;
    color: #0066ff;
}

.cnode
{
    font-family: Calibri, Arial;
    font-size: 1em;
    color: black;
    
}
.node
{
    font-family: Calibri, Arial;
    font-size: 1em;
    color: #0066ff;
}


.singlecolumn 
{ height:auto;  float:left;}


.column1 {width:650px; height:auto; padding:9px 13px 3px 15px; float:left;}
.column2 {width:150px; padding:9px 13px 3px 15px;float:right;}

#home_banner

{
background : url('images/ban_axis-connect.png') no-repeat;
width:840px;
height:250px;

}

#home_banner .right_box

{
float:right;
width:380px;
padding: 10px;
}

.steps{
    display:inline;
}

.steps ul li
{
    display:inline;
    width: 100px;
    font-size: 14px;
    line-height:5px
}

.steps ul li
{
    display:inline;
    width: 100px;
    font-size: 14px;
    line-height:5px
}
.steps ul li img
{
    margin: 15px 0px 0px 0px;
    clear: left;
}

.box250

{
	height: 100%;
	margin: 17px;
	width: 250px;
	background: url('images/Backgrounds/bg_boxbody_250.png') no-repeat bottom;
}

.box250head

{
	height: 34px;
	width: 250px;
	background: url('images/Backgrounds/bg_boxhead_250.png') no-repeat center;
	color: #FFFFFF;
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;
}


table 
{
    COLOR:Black;
    font-family: Tahoma,Helvetica,Helvetica-Narrow,sans-serif;
}

table {
    COLOR:Black;
    font-family: Tahoma,Helvetica,Helvetica-Narrow,sans-serif;
}

table.tab01 {
	border-width: 2px;
	border-spacing: ;
	border-style: none;
	border-color: gray;
	border-collapse: separate;
	background-color: #fff5ee;
}

table.tab01 th {
	border-width: 1px;
	padding: 2px;
	border-style: none;
	border-color: black;
	background-color: #fffff0;
	-moz-border-radius: ;
}
table.tab01 td {
	border-width: 1px;
	padding: 2px;
	font-size: 0.75em;
	border-style: none;
	border-color: black;
	background-color: #fffff0;
}

#footer
{
    color: #555555;
    line-height: 16px;
    float: right;
    width: 100%;
    height: 30px;
    position: relative;
    background: url( 'images/Backgrounds/bg_footer.png' ) no-repeat top;
    
}


#footer p
{
	font-family: Calibri;
	font-size: 0.7em;
	text-align: right;
	color: #4E4E4E
}

#footer a
{
    font-family: Calibri;
    font-size: 0.8em;
    text-align: right;
    padding-right: 10px;
}
blockquote {
	font-family: Calibri, Arial, Tahoma;
	font-size: 0.8em;
	font-weight: normal;
	font-style: italic;
}
