body {
background-image:url(../../images/backgrounds/tiny_grid.png);
background-repeat: repeat;
background-position: 30% 30%;
font-size:11px;
color: #000;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

body#about a#aboutnav,body#whatwedo a#whatwedonav,body#webconsulting a#webconsultingnav,body#careers a#careersnav,body#gettinghere a#gettingherenav,body#viatec a#viatecnav,body#products a#productsnav {
background-image:url(../images/nav_cube_grey.gif) !important;
}

#content h2 {
color: #3399cc;
font-size: 170%}

h5 {
font-weight: bold;
}

a {
color:#39C;
text-decoration:none;
}

a:hover {
color:#69F;
text-decoration:none;
}

#wrap {
background-color:#FFF;
width:900px;
margin:0 auto;
/*background-image:url(../images/nav_line.gif);
background-repeat:repeat-x;
background-position:left 74px;
border-color:#c7c7c7;
border-style:solid;
border-width:1px;*/
}

#header {
/*border-top-width:4px;
border-top-style:solid;
border-top-color:#C00; */
height:60px;
float:left;
width:900px;
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
background-position:12px center; /* positions the logo */
padding-top:10px;
background-color:#fff;
border-bottom: 1px solid #ccc; 
}

#logo {
float:left;
position:relative;
margin:0;
padding:0;
}

#logo a {
top:0;
left:0;
width:260px;
height:60px;
display:block;
float:left;
position:relative;
}

#logo p {
display:none;
}

#topNav {
float:right;
width:625px;
margin-top:38px;
}

#introHome {
background-image:url(../images/header_home_esdi.jpg);
background-repeat:no-repeat;
background-color:#ffffff;
float:left;
height:315px;
width:550px;
padding:0px 330px 0px 20px;

}

#introHome p {
margin: 0px; 
margin-top: 20px;
color:#000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
width: 400px;
line-height:1.5em;
}

#introHome h1 {
margin: 20px 0;
width: 200px;
color:#000;
font-family: Lucida Sans Unicode, Lucida Grande, sans serif;
font-size:30px;
width: 400px;
line-height:1.5em;
}


#subHeader,#aboutHeader,#teamHeader,#whatwedoHeader,#webconsultingHeader,#careersHeader,#gettinghereHeader,#viatecHeader,#productsHeader {
background-repeat:no-repeat;
background-color:#6199C2;
float:left;
height:55px;
width:872px;
padding-left:28px;
color:#FFF;
padding-top:20px;
}

#aboutHeader {
background-image:url(../images/header_about.jpg);
}

#whatwedoHeader {
background-image:url(../images/header_whatwedo.jpg);
}

#webconsultingHeader {
background-image:url(../images/web-consulting-design.jpg);
}

#careersHeader {
background-image:url(../images/header_careers.jpg);
}

#gettinghereHeader {
background-image:url(../images/header_gettinghere.jpg);
}

#viatecHeader {
background-image:url(../images/header_viatec_victoria.jpg);
}

#productsHeader {
background-image:url(../images/header_products.jpg);
}

#teamHeader {
background-image:url(../images/header_team.jpg);
}

#containerHome {
float:left;
width:900px;
background-image:url(../images/home_back300.gif);
background-repeat:repeat-y;
}

#containerHome .learnm {

}

#containerHomeSub {
float:left;
width:900px;
background-image:url(../images/home_back300_sub.gif);
background-repeat:repeat-y;
}

#container {
float:left;
width:900px;
background-image:url(../images/sub_back.gif);
background-repeat:repeat-y;
}

#containerHome p {
padding-right:20px;
padding-left:20px;
display:block;
float:left;
padding-top:10px;
}

#containerHomeSub p {
padding-right:20px;
padding-left:20px;
display:block;
float:left;
padding-top:10px;
}

#leftColumnHome {
float: left;
width:300px;
}

#leftColumnHomeSub {
float: left;
width:600px;
}
#leftColumn {
float: left;
width:222px;
}

#centerColumn {
float: left;
width:300px;
}

#centerColumn {
overflow:hidden;
	}

#rightColumn {
float:right;
width:300px;
background-color:#fff;
padding-bottom:25px;
}

