html, body {
font-size:62.5%;
font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #fff url('images/concrete.gif') repeat;
color:#fff;
text-align:center;
margin:0;
padding:0;
height: 100%;
}

#page {
background: #fff url('images/colour-bkg.jpg') repeat-y;
text-align:left;
width:740px;
margin:0 auto;
font-size:12px;
padding:0;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
position:relative;
}

#headerbkg {height:106px; width:716px; margin:0; padding:0; background: url('images/black-trns.png');}
img#headerimg {margin-left:20px; margin-top:18px; width:555px; height:47px;}
#nav-menu {display: block; width:580px; height:19px; margin-left:20px;}

#leg {display: block; width:394px; height:228px; float:left; position:absolute; top:0; left:-393px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; background: url('images/foot.gif') no-repeat;}

a#menu-home, a#menu-gallery, a#menu-exhibitions, a#menu-contact {display:inline-block; height:19px; margin-right:20px;}
a#menu-home {width:64px; background: url('images/main-menu.gif');}
a:hover#menu-home {background-position:0 -19px;}
a#menu-gallery {width:180px; background: url('images/main-menu.gif') -62px 0;}
a:hover#menu-gallery {background-position:-62px -19px;}
a#menu-exhibitions {width:132px; background: url('images/main-menu.gif') -250px 0;}
a:hover#menu-exhibitions {background-position:-250px -19px;}
a#menu-contact {width:102px; background: url('images/main-menu.gif') -382px 0;}
a:hover#menu-contact {background-position:-382px -19px;}

#content {width:660px; background: url('images/black-trns.png'); margin-top:18px; margin-bottom:42px; padding: 20px 30px 20px 30px;}

div#footer {width:660px; position:absolute; bottom:0; background: url('images/black-trns.png'); font-size:9px; padding:10px 30px 10px 30px;}
div#footer p#fleft, div#footer p#fright {display:inline-block; margin:0; padding:0;}
div#footer p#fright {float:right;}

/* GENERAL SETTINGS */
a {color:#06c; text-decoration:none;}
a:hover {color:#0051a1; text-decoration:underline;}
a:active {outline:none;}
a:focus {-moz-outline-style:none; outline:none;}
a img {border:none;}

p {line-height:16px; margin:0 0 6px 0;}
p.last {margin-bottom:20px;}

.clear {clear:both;}

hr, .hidden,.hide {display:none;}

.inline {display:inline;}
/* end GENERAL SETTINGS */

/* HEADINGS */
h1, h2, h3 ,h4, h5 {font:Arial Black, Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; text-decoration:none}
h1, h3 {margin-top:0; font-size:24px}
h1 {margin-bottom:8px}
h4 {font-size:20px; margin-top:0; margin-right:10px; display:inline}
h5 {font-size:16px; margin:0 0 14px 0; color:#E222BB;}
h6 {margin-bottom:12px; font-size:16px; font-weight:bold; margin:0 0 14px 0;}
p.phone {font-size:20px; display:inline; color:#E222BB; font-weight:bold;}
/* end HEADINGS */

/* CONTENT */
p.title, p.desc, .pink {color:#e222bb;}

span.pink {margin-right:16px;}

p.desc, h3 {display:inline; margin:0;}

p.desc {float:right; margin-top:12px; margin-right:128px;}

#slogan {margin-left:80px; margin-top:72px; display:inline; float:left;}
#flyer {margin-left:00px; margin-top:20px; display:inline; float:left;}

a.emailme {font-size:20px; font-weight:bold; color:#e222bb;}
a:hover.emailme {color:#fff; text-decoration:none;}

/* End CONTENT */

/* CODA SLIDER */
#slider {width:660px; margin:0 auto; position:relative;}

.scroll{ width:520px; height:620px; margin:0; overflow:auto; position:relative; display:inline-block;}

.scrollContainer .panel {padding:0; width:620px; overflow:hidden;}

img.scrollimg {cursor:pointer; display:inline;}

.scrollMeLeft {margin-left:27px;}

.navigation, .navigation2 {padding:0; list-style-type:none; width:50px; vertical-align:top; display:inline-block;}
.navigation {margin-left:5px;}
.navigation2 {margin-left:16px;}
ul.navigation { margin-top:4px;}
ul.navigation li {margin-bottom:6px;}
img.iborder {margin-top:10px; border: 16px #fff solid; clear:both;}

.hide {display: none; visibility:hidden;}
/* end CODA SLIDER */
