body
{
text-align:left;
background:#FFF
}

h1{font: 9pt "arial bold", sans-serif; color:white; letter-spacing: 0px; line-height: 34px; text-align: left; margin-bottom: 16px;}

h2{font: 9pt "arial bold", sans-serif; color:#630; font-weight: bold;  letter-spacing: 2px; line-height: 12px; text-align: left; }

h3{font: 9pt "arial bold", sans-serif; color:white; letter-spacing: 0px; line-height: 17px; text-align: left}

h4{font: 9pt "arial bold", sans-serif; color:white; letter-spacing: 0px; line-height: 12px; text-align: left}

h5{font: 9pt "arial bold", sans-serif; color:white; letter-spacing: 0px; line-height: 17px; text-align: left}


a:link,  a:visited {color:#C96; text-decoration: none; border: none; }

a:hover {color:#963; text-decoration: none; }


#navbar ul {margin: 0; padding: 0; list-style: none;}

#navbar a {display: block; width: 77px;}

#navbar li {float: left; width: 77px;}

#navbar li ul {display: none;}

#navbar li:hover ul {display: block; width: 77px; position: absolute;}

div.content {clear: left;}




#content
{
background:#FFF;
width:1024px;
height:800px;
margin:0 auto;
text-align:left
}


#topcolor
{
background:#FFF;
width:1024px;
height:185px;
margin:0 auto;
text-align:left;
position: absolute; top: 0px; left: 0px; 
}



#flash
{
background:#FFF;
border: none;
width:268px;
height:175px;
margin:0 auto;
text-align:left;
position: absolute; top: 0px; left: 0px;
}

#logo
{
background:#FFF;
border: none;
width:325px;
height:25px;
margin:0 auto;
text-align:left;
position: absolute; top: 54px; left: 98px;
}

#leftcolorblock
{
background:#333;
width:425px;
height:630px;
margin:0 auto;
text-align:left;
position: absolute; top: 183px; left: 0px; 
}

#leftcolorblockturn
{
background:#333;
width:425px;
height:630px;
margin:0 auto;
text-align:left;
position: absolute; top: 183px; left: 0px; 
}

#image
{
background:#000;
width:225px;
height:375px;
margin:0 auto;
text-align:left;
position: absolute; top: 183px; left: 425px; 
}

#imageopen
{
width:225px;
height:375px;
margin:0 auto;
text-align:left;
position: absolute; top: 184px; left: 425px; 
}

#imagespread
{
background:#000;
width:225px;
height:375px;
margin:0 auto;
text-align:left;
position: absolute; top: 183px; left: 425px; 
}


#rightcolorblock
{
background:#000;
width:599px;
height:630px;
margin:0 auto;
text-align:left;
position: absolute; top: 183px; left: 425px; 
}

#rightcolorblockturn
{
background:#000;
width:599px;
height:630px;
margin:0 auto;
text-align:left;
position: absolute; top: 183px; left: 425px; 
}

#type
{
background:#333;
width:300px;
height:400px;
margin:0 auto;
text-align:left;
position: absolute; top: 240px; left: 100px; 
}

#typeturn
{
background:#333;
width:300px;
height:400px;
margin:0 auto;
text-align:left;
position: absolute; top: 200px; left: 100px; 
}

#typeturnsingle
{
background:#333;
width:200px;
height:400px;
margin:0 auto;
text-align:left;
position: absolute; top: 240px; left: 100px; 
}

#navbar
{
background:#FFF;
width:77px;
height:75px;
margin:0 auto;
text-align:left;
position: absolute; top: 60px; left: 700px; 
}



#buttonaboutus
{
background:#FFF;
width:77px;
height:15px;
margin:0 auto;
text-align:left;
position: absolute; top: 60px; left: 800px; 
}

#buttoncontact
{
background:#FFF;
width:77px;
height:15px;
margin:0 auto;
text-align:left;
position: absolute; top: 60px; left: 870px; 
}






#arrowback
{
background:#333;
width:75px;
height:15px;
margin:0 auto;
text-align:left;
position: absolute; top: 300px; left: 100px; 
}


#arrowforward
{
background:#333;
width:75px;
height:15px;
margin:0 auto;
text-align:left;
position: absolute; top: 300px; left: 170px; 
}

#copyright
{
background:#333;
width:120px;
height:15px;
margin:0 auto;
text-align:left;
position: absolute; top: 700px; left: 100px; 
}






