#rightColumn a {
color:#39C;
text-decoration:none;
}

#rightColumn a:hover {
color:#09C;
text-decoration:none;
}



#containerHome h2 {
background-image:url(../images/feature_header.gif);
background-repeat:repeat-x;
background-color:#F6F6F6;
font-size:125%;
text-transform:uppercase;
color:#508BB5;
font-weight:700;
float:left;
text-indent:20px;
height:20px;
margin:0;
padding:8px 0 0;
}

#containerHomeSub h2 {
background-image:url(../images/feature_header.gif);
background-repeat:repeat-x;
background-color:#F6F6F6;
font-size:125%;
text-transform:uppercase;
color:#508BB5;
font-weight:700;
float:left;
text-indent:20px;
height:20px;
margin:0;
padding:8px 0 0;
}


#containerHome h2 a {
text-decoration:none;
width:100%;
display:block;
height:22px;
}

#containerHomeSub h2 a {
text-decoration:none;
width:100%;
display:block;
height:22px;
}

#containerHome h2 a:hover {
text-decoration:none;
width:100%;
display:block;
color:#666;
}

#containerHomeSub h2 a:hover {
text-decoration:none;
width:100%;
display:block;
color:#666;
}

#centerColumn h2 {
width:299px;
margin-bottom: 10px;
}

#leftColumnHome h2 {
width:299px;
margin:0;
}

#leftColumnHomeSub h2 {
width:599px;
margin:0;
}


#leftColumn h2 {
width:221px;
margin:0;
}


#leftColumnHome p  {
padding-right:20px;
padding-left:20px;
margin: 10px 0px 0px 0px;
clear:both;
}

#leftColumnHomeSub p  {
padding-right:20px;
padding-left:20px;
margin: 10px 0px;

}

#leftColumnHome li  {
clear: left;  /*Chrome hack to keep bullet on left*/
}

#leftwrap {
width:598px; 
background-color: #fff; 
float:left; 
}

#leftwrap p {
float:left; 
}

#rightwrap {
width:298px;
overflow:hidden; 
background-color:#fff; 
float:right;
}

#centerColumn p {
padding-right:20px;
padding-left:20px;
margin: 0px 0px 10px 0px;
clear: both
}

#rightColumn p {
padding-right:20px;
padding-left:20px;
margin: 10px 0px 0px 0px;
width:260px;
}


#rightColumn h2 {
background-image:url(../images/feature_header.gif);
background-repeat:repeat-x;
background-color:#E7E6E6;
width:300px;
}

#rightColumn h2 a {
color:#508BB5;
}

#containerHome h3 {
font-size:110%;
padding-top:20px;
padding-right:20px;
padding-left:20px;
float:left;
margin:0;
}

#containerHomeSub h3 {
font-size:110%;
padding-top:20px;
padding-right:20px;
padding-left:20px;
float:left;
margin:0;
}

#content {
float:left;
width:625px;
padding:15px 25px 25px;
}

#content h3 {
font-size:125%;
background-image:url(../images/dot_border.gif);
background-repeat:repeat-x;
background-position:bottom;
padding-bottom:5px;
padding-top:10px;
}

#content p {
padding-top:3px;
padding-bottom:3px;
font-size: 9pt;
}

#content li {
font-size: 9pt;
}


h1 {
font-size:190%;
margin:0;
padding:2px 0 0;
}

#leftNav {
float:left;
width:180px;
margin-left:20px;
margin-top:25px;
border-top-width:1px;
border-top-color:#CCC;
border-style:solid none none;
}

#leftNav ul {
list-style-type:none;
margin:0;
padding:0;
}

#leftNav li {
list-style-type:none;
text-indent:25px;
padding-bottom:1px;
padding-top:1px;
border-bottom-width:1px;
border-bottom-color:#CCC;
border-style:none none solid;
margin:0;
}

#leftNav a {
background-image:url(../images/nav_cube.gif);
background-repeat:no-repeat;
background-position:10px center;
color:#000;
text-decoration:none;
width:180px;
display:block;
height:20px;
padding:5px 0 0;
}

