html {
 margin: 0;
}

body {
 margin: 0;
 background: #dfdfdf url(images/bg_tribal.jpg) repeat-x top center;
}

#main {
 width: 776px;
 min-height: 200px;
 margin: 14px auto 2px;
 background: transparent url(images/middle.jpg) repeat-y top center;
}

/* header & image */

#header {
 width: 776px;
 height: 384px;
 padding: 0;
 margin: 0;
 background: transparent url(images/top_tribal.jpg) no-repeat top center;
}

#headleft {
 width: 107px;
 height: 51px;
 margin: 18px 32px 10px;
 float: left;
 display: inline;
}

#headright {
 width: 233px;
 height: 23px;
 margin: 32px 32px 10px;
 float: right;
 display: inline;
}

h1 {
 margin: 0;
 padding: 0;
}

#logo {
 display: block;
 overflow: hidden;
 position: relative;
 width: 107px;
 height: 51px;
 margin: 0;
 font-size: 27px;
 text-align: center;
}

#logo img {
 border: none;
 position: absolute;
 top: 0;
 left: 0;
 width: 107px;
 height: 51px;
}

#photos {
 position: absolute;
 top: 96px;
 left: auto;
 width: 776px;
 height: 295px;
 text-align: center;
 /*background: #eee;*/
}

#photos img {
 width: 772px;
 height: 295px;
}

/* menu & buttons */

#menu {
 width: 776px;
 height: 16px;
 /*background: #eee;*/
}

#menu ul {
 margin: 0;
 padding: 0 3px 0;
 list-style-type: none;
}

#menu li {
 display: inline;
}

#menu a {
 width: 109px;
 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size: 10px;
 font-weight: bold;
 text-align: center;
 text-transform: uppercase;
 text-decoration: none;
 color: #fff;
 padding: 3px 0 3px;
 border-right: 1px solid #fff;
 float: left;
}

.m1 { background: #8dbc6f; }
.m1:hover { background: #6a9d48; }
.m2 { background: #a5b03a; }
.m2:hover { background: #7f8f22; }
.m3 { background: #96385d; }
.m3:hover { background: #6a2136; }
.m4 { background: #0099cc; }
.m4:hover { background: #006eb7; }
.m5 { background: #fdbe4e; }
.m5:hover { background: #fca32d; }
.m6 { background: #e32e37; }
.m6:hover { background: #fc4f22; }
.m7 { background: #fd833a; }
.m7:hover { background: #da7335; }

/* content */

#content {
 min-height: 250px;
 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size: 13px;
 padding: 9px 6px 10px; /* 6 6 10 */
}

#page {
 width: 764px;
 overflow: hidden;
}

#pbox {
 float: left;
 display: inline;
 width: 480px;
}

#side {
 float: right;
 width: 280px;
 background: transparent url(images/sidebarbg.jpg) no-repeat top center;
}

#sites {
 width: 220px;
 margin: 0 auto 0;
}

#sites img {
 border: none;
 width: 217px;
 height: 30px;
}

#sites ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

#sites li {
 display: list-item;
 padding: 7px 0 7px;
}

#signup {
 height: 74px;
 margin: 0;
 padding: 26px 0 0;
}

#signupbtn {
 width: 88px;
 height: 39px;
 border: 1px solid #fff;
 text-align: center;
 margin: 0 auto 0;
 padding: 0;
 background: transparent url(images/signinbg.jpg) no-repeat top center;
}

#signup small {
 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size: 8px;
 color: #ccc;
}

#signup a {
 width: 88px;
 height: 29px;
 display: block;
 margin: 0;
 padding: 10px 0 0;
 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size: 14px;
 text-decoration: none;
 vertical-align: center;
 color: #333;
}

#signup a:hover {
 color: #098300;
}

/* videos */

#videolist {
 width: 478px;
 height: 115px;
 border: 1px solid #000;
 overflow: auto;
}

#videos {
 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size: 11px;
 color: #000000;
 background: #e9e7e7;
}

#videos img {
 border: none;
 float: left;
}

.vid {
 min-height: 100px;
 height: auto !important; height: 100px; /* ie6 hack */
 margin: 2px 2px 4px;
 overflow: hidden;
 border-bottom: 1px dotted #115b87;
}

.vidtxt {
 float: left;
 padding: 4px 6px 6px;
 line-height: 28px;
}

.vidtxt b {
 font-size: 12px;
}

/* contents */

h2 {
 margin: 0 6px 6px;
 padding: 0;
}

