#frame {
width: 804px;
margin: 0px;
padding: 0px;
float: left;
font: 100 1px arial;
background: #ffffff;
}

#seologobox {
width: 200px;
height: 80px;
float: left;
padding: 0px;
margin: 0px 0px 0px 0px;
background: #ffffff;
}

.seologo {
width: 160px;
height: 80px;
float: left;
padding: 0px;
margin: 0px 0px 0px 20px;
background: #ffffff;
border: 0px;
}

#seoheadbox {
width: 600px;
height: 80px;
float: left;
padding: 0px;
margin: 0px;
border: 0px;
background: #ffffff;
}

#logobox {
width: 90px;
height: 80px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

#headbox {
width: 710px;
height: 80px;
float: left;
padding: 0px;
margin: 0px;
border: 0px;
background: #ffffff;
}

#navbox {
width: 800px;
height: 32px;
float: left;
padding: 10px 0px 10px 0px;
margin: 0px;
background: #ffffff;
}

#fatrow {
width: 500px;
float: left;
padding: 0px;
margin: 0px;
border: 0px;
background: #ffffff;
border-top: solid 0px #dddddd;
border-right: solid 1px #dddddd;
border-bottom: solid 0px #dddddd;
border-left: solid 1px #dddddd;
}

#widerow {
width: 800px;
float: left;
padding: 0px;
margin: 0px;
border: 0px;
background: #ffffff;
border-top: solid 0px #dddddd;
border-right: solid 1px #dddddd;
border-bottom: solid 0px #dddddd;
border-left: solid 1px #dddddd;
}

#flashwide {
width: 800px;
height: 300px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

.fwide {
width: 780px;
height: 280px;
float: left;
padding: 0px;
margin: 10px;
background: #ffffff
}

#flashtutorial {
width: 800px;
height: 500px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

.ftutorial {
width: 780px;
height: 480px;
float: left;
padding: 0px;
margin: 10px;
background: #ffffff
}

#pngwide {
width: 800px;
height: 300px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

.pwide {
width: 700px;
height: 280px;
float: left;
padding: 0px 40px;
margin: 10px;
background: #ffffff
}

#postcardwide {
width: 800px;
height: 600px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

.pcwide {
width: 800px;
height: 600px;
float: left;
padding: 0px 0px;
margin: 0px;
background: #ffffff
}


#wideleft {
width:  398px;
float: left;
padding: 0px;
margin: 0px;
border: 0px;
background: #ffffff;
border-top: solid 0px #dddddd;
border-right: solid 1px #dddddd;
border-bottom: solid 0px #dddddd;
border-left: solid 0px #dddddd;
}

#wideright {
width: 398px;
float: left;
padding: 0px;
margin: 0px;
border: 0px;
background: #ffffff;
border-top: solid 0px #dddddd;
border-right: solid 0px #dddddd;
border-bottom: solid 0px #dddddd;
border-left: solid 0px #dddddd;
}

#widetall {
width: 398px;
height: 598px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

.wtall {
width: 378px;
height: 578px;
float: left;
padding: 0px;
margin: 10px;
background: #ffffff;
}

#widepipe {
width: 398px;
height: 198px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

.wpipe {
width: 358px;
height: 158px;
float: left;
padding: 10px 10px 10px 10px;
margin: 10px;
background: #ffffff;
}

#widestamp {
width: 398px;
height: 198px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

.wstamp {
width: 318px;
height: 158px;
float: left;
padding: 10px 30px 10px 30px;
margin: 10px;
background: #ffffff;
}

#widerectangle {
width: 398px;
height: 298px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

.wrectangle {
width: 358px;
height: 238px;
float: left;
padding: 10px 10px 10px 10px;
margin: 10px;
background: #ffffff;
}

#widesquare {
width: 398px;
height: 398px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

.wsquare {
width: 358px;
height: 358px;
float: left;
padding: 10px 10px 10px 10px;
margin: 10px;
background: #ffffff;
}

#bigicon {
width: 398px;
height: 278px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

.bigi {
width: 248px;
height: 248px;
float: left;
padding: 5px 65px 5px 65px;
margin: 10px;
background: #ffffff;
}

#mediumicon {
width: 398px;
height: 278px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

