@charset "utf-8";
/* ----------------------------------------------------------- 
  CSS Document: SPIRIT STONES
  Client: Melissa(Australia)
  Client Website: www.spiritstones.tv
  Author: Joe Twumasi
  Author Website: www.xposegrafix.com
-------------------------------------------------------------*/
/*----------------------------------------------------------- Base*/
body {
  margin: 0px;
  padding: 0px;
  background: #494344 url(../images/bkg.gif) repeat-x top left ;
  font: 12px  Arial, Tahoma, Helvetica, sans-serif!important;
  color: #666;
  line-height:18px;
  text-align: center;
}

p,ul, h1, h2, h3, h4, h5, h6, img, li, img, lo, form, fieldset, span, hr, label {
  margin:0px;
  padding: 0px;
  list-style: none;
  border:0px;
}

a, a:active {color: #8ec0fd; text-decoration: none; outline: none}

a:hover {text-decoration: none; color: #c8c7c7}

strong {
  color: #739bbe;
}

h1, h2, h3 {
 font-family: Arial, Tahoma,sans-serif;
 color: #8ec0fd;
}
/*----------------------------------------------------------- Main Style*/
div#ss-container {
  width: 870px;
  margin: 0px auto;
  text-align: left;
}

div#ss-head-wrapper {
  background: url(../images/header_bg.jpg) no-repeat;
  width: 865px;
  height: 185px;
  margin-top:4px;
  position:relative;
}

div#ss-head-wrapper img {
  margin: 4px 12px;
}

div#ss-head-wrapper img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

div#ss-head-wrapper img.active {
    z-index:10;
}

div#ss-head-wrapper img.last-active {
    z-index:9;
}

div#ss-maincontent{
  width:870px;
  padding-top: 5px;
  line-height: 18px;
  color:#fff;
}

div#ss-leftcontent {
  float: left;
  width:323px;
  margin-left: 25px;
}

div.ss-box {
  margin-bottom:5px;
}

div.ss-box span.left_bxtop, span.left_bxbottom {
	display: block;
	height: 15px;
	width:323px;
}

span.left_bxtop {
   background: url(../images/left_bxtop.png) no-repeat;
}

span.left_bxbottom {
   background: url(../images/left_bxbottom.png) no-repeat;
   height: 12px;
}

div.ss-box div{
   width:324px;
   background: url(../images/left_bxmiddle.png) repeat-y top left;
   text-align: center;
}

div.ss-box div h1, h2, h3{
  color:#fff;
  font-style: normal;
}

a.investigate {
  font-weight: bold;
  font-size:16px;
}

div.ss-box p {
  text-align: justify;
  color:#fff;
  padding: 2px 22px;
}

p.whynot {
  text-align: center!important;
  font-size: 17px;
  padding:15px 0px!important;
  font-weight: bold;
  line-height:20px;
}

div#mov_curtins {
  width: 280px;
  height: 130px;
  margin: 0px auto;
  background:url(../images/mov_curtins.jpg) no-repeat;
}

div#ss-rightcontent {
  float: right;
  width:480px;
  margin: 0px 0px 0px 30px;
}

div.css-rightbox {
  width: 445px;
  margin-bottom:22px;
}

div.css-rightbox span.rightbox_top, span.rightbox_bottom {
	display: block;
	height: 19px;
	width:445px;
}

span.rightbox_top {
   background: url(../images/righttop_box.png) no-repeat;
}

span.rightbox_bottom {
   background: url(../images/rightbottom_box.png) no-repeat;
}


div.css-rightbox  div{
   width:445px;
   background: url(../images/rightmiddle_box.png) repeat-y top center;
   text-align: center;
}

div.ss-trailer {
  height: 300px;
  background: none!important;
}

p#ss-righttext {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 15px;
}

p#ss-rightnews {
  text-align: center;
  padding-top:15px;
}

a.latestnews {
  font-weight: bold;
  font-size:16px;
  padding: 10px;
}

div#ss-rightnews p{
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  text-align: left;
  padding: 15px;
}

