/* REDEFINITIONS
--------------------------------------------------------------------------------------*/
body,
input,
textarea {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: .9em;
}
body {
    background: #2f2b27 url('../Images/contact_bg.gif');
}
a {
	color: #f00;
}
a:hover {
	text-decoration: none;
	color: #000;
}
strong {
	font-weight: bold;
	}

/* LAYOUT
--------------------------------------------------------------------------------------*/
.linkOldSite {
    position: absolute;
    right: 0;
    top: 0;
	z-index: 20;
}
.linkContest2009 {
	display: block;
	width: 300px;
	height: 90px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: 170px;
	z-index: 10;
}
.linkNewsletter {
    display: block;
    width: 30px;
    height: 240px;
    background: #1f1d1c url('../Images/newsletter_label.png') no-repeat left;
    position: absolute;
    right: 0;
    top: 285px;
    z-index: 10;
}
.linkNewsletter:hover {
    width: 50px;
}
.newsletterContainer {
    width: 400px;
    height: 240px;
    position: absolute;
    top: 285px;
    right: 0;
    }
    .newsletterContainer .newsletterSlider {
        display: none;
        width: 370px;
        height: 210px;
        background: url('../Images/newsletter_bg.png');
        padding: 15px;
        color: #fff;
    }
    .newsletterContainer .newsletterSlider .close {
        float: right;
        cursor: pointer;
    }
    .newsletterContainer .newsletterSlider h1 {
        color: #c5df4b;
        text-transform: uppercase;
        font-size: 1.3em;
        margin-bottom: 15px;
    }
    .newsletterContainer .newsletterSlider p {
        margin-bottom: 15px;
    }
    .newsletterContainer .newsletterSlider .input.text {
        color: #c5df4b;
        width: 320px;
        padding: 4px;
        background: #000;
        border: 1px solid #000;
        margin-bottom: 3px;
    }
    .newsletterContainer .newsletterSlider .input.blur {
        color: #999;
        font-style: italic;
    }
    .newsletterContainer .newsletterSlider .input.text.error {
        border: 1px dotted #f85f62;
    }
    .newsletterContainer .newsletterSlider .input.button {
        color: #333c0a;
        width: 200px;
        height: 35px;
        background: url('../Images/newsletter_button.png');
        border: 0;
        margin-top: 5px;
    }
    .newsletterContainer label.error {
        display: none !important;
    }
    .newsletterContainer .errorMessage,
    .newsletterContainer .errorMessage500 {
        color: #f85f62;
        padding-left: 20px;
        background: url('../Images/16x16_cross.png') no-repeat;
    }
    .newsletterContainer .confirmMessage {
        color: #b9f85f;
        padding-left: 20px;
        background: url('../Images/16x16_tick.png') no-repeat;
    }

.innerContainer {
    width: 950px;
    margin: auto;
}

.introContainer {
    background: #201d1c url('../Images/intro_bg.jpg') repeat-x;
    color: #fff;
    padding: 0 0 15px 0;
    }
    .introContainer .logo {
        text-align: center;
    }
    .introContainer .intro {
        background: url('../Images/intro_canvas.png') no-repeat;
        padding: 20px 15px 0 355px;
        margin: 10px 15px 0 0;
        height: 135px;
    }
    .introContainer .intro p {
        margin-bottom: 10px;
    }
    .introContainer .intro p.last {
        margin: 0;
    }
    .introContainer .intro strong {
        background: #3f3d3c;
        padding: 0 5px;
        color: #f7c38e;
    }
    .introContainer .intro a {
        color: #24c4ff;
    }
    