#leftNav a:hover {
color:#000;
text-decoration:none;
background-image:url(../images/nav_cube_on.gif);
background-repeat:no-repeat;
background-position:10px center;
background-color:#E7E6E6;
}

.floatRightImg {
float:right;
border:1px solid #CCC;
margin:0 0 10px 10px;
padding:4px;
}

.floatLeftImg {
float:left;
border:1px solid #CCC;
margin:0 10px 10px 0;
padding:4px;
}

.floatNone {
border:1px solid #CCC;
margin:10px 0;
padding:4px;
}

.menu {
width:600px;
height:32px;
position:relative;
z-index:100;
border-right:0 solid #000;
}

* html .menu {
width:600px;
}

.menu ul {
list-style-type:none;
margin:0;
padding:0;
}

.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0;
width:100px;
}

.menu li {
float:left;
width:100px;
position:relative;
font-weight:700;
}

.menu li ul li {
float:left;
width:100px;
position:relative;
font-weight:400;
}

.menu a,.menu a:visited {
display:block;
text-decoration:none;
color:#000;
width:93px;
height:30px;
padding-left:7px;
line-height:29px;
background-color:#CCC;
background-image:url(../images/navtop.gif);
background-position:left;
background-repeat:no-repeat;
}

.menu ul ul a.drop,.menu ul ul a.drop:visited {
background:#d4d8bd;
}

.menu ul ul ul a,.menu ul ul ul a:visited {
background:#e2dfa8;
}

.menu ul ul ul a:hover {
background:#b2ab9b;
}

* html .menu ul ul {
top:30px;
}

.menu ul ul ul {
left:149px;
top:-1px;
width:100px;
}

.menu ul ul ul.left {
left:-149px;
}

.menu table {
position:absolute;
top:0;
left:0;
border-collapse: collapse;
}

.menu ul ul a,.menu ul ul a:visited {
background:#F2F2F2;
color:#000;
height:auto;
line-height:1em;
width:150px;
border-width:0 1px 1px;
padding:5px 10px;
}

* html .menu ul li ul a,* html .menu ul li ul a:visited {
width:150px;
}

.menu a:hover,.menu ul ul a:hover {
color:#000;
background:#CB0000;
}

.menu :hover > a,.menu ul ul :hover > a {
color:#fff;
background:#CB0000;
}

.menu ul :hover ul ul {
visibility:hidden;
}

.highlight a {
background-color:#E4E4E4 !important;
}

.highlight a:hover {
background-color:#CB0000 !important;
}

#footer {
float:left;
width:900px;
border-top-width:4px;
border-top-color:#7F7B67;
text-align:center;
padding-top:10px;
padding-bottom:10px;
background-image:url(/images/footer.gif);
background-repeat:no-repeat;
background-position:center center;
border-style:solid none none;
}

#footer a:hover {
color:#333;
text-decoration:none;
}

#footer p{
width:550px; 
margin: 0 auto;
}

#quoteRight {
float:right;
width:200px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
line-height:1.5em;
padding-left:25px;
border-left-width:6px;
border-left-color:#e9e9e9;
margin-left:25px;
color:#999;
border-style:none none none solid;
background-color:#FFFFFF;
}

#quoteLeft {
float:left;
width:200px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
line-height:1.5em;
padding-right:25px;
border-right-width:6px;
border-right-color:#e9e9e9;
margin-right:25px;
color:#999;
border-style:none solid none none;
}

#FullWidthNote {
padding: 10px 20px 0 20px; 
width: 560px;
}

#bottomNav {
float:left;
width:900px;
border-top-width:0px;
border-top-color:#d8d8d8;
padding-top:0px;
background-image:url(../images/botnav_back.gif);
background-repeat:repeat-x;
background-position:bottom;
border-style:solid none none;
}

#bottomNav a:hover {
color:#508BB5;
text-decoration:none;
}

#bottomNav h2 {
background-image:url(../images/feature_header.gif);
background-repeat:repeat-x;
background-color:#F6F6F6;
font-size:125%;
text-transform:uppercase;
color:#508BB5;
font-weight:700;
float:left;
text-indent:20px;
height:20px;
margin:0;
padding:8px 0 0;
width: 900px;
}

