/* Reset */
html { height: 100%; }
body { min-height: 100%; }

h2,
h3,
p { margin: 1ex 2em; }
blockquote { margin: 1ex 0; }

.promos,
ul.promos li.promo,
.main,
ul.main li.section {
    margin: 0;
    padding: 0;
}


/* Layout */
body {
    position: relative;
    margin: 0 auto;
	width: 90%;
	max-width: 100em;
}

div.page,
div.promo { padding: 0 1em; }
.main { padding: 2ex 0; }
.main li.section div.section { padding: 1ex 2em; }
.main li.section h3,
.main li.section p,
.promos h3,
.promos p { margin: 1ex 0; }
.header,
p.legal {
    margin: 0;
    padding: 1ex 0;
}


.header img.logo {
    float: left;
    margin: 0 1em 0 0;
    border: none;
    vertical-align: text-top;
}

img.free-entry {
	float: right;
	margin-right: -1em;
	border-style: none;
}

img.map {
    border: solid 1px #E40F13;
    padding: 8px;
}
img.float { border: solid 1px; }

.sidebar { padding: 1ex; }
.sidebar img {
	border: solid 1px #000;
	margin: 0 auto;
	display: block;
}
.sidebar .links { margin: 2ex 0 0 0; }

.sidebar,
img.float {
	float: left;
	margin: 2ex 2em 2ex 2ex;
}

img.map,
.boxout,
#geneity-about img.float {
    float: right;
    margin: 2ex 2ex 2ex 2em;
}

.boxout,
.links {
/*    border: solid 1px #E8E9EB; */
    border: solid 1px #DDD;
    padding: 0 1em;
    color: #000;
    background: #F9F9F9 url("/images/showcase_bg.png") bottom repeat-x;
}
.boxout h4,
.links h4 {
    margin: 1ex 1em;
    text-align: center;
    font-size: 125%;
    font-weight: normal;
}
.boxout ul,
.links ul {
    list-style-type: circle;
    list-style-position: inside;
    padding: 0;
    margin: 2ex 0;
	font-size: 110%;
}
.boxout li,
.links li { margin: 0.25ex 0; }

.header ul.navbar {
	display: inline;
	margin: 0;
	padding: 0;
}
.header ul.navbar li {
	display: inline-block;
	margin: 0;
	padding: 0;
	min-width: 8em;
}

.breadcrumbs {
	margin: 1ex 1em;
	font-weight: bold;
	font-size: 75%;
}
.breadcrumbs a,
.breadcrumbs span {
	margin: 0 0.25em;
	font-size: 133%;
}

ul.footer,
ul.footer li {
	margin: 1ex 0;
	padding: 0;
}
ul.footer li { display: inline; }
ul.footer li + li:before { content: " | "; }


/* Colours */
body {
    color: #FFF;
    background: #000 url("/images/page_bg.png") top repeat-x;
}
.body {
    border-bottom-style: none;
    background: #FFF url("/images/body_bg.png") bottom repeat-x;
    padding-bottom: 9px;
}
.page {
    color: #000;
    background-color: #FFF;
}
.main {
    text-align: center;
    color: #000;
    background: #FFF url("/images/main_bg.png") bottom repeat-x;
}
.showcase {
    color: #6E6F70;
    background: #F9F9F9 url("/images/showcase_bg.png") bottom repeat-x;
}
div.promo {
/*    border: solid 1px #E8E9EB; */
    border: solid 1px #DDD;
    background: url("/images/promo_bg.png") bottom repeat-x;
}

a:link { color: #E40F13; }
a:visited { color: #A80B0E; }
a:active { color: #F70; }

ul.footer a:link { color: #FFF; }
ul.footer a:visited { color: #DDD; }
ul.footer a:hover { color: #F00; }
ul.footer a:active { color: #F70; }

.header ul.navbar li a {
    background-color: #E40F13;
    border: solid 1px #EB3832;
}
.header ul.navbar li.selected a {
    background-color: #4E4E4E;
    border-color: #999;
}

.header ul.navbar li a:link { color: #FFF; }
.header ul.navbar li a:visited { color: #DDD; }
.header ul.navbar li a:hover { background-color: #F20000; }
.header ul.navbar li.selected a:hover { background-color: #666; }
.header ul.navbar li a:active { color: #F70; }


/* Fonts */
html { font: menu; }
body {
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: normal;
    font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
h3,
.showcase {
	font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Bitstream Vera Sans", "DejaVu Sans", "Liberation Sans", Verdana, sans-serif;
}

cite { font-size: 90%; }
.showcase {
    font-size: 175%;
    line-height: 150%;
    font-weight: bold;
}
/*
.showcase p:first-letter {
    line-height: 0%;
    font-size: 200%;
    vertical-align: middle;
}
*/
.showcase img.float { margin: 1ex 1em 1ex 1ex; }

.main { line-height: 150%; }
h2 { font-size: 175%; }
h3 {
    font-size: 150%;
    font-weight: bold;
}
.promos h3 {
    font-size: 120%;
    text-transform: uppercase;
}
p.legal { font-size: 90%; }

.header ul.navbar li { font-weight: bold; }
.header ul.navbar li a {
    display: block;
    padding: 0.5ex 0.5em;
    text-decoration: none;
    text-align: center;
}


/* Contain floats */
.header,
.ie-body,
.showcase { overflow: auto; }

p.legal,
ul.footer { text-align: right; }

.ie-body {
    /* border: solid 1px #E8E9EB; */
    border: solid 1px #DDD;
}

.main li.section {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    min-width: 16em;
    min-height: 28ex;
    width: 49%;
}
.main li.section div.section {
	border: solid 1px #BBB;
	border-style: none none none solid;
	margin-left: -1px;
}
.main li.first-child div.section { border-style: none solid none none; }

.main { overflow: hidden; }

.promos { text-align: center; }
li.promo {
    display: inline-block;
    vertical-align: top;
    min-width: 16em;
    width: 33.3%;
    text-align: left;
}

div.promo { margin: 1ex; }
.promos { margin: 0 -0.5em; }
div.promo { min-height: 25ex; }
#geneity-products div.promo { min-height: 24ex; }

#geneity-contact .ie-body { padding: 1ex 1em; }
#geneity-contact .ie-body div { margin: 1ex 1em; }

.banner {
    margin: 2ex 0;
    height: 252px;
    background: #000 url("/images/dogs.jpg") center no-repeat;
}

ul.customers {
    padding: 0;
    margin: 2ex auto;
    width: 600px;
    text-align: center;
    vertical-align: middle;
}
ul.customers li {
    display: inline;

}
ul.customers li a {
    display: inline-block;
    margin: 10px;
    min-width: 260px;
    vertical-align: middle;
}
ul.customers li a img { border: none; }

div.boxout,
div.links,
div.promo {
    /* CSS3 */
    border-radius: 0.25em;
    box-shadow: 0.25ex 0.25ex 1ex #DDD;
    /* Vendor-specific */
    -moz-border-radius: 0.25em;
    -moz-box-shadow: 0.25ex 0.25ex 1ex #DDD;
    -webkit-border-radius: 0.25em;
    -webkit-box-shadow: 0.25ex 0.25ex 1ex #DDD;
}

/* Slideshow */
div.promo.slide { display: none; }
div.promo.slide.active { display: block; }