* {
    margin: 0;
    padding: 0
}

body {
    font: 20px / 36px Arial, Verdana, "Helvetica Neue", "Liberation Sans", san-serif;
    color: #111;
    text-align: center;
    overflow: scroll;
    overflow-x: auto;
    overflow-y: scroll
}

#wrapper, #content, #footer {
    margin: 0 auto;
    min-width: 920px;
    max-width: 1200px;
    padding: 30px 60px
}

#background {
    background-color: #f4f2f5
}

.clear {
    clear: both
}

img {
    border: none
}

#upfront {
    font-size: 4em;
    font-weight: normal;
    padding: 40px 0;
    letter-spacing: -3px;
    word-spacing: 0.1em
}

.space {
    letter-spacing: -10px;
    padding-right: 5px
}

.space1 {
    letter-spacing: -1px
}

.space2 {
    letter-spacing: 2px
}

.tagline {
    line-height: 30px;
    padding: 20px 0;
    border-top: 1px dashed #000;
    border-bottom: 1px dashed #000;
}

.nav-grid {
    width: 22%;
    float: left;
    margin: 40px 4% 20px 0
}

.nav-grid-right {
    width: 22%;
    float: right;
    margin: 40px 0 20px 0
}

#products_layer {
    padding-top: 20px
}

.product-left {
    width: 30%;
    float: left;
    margin-right: 5%
}

.product-right {
    width: 30%;
    float: right
}

.product-right a {
    margin-top: 20px;
    float: left
}

.product-right a:hover {
    color: #595959
}

.product-right img {
    background-color: red;
    /*padding:;*/
    float: left;
    margin-top: 22px;
    margin-right: 10px
}

.icon {
    display: block;
    background-color: #FFF;
    border: 4px double #CCC
}

.icontitle {
    font-size: 1.4em;
    text-align: center
}

.minheight {
    min-height: 120px
}

p {
    font-size: 0.7em;
    text-align: left;
    line-height: 1.5em
}

h2 {
    font-weight: normal;
    font-size: 1.5em;
    text-align: left;
    padding-bottom: 10px
}

h3 {
    font-weight: normal;
    font-size: 1.3em;
    text-align: left
}


a:hover {
    color: #F00
}

.lucida {
    font-family: "Lucida Grande", Tahoma;
    color: #CCC
}

a.nav-grid, a.nav-grid-right {
    color: #111;
    padding-bottom: 30px
}

a.nav-grid.selected, a.nav-grid-right.selected {
    color: #ccc;
    cursor: pointer
}

a.nav-grid.selected:hover, a.nav-grid-right.selected:hover {
    color: #111
}

a.nav-grid.selected:hover h2, a.nav-grid-right.selected:hover h2 {
    color: #F00
}

a.nav-grid.selected:hover p, a.nav-grid-right.selected:hover p {
    color: #111
}

a.nav-grid.selected:hover span, a.nav-grid-right.selected:hover span {
    color: #FFBFBE
}

a.nav-grid.initial:hover, a.nav-grid-right.initial:hover {
    cursor: pointer
}

a.nav-grid.initial:hover h2, a.nav-grid-right.initial:hover h2 {
    color: #F00
}

a.nav-grid.initial:hover p, a.nav-grid-right.initial:hover p {
    color: #111
}

a.nav-grid.initial:hover span, a.nav-grid-right.initial:hover span {
    color: #FFBFBE
}

p {
    font-size: 0.7em;
    text-align: left;
    line-height: 1.5em
}

h2 {
    font-weight: normal;
    font-size: 1.5em;
    text-align: left;
    padding-bottom: 10px
}

h3 {
    font-weight: normal;
    font-size: 1.3em;
    text-align: left
}

a:hover {
    color: #F00
}

#footer p, #footer-background p {
    color: #CCC;
    font: 0.5em / 1.6em "Lucida Grande", Tahoma;
    text-align: center
}

#footer-background {
    margin: 0 auto;
    min-width: 920px;
    max-width: 1200px;
    padding: 30px 0px
}