/* reset css */
html
{
    font-size: 125%;
    background-color: inherit;
}
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    color: inherit;
    text-align: inherit;
}
:focus
{
    outline: 0;
}

body
{
    text-align: center;
    color: #666666;
    font: 50%/1 Arial, Helvetica, sans-serif;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th, td
{
    text-align: left;
    font-weight: 400;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: "";
}
blockquote, q
{
    quotes: "" "";
}
strong
{
    font-weight: bold;
}
em
{
    font-style: italic;
}

/*Clearfix*/
.clearfix
{
    clear: both;
}
div.buttons:after, .clearfix:after, .row:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
div.buttons, .clearfix, .row
{
    display: inline-block;
}
/*Those two .clearfix have to be separate!)*/
div.buttons, .clearfix, .row
{
    display: block;
}

/* grid framework */
.row
{
    position: relative;
   /* margin-left: -10px; */
}

.mainholder
{
    width: 960px;
}

.gu4 .row
{
    width: 960px;
}
.gu3_5 .row
{
    width: 840px;
}
.gu3 .row
{
    width: 740px;
}

.gu3_3 .row
{
    width: 730px;
}
.gu2_2 .row
{
    width: 600px;
}
.gu2 .row
{
    width: 480px;
}
.gu1_5 .row
{
    width: 360px;
}
.gu1 .row
{
    width: 240px;
}
.gu1_1 .row
{
    width: 230px;
}
.gu0_5 .row
{
    width: 120px;
}

.col
{
    /* padding-left: 10px; */
    float: left;
    position: relative;
}

.colr
{
    /* padding-left: 10px; */
    float: right;
    position: relative;
}

.colp
{
    float: left;
    position: relative;
    padding-left: 13px; 
}

.gu4
{
    width: 950px;
}

.gu4foot
{
    width: 960px;
}
.gu4men
{
    width: 960px;
    background-color: #90a8d6; 
    /* padding-left: 20px; */
}
.gu3_5
{
    width: 830px;
}
.gu3
{
    width: 710px;
}
.gu3_2
{
    width: 720px;
}
.gu3_3
{
    width: 730px;
}
.gu2_5
{
    width: 590px;
}
.gu2
{
    width: 480px; 
}

.gu2main
{
    width: 480px; 
    margin-left: 10px;
    margin-right:10px;
}

.gu1_5
{
    width: 350px;
}
.gu1
{
    width: 230px;
}
.gu0_5
{
    width: 110px;
}

.clear
{
    clear: both;
}