#bottomNav h3 {
font-size:11px;
font-weight:700;
color:#508BB5;
text-transform:uppercase;
margin:0;
padding:0 0 10px;
}

#FullWidthNote {
margin: 20px 220px 20px 0px; 
}

.noborder {
border: none; 
}

.margintopsmall {
margin-top:10px;
}


.navColumn {
float:left;
width:180px;
padding-right:20px;
padding-left:20px;
padding-bottom:20px;
min-height:130px;
height:auto !important;
background-image:url(../images/botnav_line.gif);
background-repeat:no-repeat;
background-position:right bottom;
}

.navColumn ul {
margin:0;
padding:0;
}

.navColumn li {
background-image:url(../images/nav_cube_sm.gif);
background-repeat:no-repeat;
background-position:left center;
list-style-type:none;
margin:0;
padding:0 0 0 10px;
}

.lowercase {
text-transform:lowercase;
}

* html .menu a,* html .menu a:visited,* html .menu ul ul a,* html .menu ul ul a:visited {
width:93px;
}

* html .menu ul a:hover,.menu :hover > a,.menu ul :hover > a {
color:#000;
background-image:url(../images/navtop.gif);
background-repeat:no-repeat;
background-position:right;
}

.menu ul li:hover ul,.menu ul a:hover ul,.menu ul :hover ul :hover ul {
visibility:visible;
}

#footer a,#bottomNav a {
color:#666;
text-decoration:none;
}

/* Start Main Nav menu mvm 2010 */

ul#list-nav {
list-style: none;
margin:15px;
margin-top: 10px;
padding:0;
width:780px
}

ul#list-nav li {
display:inline;
}

ul#list-nav li a {
text-decoration:none;
padding:5px 0;
font-weight:700;
width:100px;
background:#ffffff;
color:#000;
float:left;
text-align:center;
border-left:1px solid #ccc;
}

ul#list-nav li a:hover {
background:#cccccc;
color:#ffffff;
}

/* end CSS main nav Menu */

/* Gallery start */
li.image {
  display: inline;
  padding-left: 3px;
  padding-right: 7px;
  list-style: none;
  }

li.last {
  display: inline;
  padding-left: 3px;
  padding-right: 3px;
  list style: none;
  } 
  
/* Gallery end */

/* Contact pg header start */
#headerContact {
width: 90px;
float: right;
text-align:right; 
margin: 0 10px 4px 0;
color: #ccc;
text-decoration: none;
}

#headerContact a {
color: #999999;
text-decoration:underline;
}

#headerContact  a:hover {
color: #6699ff;
text-decoration:none;
}
/* Contact pg header end */

/* logo VIATec promo in top header next to main nav start*/
#logoviatecpromo {
height:22px;
width:173px;
background-image:url(../images/viatec-promo.gif);
background-repeat:no-repeat;
}

#logoviatecpromo {
float:right;
position:relative;
margin-top:4px;
padding:0;
}

#logoviatecpromo a {
top:0;
right:0;
width:173px;
height:22px;
display:block;
float:right;
position:relative;
}

#logoviatecpromo p {
display:none;
}
/*logo VIATEC promo end*/


#ibmi-software-promo {
position: fixed;
right: 0;
bottom: 0;
height: 78px;
width: 178px;
padding: 4px;
padding-right: 4px;
z-index: 99999;}


/********
TABS at top
*/

#topbar_container {
	background-image: url(../images/shared/bg-dark1.jpg) ;
	background-repeat:repeat-x;
	color: #FFFFFF; 
	width:100%; 
	margin:0; 
	padding:0;
	height: 45px; 
	
	}
	
#topbar {
	padding-top:10px;
	width:900px;
	margin:0 auto;
	color:#fff;
	height:35px;
	}	

#topbar .quadrantcomp {
	float:left;
	width:700px;}	
	
div.toplink  {
	float: right;
	padding-top:10px;
	padding-right: 12px;
	}
div .toplink a {
	color: #FFF;
	text-decoration:underline; 
	}

/*******************
-------THE END------
*******************/