HTML, BODY { margin:0px; padding:0px; background-color:#caced1; width:100%; height:100%; color:#666;}
/* gradient goes here */
.outercontainer { margin:0px; padding:0px; width:100%; height:100%; background:transparent url(images/homepage-bg.png) repeat-x left top; padding-top:50px; }
/* just outside of the rounded box goes here */
.container { width:936px; margin:0 auto;  }
/* rounded shadow box is broken into 3 parts */
.round-shade-top, .round-shade-middle, .round-shade-bottom { background:transparent url(images/basic-box-withgradient.png) no-repeat left top; padding:0px 18px; }
.round-shade-top { height:100px; padding-top:18px; height:35px; }
.round-shade-middle { background-position: 0px -100px; min-height:100px; }
.round-shade-bottom { background-position: 0px bottom; min-height:250px; padding-bottom:28px; }
/* inner padding and positioning */
.in-round-pad-top, .in-round-pad-middle, .in-round-pad-bottom {  }
.in-round-pad-top {}
.in-round-pad-middle {}
.in-round-pad-bottom {}
/* header area */
.logoheader { padding:0 35px; }
.header {  height:35px; }
.header .button { float:left; width:100px; height:35px; background:transparent url(images/header-2state.png) no-repeat left top; cursor:pointer; border:0px; }
.round-shade-top .header .home { width:95px; background-position:0px 0px; }
.round-shade-top .header .home:hover { background-position:0px -36px;  }
.round-shade-top .header .overview { width:119px; background-position:-97px 0; }
.round-shade-top .header .overview:hover { background-position:-97px -36px; }
.round-shade-top .header .network {width:271px;  background-position:-218px 0;}
.round-shade-top .header .network:hover { background-position:-218px -36px; }
.round-shade-top .header .system { width:167px; background-position:-491px 0;}
.round-shade-top .header .system:hover { background-position:-491px -36px; }
.round-shade-top .header .about {width:115px;  background-position:-661px 0;}
.round-shade-top .header .about:hover { background-position:-661px -36px; }
.round-shade-top .header .contact { width:123px; background-position:-777px 0;}
.round-shade-top .header .contact:hover { background-position:-777px -36px; }
.header .spacer { width:2px; background-position:-922px 0; }

/* main image area */
.mainimage { background:transparent url(images/main-image.png) no-repeat left top; height:350px;  }

/* subgradient */
.subgradient { background:transparent url(images/subnav-gradient.png) no-repeat left top; height:36px; }
.subgradient-pad { font-weight:bold; color:White; font-size:16px; padding:7px 0 0 15px; }
.subgradient-pad A { color:White; text-decoration:none; padding:0 10px; }
.subgradient-pad A:hover { color:#00A5E3; text-decoration:underline;  }
.searchbox { padding-right:19px; }
/* link stuff */
.lowkeylinks { color:#888; font-weight:bold; }
.lowkeylinks A { color:#888; font-weight:bold; text-decoration:none;  }
.lowkeylinks A:hover { color:#00A5E3; font-weight:bold; text-decoration:underline;  }
/* little boxes */
.littleboxes-container { width:225px; float:left; }
.littleboxes-top, .littleboxes-middle, .littleboxes-bottom { background:transparent url(images/little-boxes.png) no-repeat 1px top; padding:-1px 18px; }
.littleboxes-top { height:57px; background-position: -1px 0px; padding-left:20px; }
.littleboxes-middle { background-position: -1px -58px; height:200px; padding:0px 19px 0 15px; }
.littleboxes-bottom { background-position: -1px bottom; height:18px }
.littleboxheading { padding-top:18px; color:#AAA; font-size:13px; font-weight:bold; }
.littleboxes-container UL { margin:0; padding:0 0 0 25px; list-style-image: url(images/bullet.png); }
.littleboxes-container LI { margin:0; padding:9px 0 0 5px; font-size:11px;  }