p.msgstyle {color: white; font-size:15px; font-weight: 600}
/*--------------------About page*/
p.stylepcenter {font-size: 19px; padding:0px 130px 30px 130px; text-align: center; color: white; }

div#abt-leftcontent {
  float: left;
  width:300px;
  margin-left:25px;
  font-size: 16px;
  font-weight: bold;
}


div#abt-rightcontent {
  float: right;
  width:500px;
  font-size: 16px;
  text-align: center;
  margin-right:25px;
}

div#abt-rightcontent p {
 padding: 3px 30px;
 text-align: center;
}

div#abt-rightcontent hr {
  border:0px;
  background: #6fb4d6;
  margin: 6px 50px;
}

div#abt-leftcontent_news {
  float: left;
  width:368px;
  margin-left:5px;
  font-size: 16px;
  font-weight: bold;
  border-right:2px solid #4a6c94;
  padding-right:5px;
}

div.news_box {
  min-height: 180px;
  margin-right: 10px;
}

div.news_box span.news_boxtop, span.news_boxbottom {
  display: block;
  height: 16px;
  width:355px;
}


span.news_boxtop {
   background: url(../images/news_box_top.jpg) no-repeat;
}

span.news_boxbottom {
   background: url(../images/news_box_bottom.jpg) no-repeat;
}


div.news_box div{
   width:355px;
   background: url(../images/news_box_middle.jpg) repeat-y top center;
   text-align: center;
}

div.news_box div p {
  padding: 0px 24px 10px 24px;
  font-size: 13px;
}

div#abt-rightcontent_news {
  float: right;
  width:480px;
  font-size: 13.5px;
  text-align: center;
  margin-right:1px;
}

div#abt-rightcontent_news p {
  padding: 3px 14px 20px 14px;
}

div#ss-gallery {
  margin: 0px  auto 16px auto;
  width: 740px;
}

div#ss-gallery  ul li {
  display: inline;
  width: 160px;
  height: 130px;
  margin-right:10px;
}

div#ss-gallery  ul li img {
  padding: 4px;
  background: #fff;
  margin-bottom:20px;
}

div#ss-gallery  ul li img:hover {
  background: #fff;
  opacity:0.4;
  filter:alpha(opacity=100);
}
/*--------------------Crew Page*/
class.straightline {
  border:1px solid red!important;
}

div.left-crewcontent {
  float:left;
  width:180px;
  margin-left:2px;
  margin-top:-26px;
  position: relative;
  z-index: 100;
}

div.right-crewcontent {
  float:right;
  width:635px;
}

div.crew_box {
  width: 630px;
  margin-top:-4px;
  margin-left:-12px;
  position: relative;
  z-index: 200;
}

div.crew_box span.crew_boxtop, span.crew_boxbottom {
  display: block;
  height: 22px;
  width:630px;
}

span.crew_boxtop {
   background: url(../images/crew_profiletop.jpg) no-repeat;
}

span.crew_boxbottom {
   background: url(../images/crew_profilebottom.jpg) no-repeat top left;
}


div.crew_box div{
   width:624px;
   background: url(../images/crew_profilemiddle.jpg) repeat-y top center;
   text-align: left;
}

div.crew_box div h1 {
  padding:15px 0px 8px 30px;
}

div.crew_box div p {
  padding: 0px 50px 10px 30px;
  font-size: 13px;
  font-weight:600;
  text-align: left;
  line-height: 16px!important;
}

div.crew_box div img {
  float: right;
  margin: 0px 30px 8px 10px;
  padding: 3px;
  background: #fff;
}

div.spiritstonesDocs {
  background: url(../images/spiritstonesDocs.jpg) no-repeat;
  height:80px;
  width:800px;
  margin: 0px auto;
}

div.spiritstonesDocs h2{
  padding-top: 27px;
  text-align:center;
  padding-bottom: 10px;
}

div.contentComing {
  min-height: 350px;
}

div.aden_audio {
  min-height: 280px;
  width: 800px;
  margin: 0px auto;
}

/*------------------Sales Style*/
div#sales {
  width: 700px;
  margin: 0px auto;
}

div#sales_floatleft {
  float: left;
  width: 400px;
}