.casesContainer {
    background: url('../Images/cases_bg.jpg') repeat-x;
    border: solid #111010;
    border-width: 5px 0 5px 0;
    height: 270px;
    }
    .casesContainer .innerContainer {
    }
    .casesContainer .cases {
        padding: 15px 0 15px 60px;
        height: 240px;
        background: url('../Images/cases_label.png') no-repeat 0 15px;
    }
    .casesContainer .cases ul li {
        width: 285px;
        float: left;
        margin-right: 10px;
    }
    .casesContainer .cases ul li a {
        text-decoration: none;
    }
    .casesContainer .cases ul li img {
        border: 5px solid #fff;
        float: left;
    }
    .casesContainer .cases ul li span.text {
        display: block;
        background: url('../Images/cases_text_bg.png');
        color: #fff;
        padding: 5px;
        float: left;
        width: 275px;
        height: 55px;
    }
    .casesContainer .cases ul li span.text h1 {
        text-transform: uppercase;
        color: #24c4ff;
        font-size: 1.3em;
        font-weight: normal;
        display: inline-block;
        float: left;
        height: 20px;
        margin-right: 5px;
    }
    .casesContainer .cases ul li span.text .extra {
        display: inline-block;
        color: #24c4ff;
        font-size: .8em;
        height: 14px;
        padding-top: 6px;
    }

.clientsContainer {
    background: #11100f url('../Images/clients_bg.gif') repeat-x;
    padding: 15px 0;
    }
    .clientsContainer .innerContainer {
        width: 950px;
    }
    .clientsContainer .clients {
        margin-left: 90px;
    }
    .clientsContainer .clients ul li {
        color: #595550;
        display: inline-block;
        margin-right: 25px;
        float: left;
    }
    .clientsContainer .clients ul li img {
        vertical-align: text-bottom;
    }

.referencesContainer {
    background: #2f2b27;
    padding: 15px 0;
    border-bottom: 5px solid #3b3532;
    }
    .referencesContainer .innerContainer {
    }
    .referencesContainer .references {
        background: url('../Images/references_label.png') no-repeat;
    }
    .referencesContainer .references .content h2 {
        text-transform: uppercase;
        color: #fba1cc;
        font-size: 1.1em;
        width: 345px;
        text-align: right;
        font-weight: normal;
        margin: 0 0 5px 0;
        display: none;
    }
    .referencesContainer .references .content ul {
        margin-left: 60px;
        }
        .referencesContainer .references .content ul li a {
            display: block;
            text-decoration: none;
            margin-bottom: 2px;
        }
        .referencesContainer .references .content ul li a.image:hover,
        .referencesContainer .references .content ul li a.link:hover {
            background-color: #1f1d1c;
        }
        .referencesContainer .references .content ul li .title {
            display: inline-block;
            width: 275px;
            text-align: right;
            padding: 5px;
            background: #1f1d1c;
            color: #d23c82;
            cursor: pointer;
        }
        .referencesContainer .references .content ul li a.empty .title {
            cursor:  default;
        }
        .referencesContainer .references .content ul li .description {
            display: inline-block;
            padding: 5px 22px 5px 5px;
            color: #fff;
            cursor: pointer;
        }
        .referencesContainer .references .content ul li a.image .description {
            background: url('../Images/16x16_image_ref.png') no-repeat right;
        }
        .referencesContainer .references .content ul li a.link .description {
            background: url('../Images/16x16_link_ref.png') no-repeat right;
        }
        .referencesContainer .references .content ul li a.empty .description {
            cursor:  default;
        }
    .referencesContainer .references .content a.more {
        display: inline-block;
        padding: 5px;
        color: #fba1cc;
        width: 275px;
        text-align: right;
        background: #262321;
        margin-left: 60px;
    }
    .referencesContainer .references .referencesAll {
        display: none;
        margin: 0 0 0 60px;
        }
        .referencesContainer .references .referencesAll .intro {
            color: #fff;
            margin: 15px 0 0 0;
        }
        .referencesContainer .references .referencesAll a.less {
            color: #f85f62;
            display: inline-block;
            padding: 0 0 0 20px;
            background: url('../Images/16x16_cross.png') no-repeat;
            float: right;
            margin-right: 30px;
        }
        .referencesContainer .references .referencesAll h1 {
            color: #d23c82;
            text-transform: uppercase;
            font-size: 1.3em;
            margin: 15px 0;
        }
        .referencesContainer .references .referencesAll ul {
            margin: 0;
        }
        .referencesContainer .references .referencesAll ul li {
            color: #fff;
            width: 420px;
            margin: 0 5px 5px 0;
            float: left;
            padding: 5px;
            background: #262321;
            font-size: .9em;
        }
        .referencesContainer .references .referencesAll ul li h3 {
            color: #fba1cc;
            display: inline;
            margin-right: 5px;
        }
        .referencesContainer .references .referencesAll ul li .text {
        }

