/*
DoubleSidedPrint.com Style Sheet
Coded by MicroAngelo.co.uk
20100204
*/

html, body {
    background: #918f90;
    color: #fff;
    font-family: Verdana;
    letter-spacing: -0.12ex;
    margin: 0;
}

a {
    text-decoration: none;
    color: inherit;
}

a img {
    border: none;
}

img.right {
		float: right;
}

img.left {
		float: left;
}

.clearfix {
		clear: both;
}

div#site {
    background: #fff;
    padding: 3em 7.5%;
    width: 80%;
    margin: 0 auto;
}

body.business-cards div#header {
    background: #1d1e5d;
    margin-bottom: 3.5%;
}

    body.business-cards div#header h1 {
        margin-top: 1.5em;
        background: #00F url('img/full-colour-wheel.jpg') 100% 70% no-repeat;
        height: 15em;
    }

    div#header h1 a img {
        border: none;
        margin: 20px;
    }

    body.business-cards #nav {
        display: block;
        padding: 0;
        margin: 0;
		margin-left: 2%;
        width: 98%;
		overflow: hidden;
    }

    body.business-cards #nav li {
        list-style: none;
        float: left;
        width: 14.25%;
        display: block;
        margin: 0;
        margin-bottom: 1ex;
        margin-left: 1%;
        padding: 0 1%;
        border-left: none;
        font-size: 116%;
        text-align: center;
		baseline: middle;
    }

    body.business-cards div#header ul#nav li + li {
        border-left: 1px solid #ccc;
        margin-left: 0;
    }

    body.business-cards div#header ul#nav li a {
        display: block;
        padding: 1em 0 14px;
        width: 100%;
    }

    body.business-cards div#header ul#nav li a:hover, body.business-cards div#header ul#nav li a:focus {
        color: #ECA324;
    }

	body.business-cards li.business-cards a,
	body.flyers li.flyers a,
	body.stationery li.stationery a,
	body.bespoke-items li.bespoke-items a,
	body.design li.design a,
	body.about li.about a {
		background: url('img/nav-li-selected.png') bottom center no-repeat;
	}

	body.business-cards li.business-cards a:hover, body.business-cards li.business-cards a:focus,
	body.flyers li.flyers a:hover, body.flyers li.flyers a:focus,
	body.stationery li.stationery a:hover, body.stationery li.stationery a:focus,
	body.bespoke-items li.bespoke-items a:hover, body.bespoke-items li.bespoke-items a:focus,
	body.design li.design a:hover, body.design li.design a:focus,
	body.about li.about a:hover, body.about li.about a:focus {
		background: url('img/nav-li-selected-hover.png') bottom center no-repeat;
	}

div#content {
    width: 100%;
}

div#content div.contentblock {
    padding: 1%;
    width: 70%;
    float: left;
    margin: 0.5% 0;
}

body.business-cards div#intro {
    background: #bdbcbc;
}

    body.business-cards div#intro p, body.business-cards div#intro table {
        color: #1d1e5d;
    }

body.business-cards div#about, body.business-cards div#spot-gloss {
    width: 25%;
    float: right;
}

body.business-cards div#about {
    background: #1d1e5d;
}

body.business-cards div#upload {
    background: #eca324;
}

    body.business-cards div#intro a {
        color: #1d1e5d;
    }

body.business-cards div#spot-gloss {
    background: #2862b4;
}

div#footer {
    clear: both;
    color: #888;
}

    div#footer a:hover, div#footer a:focus {
        color: #222;
    }

    span#microangelo {
        float: right;
    }

/* jQuery UI Tabs */
.ui-widget-header { border: none; background: inherit; color: inherit; font-weight: normal; }
.ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0 .2em; }
.ui-tabs-nav { position: absolute; top: 0; left: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 0 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 0 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 0; background: none; padding-top: 1em;}
.ui-tabs .ui-tabs-hide { display: none !important; }
/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; }
.ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }
.ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
.ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.ui-corner-top { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.ui-corner-right {  -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.ui-corner-left { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
.ui-corner-all { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.ui-state-default {
background:#E6E6E6;
}

/* Uploader */
#loading {display:none;}
.error {color:#900000;}
.success {color:#009900;}