td.salestdline {
  border-right:1px solid #8ec0fd;
}

td.salespad {
  padding-left: 8px;
}

div#sales_floatright {
  float: right;
}

a.linksize {font-size: 14px; padding: 4px 1px}

div.clearboth {clear: both}

p.errorMsg {
   font-size: 14px;
   font-weight: bold;
   color:#8ec0fd;
   text-align: center;
}
/*------------------Police Report Style*/
div#copiesOriginal {
  float: left;
  border-right:2px solid #93baee;
  padding: 2px 10px 0px 0px;
}

div#copiesText {
  float: right;
  width: 570px;
}

div#interviewscript {width:830px; margin: 0px auto}
div#interviewscript h3 { padding-left:15px;}
div#video_interview {float: left; width: 366px; height: 363px; background:url(../images/IMG_542.jpg) no-repeat}
div#video_interview h3 {padding: 40px 0px 16px 10px; text-align: center;}
div#video_interview p{ margin:0px auto; width: 300px;}
/*----------------------------------------------------------- Menu Style*/
div#ss-menu{
  height: 42px;
  width: 850px;
}

div#ss-menu ul {
  float: right;
  padding-top: 12px;
}

div#ss-menu ul li {
  float: left;
}

div#ss-menu ul li a {
   padding: 2px 0px 0px 5px;
   color: #739bbe;
   background: url(../images/left_menubg.png) no-repeat left top;
   float: left;
   position: relative;
   font-weight: bolder;
   cursor: pointer;
   font-size: 17px;
   line-height: 20px;
}

div#ss-menu ul li a:active {
  color: #739bbe;
}

div#ss-menu ul li a span{
   background: url(../images/right_menubg.png) no-repeat right top;
   float: left;
   position: relative;
   display: block;
   padding: 5px 17px 5px 15px;
}

div#ss-menu ul li a:hover {
  color: #9b9696;
  text-decoration:none;
}

div#ss-menu ul li a.active {
  color: #8c8484;
}
/*----------------------------------------------------------- Form Style*/
form p {
   display: block;
   margin: 0px auto;
   padding-bottom:6px;
}

form p label{
   float: left;
   width: 70px;
   padding-left:30px;
}

form#orderdvd {
  width: 580px;
  margin: 20px 0px 10px 110px;
}

form#orderdvd p {
  display: block;
  padding: 5px 2px 5px 2px;
  background:#524c4d;
}

form#orderdvd p label {
  float: left;
  width: 180px;
  font-weight: bold;
}

form#orderdvd p input[type=text] {
   width: 230px;
   border:2px solid #968d8f;
   padding: 4px 2px;
}

form#orderdvd p input[type=text]:hover {
   border:2px solid #3c3c3c;
}

form#orderdvd p select {
   border:2px solid #968d8f;
   padding: 2px 2px;
}

form#guestbook {
  width: 600px;
  margin:0px auto;
}


form#guestbook p {
  display: block;
  padding: 5px 2px 5px 2px;
  background:#524c4d;
}

form#guestbook p label {
  float: left;
  width: 120px;
  font-weight: bold;
}

form#guestbook p span {
  font-size: 10px;
}

form#guestbook p input[type=text] {
   width: 230px;
   border:2px solid #968d8f;
   padding: 3px 2px;
}

form#guestbook p input[type=text]:hover {
   border:2px solid #3c3c3c;
}

form#guestbook p textarea {
  width: 360px;
  height: 90px;
  border:2px solid #968d8f;
  padding: 4px 2px;
}

form#guestbook p textarea:hover {
   border:2px solid #3c3c3c;
}


p.gsterrorMsg {
  width: 598px;
  margin: 4px auto;
  padding: 4px 0px;
  text-align: center;
  border:1px solid #a19a29;
  background: #f5ef8e;
  color: #000;
}

p.postedSuccess {
  width: 598px;
  margin: 4px auto;
  padding: 5px 0px;
  text-align: center;
  border:1px solid #3e610c;
  background: #97cb4c;
  color: #000;
  font-size: 13px;
}

