body {
    background: #f9f9f9 url('/images/bg-shade.png') repeat-x;
}

a {
    text-decoration: none;
}

h1 {
    text-indent: -9999px;
    height: 89px;
    width: 404px;
    background: transparent url('/images/logo2.png') no-repeat left center;
    float: left;
}


.page {
    position: relative;
    background: transparent url('/images/header.png') no-repeat top center;
}

.container {
    padding: 20px 10px 0px 10px;
}

/* MAIN MENU */

ul.mainmenu {
    list-style: none;
    float: right;
    margin: 0;
    position: relative;
}

ul.mainmenu li {
    line-height: 89px;
    float: left;
}

ul.mainmenu li a {
    padding: 0 15px;
    position: relative;
    z-index: 10;
    line-height: 89px;
    display: block;
}

ul.mainmenu li a:hover {
}

ul.mainmenu li.back {
    background: transparent url('/images/menu-right.png') no-repeat right center;
    z-index: 8;
    position: absolute;    
    height: 89px;
}

ul.mainmenu li.back .left {
    background: transparent url('/images/menu-left.png') no-repeat left center;
    height: 89px;
    margin-right: 10px;
}

/* BIG BLUE BOX */

.blue-box {
    background: #2956f4 url('/images/blue-sky.jpg') no-repeat;
    padding: 20px 0;
    position: relative;
    width: 100%;
}

.blue-box * {
    color: white;
}


.blue-box h2 {
    font-size: 260%;
    font-weight: 100;
}

ul {
    list-style-image: url(/images/tick.png);
}

.blue-image {
    height: 300px;
    
}


/* BUTTONS */
.white-button {
    background: transparent url(/images/button-white.png) no-repeat center center;
}

.green-button {
    background: transparent url(/images/button-green.png) no-repeat center center;
}

.white-button, .green-button {
    height: 48px;
    text-align: center;
    line-height: 46px;
    color: #2956f4;
    font-variant: small-caps;
    font-size: 120%;
}

.green-button {
    color: white;
}

.white-button:hover {
    color: navy;
}

.or {
    height: 46px;
    line-height: 46px;
}

/* WHAT WE DO LIST */

div.services {
    margin-top: 20px;
}

ul.what-we-do {
    list-style: none;
    padding: 0;
}

ul.what-we-do h3 {
    padding: .5em 0;
    font-size: 130%;
    border-bottom: 1px solid #E6E6FA;
}

ul.what-we-do ul {
    margin-bottom: 1em;
    padding-left: 25px;
}

a.button-blue-small {
    height: 71px;
    text-align: center;
    line-height: 50px;
    color: #2956f4;
    font-variant: small-caps;
    font-size: 120%;
    background: transparent url(/images/button-blue-small.png) no-repeat center center;    
    color: white;
    margin-left: 1em;
}

a.button-blue-small:hover {
    background: transparent url(/images/button-violet-small.png) no-repeat center center;    
    color: white;
}

/* FOOTER */

.footer {
    border-top: 1px solid #E6E6FA;
    padding: 1em 0;
    font-size: 90%;
}

ul.footermenu {
    list-style: none;
    padding: 0;
}

ul.footermenu li {
    float: left;
    padding-right: 1.5em;
}

ul.footermenu li a {
    color: gray;
}

ul.footermenu li a:hover {
    color: black;
}

.footer address {
    float: right;
    color: gray;
}

/* HR */

.hr {
    height:1px;
    border-bottom: 1px solid silver;
    margin-bottom:2em;
}

/* CONTACT */

h2.title {
    font-size: 400%;
    font-weight: 100;
    color: #295392;
    text-transform: uppercase;
    margin-bottom: .4em;
}

h2.title em {
    color: #3c7bdb;
}

input.title, textarea {
    background-color: #e8effc;
    border: 1px solid #c2d7fc;
}

input[type="submit"] {
    font-size: 160%;
}

label {
    font-weight: normal;
}

/* WORKS */

.preview-image {
    height: 250px;
    background-color: silver;
}

.works h3 {
    font-size: 200%;
}