.mediumi {
width: 210px;
height: 210px;
float: left;
padding: 24px 84px 24px 84px;
margin: 10px;
background: #ffffff;
}

#smallicon {
width: 398px;
height: 278px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

.smalli {
width: 180px;
height: 180px;
float: left;
padding: 39px 99px 39px 99px;
margin: 10px;
background: #ffffff;
}

#flashsquare {
width: 398px;
height: 398px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

.fsquare {
width: 378px;
height: 378px;
float: left;
padding: 0px;
margin: 10px;
background: #ffffff
}

#flashrectangle {
width: 398px;
height: 298px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

.frectangle {
width: 378px;
height: 278px;
float: left;
padding: 0px;
margin: 10px;
background: #ffffff;
}

#flashpipe {
width: 398px;
height: 198px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

.fpipe {
width: 378px;
height: 178px;
float: left;
padding: 0px;
margin: 10px;
background: #ffffff;
}

#flashstamp {
width: 398px;
height: 198px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

.fstamp {
width: 318px;
height: 158px;
float: left;
padding: 0px;
margin: 20px 40px;
background: #ffffff;
}

#flashpod {
width: 398px;
height: 198px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

.fpod {
width: 238px;
height: 158px;
float: left;
padding: 0px;
margin: 20px 80px;
background: #ffffff;
}


#widepod {
width: 398px;
height: 198px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

.wpod {
width: 238px;
height: 158px;
float: left;
padding: 20px 80px;
margin: 0px;
background: #ffffff;
}

#singleone {
width: 248px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

#centerrow {
width: 300px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
border-left: solid 1px #dddddd;
}

#singletwo {
width: 248px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
border-left: solid 1px #dddddd;
}

#twostory {
width: 248px;
height: 298px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

.story {
width: 228px;
height: 278px;
float: left;
padding: 10px;
margin: 0px;
}

#centerstory {
width: 298px;
height: 298px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
margin: 0px 0px 0px 0px;
}

.centerstor {
width: 228px;
height: 278px;
float: left;
padding: 10px;
margin: 0px 24px;
background: #ffffff;
}

#skyscraper {
width: 248px;
height: 498px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

.sky {
width: 228px;
height: 478px;
float: left;
padding: 10px;
margin: 0px;
}

#centerscraper {
width: 298px;
height: 498px;
float: left;
padding: 0px;
margin: 0px 0px 0px 0px;
background: #ffffff;
}

.centersky {
width: 228px;
height: 478px;
float: left;
padding: 10px;
margin: 0px 26px;
background: #ffffff;
}

#centerscreen {
width: 298px;
height: 298px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
margin: 0px 0px 0px 0px;
}

.centerscre {
width: 278px;
height: 278px;
float: left;
padding: 10px;
margin: 0px;
background: #ffffff;
}

#2x3 {
width: 298px;
height: 198px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

#centerletter {
width: 248px;
height: 198px;
float: left;
padding: 0px;
margin: 10px 0px 10px 16px;
background: #ffffff;
}

.centerlett {
width: 228px;
height: 178px;
float: left;
padding: 10px;
margin: 0px;
background: #ffffff;
}

#letter {
width: 248px;
height: 198px;
float: left;
padding: 0px;
margin: 0px 0px 0px 0px;
background: #ffffff;
}

.lett {
width: 228px;
height: 178px;
float: left;
padding: 10px;
margin: 0px;
background: #ffffff;
}

#3x3 {
width: 298px;
height: 298px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

#5x3 {
width: 300px;
height: 500px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

#3x5 {
width: 500px;
height: 300px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

#teleframe {
width: 500px;
height: 300px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

.tele {
width: 480px;
height: 280px;
float: left;
padding: 0px;
margin: 10px;
background: #ffffff;
}

#2x5 {
width: 500px;
height: 200px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

#1x5 {
width: 500px;
height: 100px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

#3x2 {
width: 298px;
height: 198px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

#fatleft {
width: 249px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

#fatright {
width: 250px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
border-top: 0px #aaaaaa dashed;
border-right: 0px #aaaaaa dashed;
border-bottom: 0px #aaaaaa dashed;
border-left: solid 1px #dddddd;
}

