/* spiralstyle.css */
/* This version is for a jello fixed-width centered layout */
html {
      text-align: center;
}

body {
      /* typography */
      color: #666666;
      font-family: Verdana, Geneva, Ariel, sans-serif;
      font-size: small;
	  text-align: left;
	  
	  /* colour */
	  background-color: #C4DDF7;
}

h1 {
  font-size: 150%;
}

h2 {
  font-size: 110%;
}

h3 {
  font-size: 110%;
}

a {
   text-decoration: none;
}

a:link {
      color: #333;	
}

.link-heading a {
      color: #666;	
}

.link-heading a:hover {
      color: #06F;	
}

.text-white {
      color: white;	
}

#sect-favorites-wide-fill a:link {
      color:white;	
}

#sect-what-you-get-wide {
      border: 1px solid #CCC;
	  margin: 0px 16px 5px 11px;	
}

#sect-what-you-get-wide h1 {
  font-size: 100%;
}

#sect-what-you-get-wide h2 {
  font-size: 100%;
}

#sect-what-you-get-wide p {
  font-size: 80%;
}

#top_cont_bann_offer_text a {
   color: #666;
}

#top_cont_bann_offer_text a:hover { color: #693 }

.sect-mid-text a {
      color: #000;
	  font-weight: bold;	
}

#bck-img-pos {
      position: absolute;
	  top: 0px;
	  left: 0px;
	  z-index: 0;
}

#outer-container {
      /* layout */
      position: relative;
      width: 995px;
	  margin: 0 auto;
	  /* border: 1px solid black; */
	  background-color: white;
}

#logo {
      float: left;
	  margin: 0px 0px 0px 18px;
}

#top_container_right {
      float: right;
	  margin: 5px 19px 0px 0px;
	  text-align: right;
}

#top-container {
      position: relative;
	  width: 100%;
}

#top_container_banner {
	  float: right;
}

#top_container_banner_content {
	  text-align: left;
	  color: #000;
      margin: 0px 77px 0px 0px;
}

#top_cont_bann_offer_text {
	  padding: 0px 40px 0px 167px;
	  height: 20px;
}

#top_container_right h1 {
      font-size: 100%;
	  font-weight: bold;
}

/* ------------------------------------------ */

.top-nav-gap {
      clear: both;	  
}

#top-nav {
      clear: both;
	  text-align: center;
	  vertical-align: middle;
	  color: white;
	  font-weight: bold;
	  font-size: 100%;
	  margin: 0px 16px 0px 15px;
	  padding: 3px 0px 3px 0px;
	  background-color: #406FEA;
	  height: 29px;
	  text-align: top;
	  border-radius: 4px;
	  -moz-border-radius: 4px;	  
	  
}

#top-nav a {
      color: white;
	  position: relative;
	  top: -9px;
	  left: -2px;
	  background-color: #406FEA;
	  padding: 10px 10px 9px 10px;
	  margin: 0px;
}

#top-nav a:hover {
	  background-color: #A9B6F1;
	  color: #333;
}

/* ------------------------------------------ */

#quick-start-container-left {
      margin: 5px 5px 5px 0px;	
	  text-align: center;
}

#quick-start-container-right {
      margin: 5px 13px 5px 0px;
      float: right;
	  text-align: center;  
}

.quick-start-box {
}

.quick-start-box-content {
	  color: white;
	  margin: 0px 0px 5px 0px;
}

#top-container-bottom {
      position: relative;
	  width: 100%;
	  margin: 0px 0px 5px 0px;
}

#container {
      position: relative;
	  width: 100%;
}

.centre-align {
      text-align: center;
}

.centre-small {
      text-align: center;
	  font-size: 75%;
}

.text_link a:link {
      font-size: 100%;
	  font-weight: bold;
	  color: #336699;
}

.text_link a:visited {
      font-size: 100%;
	  font-weight: bold;
	  color: #336699;
}

.text_link a:hover {
      color: #CC0000;
	  text-decoration: underline;
}

.text_purple {
      color: #60F;	
}

#main-area {
}

#main-top-left {
	  text-align: center;
	  width: 120px;
	  float: left;
	  margin: 5px 0px 0px 15px;
}

/* ---------------------------- */

.left_banner_container {
      margin: 0px 0px 8px 0px;
}

#left_banner {
	  width: 120px;
}

#left_banner_content{
}

#left_banner h2 {
      border: 1px solid blue;
	  width: 100%;
	  background-color: #406FEA;
	  color: white;
	  font-size: 100%;
	 	  	
}

#left_banner h3 {
      font-size: 100%;	
}

#left_banner_content a {
	color: #666;
}

#left_banner_content a:hover { color: #C00 }

/* ---------------------------- */


.right_banner_container {
      margin: 8px 0px 0px 0px;
}

.right_nat_exp_search {
      margin: 8px 0px 0px 0px;
	  padding: 0px 0px 0px 10px;
}


#main-top-right {
	  text-align: center;
	  width: 309px;
	  float: right;
	  margin: 4px 11px 0px 0px;
}

#top-right-upper-box {
      border: 1px solid #CCC;
	  margin: 0px 5px 0px 4px;
	  border-radius: 4px;
	  -moz-border-radius: 4px;	  	  
}

#trub-top {
      height: 9px;
}

#trub-mid {
}

#trub-quote-pt1 {
	  background-image: url(images/quote_left.gif);
	  background-repeat: no-repeat;
	  background-position: top left;
	  margin: 5px;
	  padding: 5px 5px 0px 5px;
	  color: #000000;
}

