@import url("content.css");
@import url("nav.css");

* {
margin:0;
padding:0;
list-style-type:none;
}

html, body {
height:100%; /* gives layout 100% height */
overflow:inherit; /* triggers 100% height in Opera 9.5 */
}

body {
background:url(../assets/bg.png) #EAEAE1 repeat-x left top; 
font:normal 10pt/14pt Arial, Helvetica, sans-serif; 
color:#525252;
}

* html #container { 
height:100%; /* IE6 treats height as min-height */
}

#container {
position:relative;
margin:0 auto;
width:890px;
min-height:100%; /* gives layout 100% height */
background:url(../assets/content_bg.png) #FFFFFF repeat-y top right;
}

.clear {
clear:both;
}

#image_display {
position:relative;
float:right;
margin:0;
padding:0;
width:855px;
color:#aaa;
height:210px;
z-index:0;
}

#footer {
position:absolute;
width:860px;
height:60px;
bottom:0px;
padding:10px 15px;
margin:15px 0 0;
background:url(../assets/footer_bg.png) repeat-x left top;
}

#footer .inner {
padding-top:8px;
border-top:solid 1px #CCC;
}

#footer .inner a {
color:#0A1E7E;
text-decoration:none;
}

#footer .inner a:hover {
color:#FF3300;
}

#footer .inner span {
float:left;
font:400 8pt/14pt Arial, Helvetica, sans-serif;
padding-bottom:5px;
color:#525252;
}

#footer .inner img {
float:right;
margin:5px 0 0 8px;
}

#tinybox {
position:absolute;
display:none;
padding:10px;
background:#fff url(../assets/preload.gif) no-repeat 50% 50%;
border:10px solid #e3e3e3;
z-index:2000
}

#tinymask {
position:absolute;
display:none;
top:0;
left:0;
height:100%;
width:100%;
background:#333;
z-index:1500
}

#tinycontent {
background:#fff;
}

#tinycontent h4 {
margin-top:10px;
font:400 10pt/16pt Arial, Helvetica, sans-serif;
}


#tinycontent p {
font:400 8pt/14pt Arial, Helvetica, sans-serif;
}