.contactContainer {
    background: url('../Images/contact_shadow.png') repeat-x;
    padding: 25px 0;
    color: #fff;
    }
    .contactContainer .innerContainer {
    }
    .contactContainer .contact {
        background: url('../Images/contact_label.png') no-repeat;
    }
    .contactContainer .contact .title {
        margin: 0 0 15px 60px;
    }
    .contactContainer .contact .title .tagline {
        color: #e1b76d;
    }
    .contactContainer .contact .right label,
    .contactContainer .contact .left label {
        display: block;
    }
    .contactContainer .contact .right label .required,
    .contactContainer .contact .left label .required {
        font-size: .9em;
        color: #e1b76d;
        font-style: italic;
    }
    .contactContainer .contact input {
        border: 0;
        height: 19px;
        margin: 3px 0 5px 0;
        background: #1f1d1c;
        color: #ffa200;
        padding: 2px;
        border: 1px solid #1f1d1c;
    }
    .contactContainer .contact input.error,
    .contactContainer .contact textarea.error {
        border: 1px dotted #f85f62 !important;
        color: #f85f62 !important;
    }
    .contactContainer .contact h1 {
        text-transform: uppercase;
        color: #ffa200;
        font-size: 1.3em;
        margin-bottom: 10px;
    }
    .contactContainer .contact h2 {
        text-transform: uppercase;
        color: #e1b76d;
        font-size: 1.1em;
        margin-bottom: 5px;
    }
    .contactContainer .contact p {
        margin-bottom: 15px;
    }
    .contactContainer .contact a {
        color: #fff;
    }
    .contactContainer .contact .left {
        width: 575px;
        float: left;
        margin-left: 60px;
        }
        .contactContainer .contact .left input {
            width: 575px;
        }
        .contactContainer .contact .left ul {
            margin: 3px 0 5px 0;
        }
        .contactContainer .contact .left ul li {
            display: inline-block;
            background: #1f1d1c;
            padding: 0 5px 0 5px;
            float: left;
            margin-right: 10px;
            height: 25px;
        }
        .contactContainer .contact .left ul li input {
            float: left;
            width: 20px;
            background: transparent;
        }
        .contactContainer .contact .left ul li label {
            display: inline-block;
            color: #ffa200;
            padding: 5px;
        }
        .contactContainer .contact .left textarea {
            border: 0;
            width: 575px;
            background: #1f1d1c;
            color: #ffa200;
            padding: 2px;
            margin: 3px 0 5px 0;
            height: 117px;
            border: 1px solid #1f1d1c;
        }
        .contactContainer .contact .left input.submit {
            width: 200px;
            height: 35px;
            background: url('../Images/contact_button.png') no-repeat;
            color: #000;
            border: 0;
        }
        .contactContainer .contact .left .errorMessage,
        .contactContainer .contact .left .errorMessage500 {
            color: #f85f62;
            padding-left: 20px;
            background: url('../Images/16x16_cross.png') no-repeat;
        }
        .contactContainer .contact .left .confirmMessage {
            color: #b9f85f;
            padding-left: 20px;
            background: url('../Images/16x16_tick.png') no-repeat;
        }
    .contactContainer .contact .right {
        width: 265px;
        float: right;
        background: #1f1d1c;
        margin-right: 15px;
        padding: 10px;
        }
    .contactContainer #googleMap {
        width: 265px;
        height: 143px;
		margin-bottom: 10px;
        }
    .contactContainer label.error {
        display: none !important;
    	}
    .contactContainer .legal {
        font-size: .8em;
		color: #968669;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        }
    .contactContainer .legal a {
		color: #968669;
        }