html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
	
        scrollbar-base-color:#8080ff;
        scrollbar-arrow-color: #ffffff;
        scrollbar-darkshadow-color: #000000;
        scrollbar-track-color: #778899;
	margin: 0px;
	padding: 0px;
	border:0px;	
        background-color:#ffffff;}
 

		 

	

#top  {  position:absolute; left:35%; top:10px; width:35%; height:93px;
              background-color:#ffffff;} 

#date   {  position:absolute; left:80%; top:0px; width:20%; height:50px; 
              background-color:#ffffff;} 

#back     {  position:absolute; left:0px; top:0px; width:35%; height:160px; background-color:#ffffff;}

#nav        { position:absolute;top:160px; left:0px; width:100%; height:50px; background-color:#ffffff;}

#navcontainer
{
background: #ffffff;
margin: 0 auto;
padding: 1em 0 0 0;
font-family: georgia, serif;
text-transform: lowercase;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
font-size: 0.8em;
}

ul#navlist li
{
display: block;
float: left;
width: 11%;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color:#ffffff;
text-decoration: none;
background:#778899;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #ffffff;
color: #778899;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color:#8080ff;
background:#ffffff;
border-color: #aaab9c #fff #fff #ccc;
}


#main  {  width: 90%; height: 100%; position: absolute;top:210px; left:5%; background-color:#ffffff; text-align;justify;}
     

#ftr      {  width: 100%; height: 10%; position: absolute; top:1200px;  }

#ftr2      {  width: 100%; height: 10%; position: absolute; top:110%;  }

    

#title {  width: 50%; height: 70px; position: absolute;top:220px; left:25%; background-color:#ffffff; }

    
#boxleft { position:absolute; top:300px; left:5%; width:25%; height:300px;text-align:justify; background-color:#ffffff;padding:10px;}

#boxcentre { position:absolute; top:300px; left:37%; width:25%; height:300px; text-align:justify;background-color:#ffffff;padding:10px;}


#boxright { position:absolute; top:300px; left:65%; width:30%; height:300px;text-align:justify; background-color:#ffffff;padding:10px;}

                                           
#main2    { position:absolute; top:300px; left:30%; width:65%; height:100%;text-align:justify; background-color:#ffffff;padding:10px;}

#left2    { position:absolute; top:300px; left:0px; width:30%; height:100%;text-align:justify; background-color:#ffffff;padding:10px;}

 

#nested1  {  width: 20%; height:30%; position: absolute; top:300px; left:10%;  background-color:#ffffff;}   

#nested2 { width: 20%; height:30%; position: absolute;top:300px; left:40% ; background-color:#ffffff; }   
  
#nested3 { width: 20%; height:30%;  position: absolute;top:300px; left:70% ; background-color:#ffffff; }   
                                                 

#nested4 {  width: 20%; height:30%; position: absolute;top:600px; left:10% ;background-color:#ffffff; }   
              

#nested5 {  width: 20%; height:30%; position: absolute;top:600px; left:40% ; background-color:#ffffff; }   
             
 
#nested6 {  width: 20%; height:30%; position: absolute;top:600px; left:70% ;background-color:#ffffff; }   
                                                        

               
#nested7  { width: 20%; height:30%; position: absolute;top:915px; left:10% ;background-color:#ffffff; }   
                 

#nested8  {  width: 20%; height:30%; position: absolute;top:815px; left:40%; background-color:#000000;  }   
        
#nested9  {  width: 20%; height:30%; position: absolute;top:815px; left:70%; background-color:#000000;  }   
                                  
#nested10 { width: 20%; height:30%; position: absolute; top:930px; left:10%; background-color:#000000; }   
                                  
#nested11 { width: 20%; height:30%;position:absolute; top:930px; left:40%;  background-color:#000000;  }   
            
#nested12  { width: 20%; height:30%;position:absolute; top:930px; left:70%;  background-color:#000000;  }           

h2 {font: bold italic 1em "Times New Roman", "MS Serif", "New York", serif;
color: #8080ff;
} 

h1 {
font: bold italic 2em/1em "Times New Roman", "MS Serif", "New York", serif;
color:#8080ff;
}




.sold     { color:red ; font: 1.3em perpetua, arial, verdana ; font-weight: bold; }


.gallery     { color:#000000 ; font: 1em perpetua, arial, verdana ; font-weight: bold; }

.title       { color:indigo ; font: 1em papyrus, arial, verdana ; font-weight: bold; }

.title2      { color:CC99FF ; font: 1em papyrus, arial, verdana ; font-weight: bold; }

.title3      { color:FFCC99 ; font: 1em papyrus, arial, verdana ; font-weight: bold; }

.title4      { color:#FF3300 ; font: 1em papyrus, arial, verdana ; font-weight: bold; }

.title7      { color:indigo ; font: 1em perpetua, arial, verdana ; font-weight: bold; }


.title5      { color:lightsteelblue ; font: 1em papyrus, arial, verdana ; font-weight: bold; }

.font1       { color:#778899 ; font: 1.1em papyrus, arial, verdana ; font-weight: bold; }

.font2       { color:#00cc66 ; font: 1.1em papyrus, arial, verdana ; font-weight: bold; }

.font3       { color:#cc99ff ; font: 1.1em papyrus, arial, verdana ; font-weight: bold; }

.font4       { color:#ff3300 ; font: 1.1em papyrus, arial, verdana ; font-weight: bold; }

.font5      { color:#ffcc99 ; font: 1.1em papyrus, arial, verdana ; font-weight: bold; }

.main { color:#778899 ; font: 110%;  perpetua,arial,verdana ;font-weight:bold; }

.main2 { color:lightsteelblue ; font: 1.1em papyrus, arial, verdana ; font-weight: bold; }

.copyright   { color:#778899; font: 16px perpetua, arial ; font-weight: bold; }

.title1       { color:#00CC66 ; font: 1.3em papyrus, arial, verdana ; font-weight: bold; }

.date       { color:#8080ff ; font: 80%  arial, verdana ; font-weight: bold; }

a:link,{ color:#8080ff ; } a:visited { color: indigo ; }