p.apostedSuccess {
  width: 348px;
  margin: 4px auto;
  padding: 5px 0px;
  text-align: center;
  border:1px solid #3e610c;
  background: #97cb4c;
  color: #000;
  font-size: 13px;
}


div.signgtbook {
  border:1px solid #544f50;
  margin:2px auto 15px auto;
  width: 598px; 
}

div.adminsigngtbook {
  border:1px solid #544f50;
  margin:1px auto 2px auto;
  width: 808px; 
}

div.adminsigngtbook_alt {
  border:1px solid #544f50;
  margin:1px auto;
  width: 808px;  
}

div.signgtbook_alt {
  border:1px solid #565051;
  margin:2px auto;
  width: 598px;
  background: #565051;
  
}

div.adminsigngtbook_alt div.top_name{
  padding: 4px 2px 3px 6px;
  background:#60595a;
  margin: 2px 2px;
  height: 45px;
}

div.top_name {
  padding: 4px 2px 3px 6px;
  background:#4c4647;
  margin: 2px 2px;
  height: 45px;
}

div.top_name span {
  float: left;
}

p.icon_face {
  float: right;
  width: 35px;
  height: 30px;
}

p.admin_set {
  float: right;
  width: 140px;
  height: 20px;
  text-align: right;
}

p.message {
  text-align: justify;
  padding:3px 7px 4px 7px;
  font-weight: bold;
  font-size:13px;
} 

div.pagination {
  width: 598px;
  margin: 0px auto;
  height: 30px;
  font-size:11px;
}

div.apagination {
  width: 808px;
  margin: 0px auto;
  height: 30px;
  font-size:11px;
}

div.pagination span.disabled {
   color: #847f80;
}

 a.prevlnk {
   float: left;
   padding: 3px 2px;
}

 a.nextlnk {
   float: right;
   padding: 3px 2px;
}

span.nextlnk {
  float: right;
  padding: 3px 2px;
}

.errorbg {
	background: #f5ef8e!important;
	border:1px solid #c71b1b!important;
}

form#logmein {
   background: #332d2e;
   width: 350px;
   margin: 6px auto;
   padding: 10px 0px;
}

form#logmein p {
  padding: 4px 1px;
}

form#logmein p label {
  width: 110px;
}

p.logerrorMsg {
  width: 348px;
  margin: 4px auto;
  padding: 2px 0px;
  text-align: center;
  border:1px solid #a19a29;
  background: #f5ef8e;
  color: #000;
}

a.unapprove {
  color: #de9d11; 
}

a.approve {
   color: #52ab0a;
}

div#toph_manage {
  width: 800px;
  margin:4px auto;
}

div#toph_manage h3 {
  float: left;
}

div#toph_manage p.admin-info{
  float: right;
}

div#toph_manage p.admin-info span {
  font-weight: bold;
  color: #CCCCCC;
}
/*----------------------------------------------------------- Footer Style*/
div#ss-footer {
  clear: both;
  width:865px;
  height: 170px;
  background: url(../images/bottom_mn_bg.png) no-repeat;
  padding-top:15px;
}

div#ss-topfooter {
  background: url(../images/footer_dirt_bkg.jpg) no-repeat;
  width: 840px;
  height:140px;
  margin: 0px auto;
}

div#ss-bottomfooter {
  font-size: 11px;
  color:#fff;
  padding-left: 10px;
  line-height:16px;
  padding-top:2px;
}

img.iconsealed{
  float: left;
  margin-right:8px;
}

p.ss-topfleft {
  float: left;
  color:#fff;
  font-size: 13px;
  font-weight: bold;
  padding: 100px 0px 0px 30px;
}

p.ss-topfright {
  float: right;
  padding: 30px 30px 0px 0px;
  font-weight: bold;
  text-align: right;
  color:#8ec0fd;
  font-size: 15px;
  width:335px;
}

p.ss-topfright img {
  padding-left:10px;
}

p.ss-topfright span {
  float: left;
}

p.ss-topfright a {
  font-size: 18px;
  color:#8ec0fd;
  padding-top:10px;
  padding-bottom:2px;
  display: block;
}