@import url(color.css);
@import url(font.css);

/* studio
   ===== */

div#studio, div#studio-manufacture, div#studio-home, div#studio-product {
padding: 0;
margin: 0;
}

.thumbnail span {
position: absolute;
padding: 0;
margin: 0;
border: 0;
left: -1000px;
text-decoration: none;
}

.thumbnail:hover span {
visibility: visible;
top: 16px;
left: 0;
z-index: 50;
}

.thumbnail img {
border: 0;
margin: 0;
padding: 0;
}

.thumbnail:hover, .thumbnail:hover img {
background-color: transparent;
}

div#studio ul, div#studio-manufacture ul, div#studio-home ul, div#studio-product ul {
list-style-type: none;
list-style-image: none;
padding: 148px 0 0 0;
margin: 0;
}

div#studio ul li,div#studio-manufacture ul li, div#studio-home ul li, div#studio-product ul li {
display: inline;
}

/* Padding and Margins
    ===============  */

body, div {
padding: 0;
margin: 0;
}

h1 {
padding: 25px 0 0 29%;
margin: 0;
}

h2 {
text-indent: 10px;
height: 30px;
padding: 5px 0 0 0;
margin: 1em 0 0 0;
}

h2.top {
margin: 0;
}


h3 {
text-indent: 10px;
padding: 0;
margin: 0;
}

p {
padding: 0 0 0.6em 10px;
margin: 0;
}

p.footer {
padding: 5px 0 0 10px;
margin: 3em 0 0 0;
}

ul {
margin: 0;
padding: 0 0 0.6em 30px;
}


/* Containers
    ========  */

html {
text-align: center;
}

body {
position: relative;
width: 770px;
margin: 0 auto;
text-align: left;
}

div#branding {
position: relative;
width: 100%;
height: 97px;
}

div#content {
position: relative;
width: 100%;
}

div#address {
position: absolute;
left: 0;
width: 26%;
padding: 1em 0;
text-align: right;
}

div#address .address {
margin: 40px 0 40px 0;
}

div#copy {
position: absolute;
left: 28%;
width: 54%;
padding: 1em 0;
}

div#menu {
position: absolute;
left: 84%;
width: 16%;
padding: 0;
margin-top: 1em;
}

div#menu ul { 
margin: 10px 0 0 2em;
padding: 0;
list-style: none;
list-style-image: none;
}

div#menu li {
height: 34px;
width: 90px;
margin-top: -9px;
padding: 7px 0 0 0;
}

/* Background Images
    ===============  */

div#studio-manufacture {
background-image: url(http://www.rivermanufacturing.co.uk/image/factory-floor.png);
background-repeat: repeat-x;
}

div#studio-home {
background-image: url(http://www.rivermanufacturing.co.uk/image/wine-glasses.png);
background-repeat: no-repeat;
}

div#studio-product {
background-image: url(http://www.rivermanufacturing.co.uk/image/air-freshners.png);
background-repeat: no-repeat;
}

body {
background-image: url(http://www.rivermanufacturing.co.uk/image/brand-background.png);
background-repeat: repeat-x;
}

div#branding {
background-image: url(http://www.rivermanufacturing.co.uk/image/logo.gif);
background-repeat: no-repeat;
}

div#menu li {
background-image: url(http://www.rivermanufacturing.co.uk/image/menu-button.gif);
background-repeat: no-repeat;
}

h2 {
background-image: url(http://www.rivermanufacturing.co.uk/image/corner.gif);
background-repeat: no-repeat;
}

ul {
list-style-image:url( http://www.rivermanufacturing.co.uk/image/bullit.gif)
}

p.footer {
background-image: url(http://www.rivermanufacturing.co.uk/image/corner.gif);
background-repeat: no-repeat;
}

/* Background Images - Test House
    ========================= 

div#studio-manufacture {
background-image: url(//localhost/D:/Clients/RiverPlastics/Manufacturing/image/factory-floor.png);
background-repeat: repeat-x;
}

div#studio-home {
background-image: url(//localhost/D:/Clients/RiverPlastics/Manufacturing/image/wine-glasses.png);
background-repeat: no-repeat;
}

div#studio-product {
background-image: url(//localhost/D:/Clients/RiverPlastics/Manufacturing/image/air-freshners.png);
background-repeat: no-repeat;
}

body {
background-image: url(//localhost/D:/Clients/RiverPlastics/Manufacturing/image/brand-background.png);
background-repeat: repeat-x;
}

div#branding {
background-image: url(//localhost/D:/Clients/RiverPlastics/Manufacturing/image/logo.gif);
background-repeat: no-repeat;
}

div#menu li {
background-image: url(//localhost/D:/Clients/RiverPlastics/Manufacturing/image/menu-button.gif);
background-repeat: no-repeat;
}

h2 {
background-image: url(//localhost/D:/Clients/RiverPlastics/Manufacturing/image/corner.gif);
background-repeat: no-repeat;
}

ul {
list-style-image: url(//localhost/D:/Clients/RiverPlastics/Manufacturing/image/bullit.gif)
}

p.footer {
background-image: url(//localhost/D:/Clients/RiverPlastics/Manufacturing/image/corner.gif);
background-repeat: no-repeat;
}
*/