/*
NAME: Galleries Outside Liverpool
VERSION: 1.0
AUTHOR: Brava Design
AUTHOR URI: http://www.bravadesign.co.uk
*/

/*
--- COLOUR GUIDE ---
Background: #5b7b7d
Text/Headers: #9f8f86
*/


/* LAYOUT */

body {
padding:0px;
margin:0px;
background-image:url(images/bg.png);
background-repeat:repeat-x;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1em;
}

div#wrapper {
width:100%;
height:auto;
}

div#container {
width:880px;
height:auto;
margin:0px auto 0px auto;
}

div#header {
width:880px;
height:165px;
}

div#navigation {
display:inline;
float:right;
width:490px;
height:110px;
border-bottom:7px solid #ced3d3;
margin-top:30px;
}

div#logo {
float:left;
padding:0px;
margin:0px;
border:none;
margin-top:15px;
}

div#content_block {
width:880px;
height:450px;
background-image:url(images/main_bg.png);
background-repeat:no-repeat;
}

div#main_image {
width:570px;
height:385px;
overflow:hidden;
float:left;
margin:30px;
background-color:#CCCCCC;
}

div#main_text {
width:220px;
height:auto;
float:right;
margin:30px 30px 20px 0px;
}

div#download_block {
}



div#footer {
width:870px;
height:60px;
}

div#logos {
width:500px;
float:left;
}

div#link_love {
width:150px;
float:right;
text-align:right;
}

/* TEXT/LINKS */

p {
font-size:75%;
color:#4b3b33;
}

a {
color:#5b7b7c;
}

div#download_text p{
font-size:70%;
color:white;
}

div#footer p{
font-size:75%;
color:#c5d3d2;
}

div#footer a{
color:#ecf5f5;
text-decoration:none;
}

div#footer a:hover{
text-decoration:underline;
color:#ecf5f5;
}

/* NAVIGATION */

div#navigation li {
display:inline;
float:left;
width:90px;
height:110px;
text-align:center;
margin:0px 4px 0px 4px;
font-size:1.2em;
}

div#navigation a {
text-decoration:none;
color:white;
display:block;
padding-top:82px;
}

div#navigation ul {
margin:0px;
padding:0px;
}

.halton {
background-image:url(images/halton_rollover.png);
background-repeat:no-repeat;
background-position:0% 110px;
}

.halton:hover {
background-image:url(images/halton_rollover.png);
background-repeat:no-repeat;
background-position:100% -110px;
}

.halton_active {
background-image:url(images/halton_rollover.png);
background-repeat:no-repeat;
background-position:100% -110px;
}

.knowsley {
background-image:url(images/knowsley_rollover.png);
background-repeat:no-repeat;
background-position:0% 110px;
}

.knowsley:hover {
background-image:url(images/knowsley_rollover.png);
background-repeat:no-repeat;
background-position:100% -110px;
}

.knowsley_active {
background-image:url(images/knowsley_rollover.png);
background-repeat:no-repeat;
background-position:100% -110px;
}

.sefton {
background-image:url(images/sefton_rollover.png);
background-repeat:no-repeat;
background-position:0% 110px;
}

.sefton:hover {
background-image:url(images/sefton_rollover.png);
background-repeat:no-repeat;
background-position:100% -110px;
}

.sefton_active {
background-image:url(images/sefton_rollover.png);
background-repeat:no-repeat;
background-position:100% -110px;
}

.sthelens {
background-image:url(images/sthelens_rollover.png);
background-repeat:no-repeat;
background-position:0% 110px;
}

.sthelens:hover {
background-image:url(images/sthelens_rollover.png);
background-repeat:no-repeat;
background-position:100% -110px;
}

.sthelens_active {
background-image:url(images/sthelens_rollover.png);
background-repeat:no-repeat;
background-position:100% -110px;
}

.wirral{
background-image:url(images/wirral_rollover.png);
background-repeat:no-repeat;
background-position:0% 110px;
}

.wirral:hover {
background-image:url(images/wirral_rollover.png);
background-repeat:no-repeat;
background-position:100% -110px;
}

.wirral_active {
background-image:url(images/wirral_rollover.png);
background-repeat:no-repeat;
background-position:100% -110px;
}

/* IMAGES */

img {
border:none;
margin:none;
padding:none;
}

/* PNG FIX */

img, div, a, input { 
behavior: url(iepngfix.htc) 
}