/*  A crash course on css, your site, and its uniqe html  */

/*  Whatever you name "index.html" will be the page our visitors see when they go to yoururl.com.  */
/*  the BR property has a smaller height then normal (3px). So using more at one time may be required  */
/*  This CSS is VERYVERY barebone. Meaning you may want to add to it. If so, and you have problems, contact me an i'll give you a real course on css. Its very easy once you know the "rules" :]  */
/*  Your can create div's yourself if you ever need to. simply type the (div class="DIVNAMEHERE")(/div). And in your css(this document) you put a period(.) then your div name. see .container or .header for an example below.  */
/*  Your site looks decent, lthough not the same, in all browsers. But by far it looks the best in opera. Change any detail you like, but make a backup of the design first. that way if you mess up, you have a failsafe :D  */
/*  Erm thats all I can think of. If you have any further questions, myspace me :]. Enjoy!  */


body {
 font: 10pt arial;
 background: #eceadc url('backpat.png') repeat fixed;
 height: 100%;
 width: 100%;
 margin: 0px;
 padding: 0px;}

a:link, a:active, a:visited {
 text-decoration: none;
 color: #000;}

a:hover {
 text-decoration: underline;
 color: #777777;}

i {
 color: #505147;
 font: Arial, Helvetica, sans-serif;
 font-size: 8.5pt;
 font-style: normal;
 text-decoration: none;}

p {
 color: #6e6f61;
 font: Arial, Helvetica, sans-serif;
 font-size: 7.5pt;}

.buttons {
 position: static;
 bottom: 0px;}

br {
 height: 3px;
 line-height: 3px;}

.a {
 margin: 0px 0px 10px 4px;
 float: left;
 width: 45%;
 height: 130px;}

.b {
 margin: 0px 0px 10px 0px;
 width: 45%;
 float: right;
 height: 130px;}

.plushie {
 float: left;
 margin: 3px;}


#container {
 width: 615px;
 height: auto;
 border-right: 0px solid #000;
 border-left: 0px solid #000;
 margin: 0px auto 0px auto;
 padding: 0px;
 background-image: url(transcaontainbackground.png);
 background-repeat:repeat-y;}

.header {
 height: 140px;
 width: 601px;
 margin: 0px auto 0px auto;
 background: #fff;
 padding: 0px;
 background-image: url(PUTYOURTOPIMAGEURLHERE.png);
 border: 0px solid #ccc;}

.content {
 Float: center;
 width: auto;
 padding: 0px 5px 0px 5px;
 height: auto;
 margin: 0px auto 0px auto;}

.footer {
 font: Arial, Helvetica, sans-serif;
 font-size: 8pt;
 color: #92938e;
 text-align: center;
 background-image: url(50footer.png);
 background-repeat: repeat;
 position: relative;
 bottom: 0px;
 height: 20px;
 padding: 5px 0px 0px 0px;
 width: 615px;
 clear: both;}

h1 {
 color: #666;
 font-size : 13pt;
 text-align : left;
 margin : 0px;
 padding: 3px 0px 0px 5px;
 font-family: arial, sans-serif, arial, verdana;
 font-variant: small-caps;
 letter-spacing: 2.5px;
 border-bottom: 1px dashed #999;}

h2 {
 color : #5e5f59;
 font-size : 12pt;
 line-height: 15px;
 text-align : left;
 margin : 0px 0px 0px 0px;
 font-family: Times New Roman, Times, serif;
 letter-spacing: 2px;
 padding: 2px 0px 0px 2px;
 border-bottom: 0px dotted #ddd;}

.navigation {
 width: 601px;
 height: 34px;
 margin: 0px auto 0px auto;
 background-image: url(navibackground.png);
 background-repeat: no-repeat;
 padding: 0px 0px 0px 0px;
 border: 0px solid #000;
 list-style: none;}

.navigation a {
 padding: 0px;
 float: left;
 display: block;
 margin: 9px 24px 0px 23px;
 text-align: center;
 font: 10pt arial;
 font-weight: 555;
 color: #818181;}

.navigation a:hover {
 text-decoration: none;
 color: #212121;}