#trub-quote-pt2 {
	  background-image: url(images/quote_right.gif);
	  background-repeat: no-repeat;
	  background-position: bottom right;
	  margin: 5px;
	  padding: 0px 5px 5px 5px;
	  color: #000000;	  
}

#trub-bottom {
      height: 9px;
}

.trub-top-white {
}

.trub-mid-white {
	  padding: 10px 10px 10px 10px;
}

.trub-bottom-white {
}



#main-mid {
	  margin: 0px 315px 0px 138px;
	  padding: 0px 0px 0px 0px;
}

#mmb-top {
}

#mmb-mid {
      /**** The Main Middle Box ****/
}

#mmb-bottom {
}

#top-main-splash {
      text-align: center;
	  padding: 1px 0px 0px 0px;
}

.sect-top-522 {
      /* border: 1px solid black; */
	  margin: 0px 0px 0px 9px;
	  padding: 0px 0px 0px 0px;
	  color: #333333;
	  font-weight: bold;
}

.sect-mid-522 {
	  margin: 0px 0px 0px 9px;
}

.sect-mid-522-content {
      padding: 5px 10px 5px 10px;
}

.sect-mid-text {
      padding: 0px 14px 0px 2px;
}

.sect-mid-522-content-banner {
	  padding: 5px 0px 0px 16px;
}


.sect-bottom-522 {
	  margin: 0px 0px 0px 9px;
	  padding: 0px 0px 5px 0px;
	  height: 10px;
}

.split-522-left {
      /* 251 wide */
	  margin: 0px 262px 0px 0px;
}

.split-522-right {
      /* 251 wide */
	  float: right;
	  width: 245px;
	  margin: 0px 12px 0px 0px;
	  padding: 0px 0px 0px 5px;
}

/* ------------------------------------------- */

#white-services-menu-title {
	  text-align: right;
	  color: white;
	  font-size: 120%;
	  font-weight: bold;
      margin: 5px 4px 2px 4px;
	  padding: 5px 20px 5px 0px;
	  background-color: #406FEA;
	  border: 1px solid #E9E9E9;
	  border-radius: 4px;
	  -moz-border-radius: 4px;	  
}

#white-services-menu {
      margin: 0px 0px 0px 0px;	
}

#white-services-menu li {
	  text-align: right;
	  font-size: 110%;
      margin: 0px 4px 2px 4px;
	  padding: 5px 20px 5px 0px;
	  background-color: #FF6;
	  border: 1px solid #898FDA;
	  border-radius: 4px;
	  -moz-border-radius: 4px;	  
}

#white-services-menu a {
      color: #333;
}

#white-services-menu li:hover {
	  color: #C00;
	  background-color: #D3D0F0; 	  
}

/* ------------------------------------------- */

#sect-favorites-wide {
	  margin: 0px 16px 5px 11px;	
}

#sect-favorites-wide-fill {
	  text-align: right;
	  font-size: 110%;
	  color: white;
      margin: 5px 15px 5px 10px;
	  padding: 5px 20px 5px 0px;
	  background-color: #416FE9;
	  border: 1px solid #898FDA;
	  border-radius: 4px;
	  -moz-border-radius: 4px;	  
}


/* ------------------------------------------ */

#search-embed {
	 padding: 10px 0px 0px 130px;
}

/* ------------------------------------------ */


.sect-mid-251-top {
	  height: 8px;
}

.sect-mid-251-mid {
}

.sect-mid-251-bottom {
	  height: 8px;
}

/* ------------------------------------------ */

.sect-mid-500-top {
	  height: 8px;
	  background-image: url(images/500w_sect_box_top.gif);
	  background-repeat: no-repeat;
	  background-position: top left;  
}

.sect-mid-500-mid {
	  background-image: url(images/500w_sect_box_mid.gif);
	  background-repeat: repeat-y;
}

.sect-mid-500-bottom {
	  height: 8px;
	  background-image: url(images/500w_sect_box_bottom.gif);
	  background-repeat: no-repeat;
	  background-position: top left;  
}

.sect-mid-500-content {
      margin: 0px 6px 0px 0px;
}

.sect-mid-500-image {
      float: left;
	  margin: 0px 0px 0px 6px;
}

.sect-mid-500-text {
      margin: 0px 10px 0px 70px;
}


/* ------------------------------------------ */


.sect-mid-251-content {
      margin: 0px 6px 0px 0px;
}

.sect-mid-251-content a {
      color: #333;
	  font-weight: bold;
}

.sect-mid-251-image {
      float: left;
	  margin: 0px 0px 0px 6px;
}

.sect-mid-251-text {
      margin: 0px 0px 0px 70px;
	  padding: 0px 0px 5px 0px;
}

.twitter-right {
      margin: 10px 0px 0px 5px;
}

.text-section {
      padding: 5px 20px 5px 20px;	
}

#theatre-search {
	  color: black;
	  margin: 10px 5px 10px 5px;
	  padding: 10px;
	  border: 1px double #CCC;
	  border-radius: 4px;
	  -moz-border-radius: 4px;        	
}

.top-splash-border {
      border: 2px solid #03C;
	  margin: 4px 13px 10px 11px;
	  padding: 0px 0px 1px 0px;	
	  border-radius: 6px;
	  -moz-border-radius: 6px;  
	  
}

#footer-content {
      clear: both;
	  color: #999;
	  margin: 20px 0px 0px 0px;
	  text-align: center;
	  padding: 10px;
}