#rightrow {
width: 298px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
border-top: 0px #aaaaaa dashed;
border-right: solid 1px #dddddd;
border-bottom: 0px #aaaaaa dashed;
border-left: 0px #aaaaaa dashed;
}

#leftrow {
width: 298px;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px;
background: #ffffff;
border-top: 0px #aaaaaa dashed;
border-right: 0px #aaaaaa dashed;
border-bottom: 0px #aaaaaa dashed;
border-left: solid 1px #dddddd;
}

#thin1 {
width: 298px;
float: left;
padding: 0px;
margin: 0px;
background: #ffffff;
}

#tailbox {
width: 802px;
height: 40px;
float: left;
padding: 0px;
margin: 0px;
border: 0px;
background: #ffffff;
}

.logo {
width: 80px;
height: 80px;
float: left;
padding: 0px;
margin: 0px 0px 0px 10px;
text-align: center;
text-decoration: none;
}

.movie {
width: 480px;
height: 280px;
float: left;
padding: 10px;
margin: 0px;
}

.aboutus {
width: 480px;
height: 660px;
float: left;
padding: 10px;
margin: 0px;
}

.tall {
width: 280px;
height: 480px;
float: left;
padding: 10px;
margin: 0px;
}

.fourup {
width: 250px;
height: 150px;
float: left;
padding: 0px;
margin: 0px;
}

.banner {
width: 480px;
height: 100px;
float: left;
padding: 10px;
margin: 0px;
}

.flick {
width: 278px;
height: 278px;
float: left;
padding: 10px;
margin: 0px;
}

.billboard {
width: 278px;
height: 178px;
float: left;
padding: 10px;
margin: 0px;
}

.icon {
width: 80px;
height: 32px;
float: left;
padding: 0px;
margin: 0px 10px 10px 20px;
text-align: center;
text-decoration: none;
}

a.red:link {
color: #bb0000;
padding: 2px 8px;
text-decoration:none;
border: 0px;
}

a.red:visited {
color: #bb0000;
padding: 2px 8px;
text-decoration:none;
border: 0px;
}

a.red:hover {
color: #ffffff;
background: #bb0000;
padding: 2px 8px;
text-decoration:none;
border: 0px;
}

a.hilite:link {
color: #000000;
background-color: #ffff99;
padding: 2px 4px;
text-decoration:none;
}

a.hilite:visited {
color: #000000;
background-color: #ffff99;
padding: 2px 4px;
text-decoration:none;
}

a.hilite:hover {
color: #ffffff;
background: #ff0000;
padding: 2px 4px;
text-decoration:none;
}

a:link {
font: 16px arial;
color: #696969;
text-decoration:none;
}

a:visited {
font: 16px arial;
color: #696969;
text-decoration:none;
}

a:hover {
font: 16px arial;
color: #000000;
text-decoration:underline;
}

img {
border: 0px;
}

h1 {
font: 28px arial;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align : center;
color: #aaaaaa;
letter-spacing: 4px;
text-decoration: none;
word-spacing: normal;
}

h2 {
font: 100 24px arial;
padding: 0px 0px 0px 0px;
margin: 4px 0px 0px 0px;
text-align :center;
color: #bb0000;
letter-spacing: 1px;
text-decoration: none;
word-spacing: normal;
}

h3 {
font: bold 28px arial;
padding: 0px;
margin: 0px;
text-align :center;
color: #bb0000;
letter-spacing: 4px;
text-decoration: none;
word-spacing: normal;
}

h4 {
font: 100 14px arial;
padding: 0px 0px 0px 0px;
margin: 0px;
text-align :center;
color: #000000;
letter-spacing: 1px;
text-decoration: none;
word-spacing: normal;
}

h5 {
font: 18px arial;
padding: 6px 0px;
margin: 10px;
text-align: center;
color: #ffffff;
letter-spacing: 1px;
text-decoration: none;
word-spacing: normal;
background-color: #bb0000;
border: 0px normal #cccccc;
}

h6 {
font: 28px arial;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 20px;
/*text-align : center;*/
color: #aaaaaa;
letter-spacing: 2px;
text-decoration: none;
word-spacing: normal;
}

ul {
list-style: disc inside
/* none circle square disc, url('.gif')*/
}