h3 {
 font-size: 28px;
 font-weight: normal;
 margin: 0 6px 6px;
 padding: 0;
}

#titlecolumn {
 float: left;
 display: inline;
 width: 300px;
 margin: 10px;
}

#texttitle {
 display: none;
}

#post p.title {
 font-size: 14px;
 font-weight: bold;
 text-align: left;
}

#post p {
 font-size: 12px;
 text-align: justify;
 padding: 0;
 margin: 12px 6px 12px;
 line-height: 18px;
}

#titleside {
 float: right;
 width:434px;
 margin: 14px 10px 10px 0;
}

/* rounded boxes */

.container {
 overflow: hidden;
}

.box {
 border: 1px solid #ccc;
 margin: 0;
 padding: 0;
}

.box p {
 margin: 6px 10px 8px;
 padding: 0;
 text-align: justify;
 color: #222;
}

.box:before {
 display: block;
 height: 10px;
 content: url(images/box_tl.jpg);
 font-size: 1px;
 padding: 0;
 margin: -1px;
 background: transparent url(images/box_tr.jpg) scroll no-repeat top right;
 line-height: 0.1;
}

.box:after {
 display: block;
 height: 10px;
 content: url(images/box_bl.jpg);
 font-size: 1px;
 padding: 0;
 margin: -1px;
 background: transparent url(images/box_br.jpg) scroll no-repeat bottom right;
 line-height: 0.1;
}

/* forms */

#contact {
 width: 490px;
 float: right;
}

#contact table {
 width: 100%;
 border: 0;
 padding: 0;
 margin: 0;
 border-spacing: 10px;
}

.fcaption {
 width: 100px;
 font-size: 12px;
 text-align: right;
 vertical-align: top;
}

input.text {
 width: 200px;
}

input.button {
 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size: 12px;
 width: 100px;
 height: 28px;
 border: 1px solid #ccc;
 background: #eee url(images/buttonbg.jpg) repeat-x center center;
}

textarea {
 width: 100%;
 height: 150px;
}

/* error */

#error {
 width: 744px;
 overflow: hidden;
 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size: 12px;
 color: #000;
 text-align: center;
 margin: 0 0 8px;
 padding: 16px 10px 16px;
 background: #e6e6e6;
}

/* shop */

#shop {
 width: 764px;
 height: 200px;
 margin: 0;
 padding: 0;
}

#shop p {
 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size: 12px;
 font-weight: bold;
 color: #757575;
 margin: 0;
 padding: 20px 6px 6px;
}

#shopitems {
 width: 764px;
 height: 200px;
 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size: 10px;
 color: #858585;
 text-align: center;
 text-transform: uppercase;
 margin: 0;
 padding: 0;
}

#shopitems a {
 color: #858585;
 text-decoration: none;
}

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

#shopitems div {
 width: 127px;
 height: 140px;
 float: left;
 margin: 0;
 padding: 0;
 background: #fff url(images/shopbg.jpg) no-repeat top center;
}

#shopitems img {
 border: 0;
 margin: 26px 0 26px;
 padding: 0;
}

.shoprow {
 margin: 10px 0 10px;
 padding: 0;
}

.shopthumb {
 width: 127px;
 height: 134px;
 float: left;
 text-align: center;
 margin: 0;
 padding: 0;
 background: #fff url(images/shopbg.jpg) no-repeat top center;
}

.shopthumb img {
 border: 0;
 margin: 26px 0 26px;
 padding: 0;
}

.shopinfo {
 float: left;
 width: 588px;
 margin: 0;
 padding: 0;
}

.shopinfo p {
 margin: 4px 0 6px 4px;
}

.shoptext {
 margin: 0;
}

.shoptext p {
 margin: 0 10px 0;
}

p.shoptitle {
 color: #000;
 font-size: 16px;
}

p.shopprice {
 font-size: 14px;
}

/* footer */

#footer {
 width: 776px;
 font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
 font-size: 9px;
 background: transparent url(images/bottom.jpg) no-repeat bottom center;
}

#footer p {
 color: #888;
 text-align: right;
 padding: 6px 6px 14px;
 margin: 0;
}

#footer p a {
 color: #888;
}

#footer p a:hover {
 color: #555;
}

#footer p img {
 padding-top: 3px;
}

#plhb {
 width: 776px;
 text-align: center;
 padding: 6px 0 12px;
 margin: 0 auto 0;
}

#plhb img {
 border: none;
 margin: 0;
}