ul.tacks {

/*list-style: none outside inside; */
list-style: url('../media/dash.gif') inside; 
/* none circle square disc, url('.gif')*/
font: 100 18px arial;
padding: 10px 5px 10px 10px;
margin: 5px 10px 20px 10px;
line-height: 18px;
text-align:left;
color:#696969;
letter-spacing: 1px;
word-spacing: 2px;
/*border-top: dashed 8px #dddddd;
border-left: dashed 8px #dddddd;
border-right: dashed 8px #dddddd;
border-bottom: solid 1px #dddddd; */
}

p {
font: 100 16px arial;
padding:0px 5px;
margin:10px;
line-height: 18px;
text-align:left;
color:#696969;
letter-spacing: normal;
word-spacing: 1px;
}

.rap {
float: left;
}

.raw {
border: 0px;
}

.hr {
font: 100 16px arial;
padding: 10px 5px 0px 5px;
margin:10px;
line-height: 18px;
text-align:left;
color:#696969;
letter-spacing: normal;
word-spacing: 1px;
border-top: solid 1px #dddddd;
}

.hrb {
font: 100 16px arial;
padding: 10px 5px 10px 5px;
margin: 5px 10px 20px 10px;
line-height: 18px;
text-align:left;
color:#696969;
letter-spacing: normal;
word-spacing: 1px;
border-bottom: solid 1px #dddddd;
}

.grey {
font: 100 14px arial;
padding: 10px 5px 10px 10px;
margin:10px;
line-height: 18px;
text-align:left;
color:#000000;
background-color: #eeeeee;
letter-spacing: normal;
word-spacing: 1px;
}

.tail {
font: 100 10px arial;
padding:10px 5px;
margin: 10px;
line-height: 18px;
text-align: center;
color:#696969;
letter-spacing: 1px;
text-decoration: none;
word-spacing: 20px;
}

/*a.tail:link {
color: #696969;
}
a.tail:visited {
color: #696969;
}
a.tail:hover {
color: #ffffff;
background: #ff0000;
}*/

a.bulletip{
position:relative;
z-index:0;
color:none;
font: none;
text-decoration:none;
padding:0px;
margin:0px;
}

a.bulletip:hover {
z-index:0;
background:none;
padding:0px;
margin:0px;
color:none;
text-decoration:none;
}

a.bulletip span {
display: none;
text-decoration:none;
padding:0px;
margin:0px;
}

a.bulletip:hover span {
display:block;
position:absolute;
text-decoration:none;
top: -140px;
left: -140px;
width:160px;
height: 80px;
padding:0px;
margin:0px;
z-index:0;
}

a.postcard{
position:relative;
z-index:0;
color:none;
font: none;
text-decoration:none;
padding:0px;
margin:0px;
}

a.postcard:hover {
z-index:0;
background:none;
padding:0px;
margin:0px;
color:none;
text-decoration:none;
}

a.postcard span {
display: none;
text-decoration:none;
padding:0px;
margin:0px;
}

a.postcard:hover span {
display:block;
position:absolute;
text-decoration:none;
top: -300px;
left: -400px;
width:160px;
height: 80px;
padding:0px;
margin:0px;
z-index:0;
}

/*--------------------- NAVBAR ----------------------------------------*/

#navbar {
margin: 0px;
padding: 0px;
z-index: 30;
}

/*1*/
#navbar li {
margin: 0;
padding: 0;
list-style: none;
float: left;
font: 12px arial;
}

#navbar li a {
display: block;
margin: 0px 0px 0px 10px;
padding: 6px 24px;
width: 100px;
background: #000000;
color: #ffffff;
text-align: center;
text-decoration: none;
}

#navbar li a:hover {
background: #bb0000;
color: #ffffff;
}

/*2*/
#navbar div {
position: absolute;
visibility: hidden;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
width: 146px;
background: #ffffff;
border-top: solid 0px #aaaaaa;
border-right: solid 1px #aaaaaa;
border-bottom: solid 1px #aaaaaa;
border-left: solid 1px #aaaaaa;
}

#navbar div a {
position: relative;
display: block;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 5px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
background: #ffffff;
border-bottom: solid 1px #eeeeee;
color: #000000;
font: 100 12px arial;
}

#navbar div a:hover {
background: #bb0000;
color: #ffffff;
}