/* --- Layout for front end site */

body
{
	 background-image: url('Images/banner.png');
	 background-repeat: repeat-x;
	 margin:0px;
	 padding: 0px;
	 border: 0px;
     font-family: Arial, Tahoma, Helvetica, sans-serif;
 	
	
}

img
{
  border: 0px;   
    
    
}

/* --- header image --- */
#mainbody
{
    width:            1000px;
    position:         relative;
    top:              -1px;
    margin:           auto;
    padding:          0px;
    min-height: 300px;
}

/* -- navigation button -- */
#navpanel
{
  position: absolute;
  top:  75px;
  left:550px;
  width: 500px;   
  
}

#navpanel ul
{
  list-style-type:none; 
  padding: 0px;
  margin: 0px;
  border: 0px;
    
    
}

#navpanel li
{
    float: left;
}

#navpanel li a
{
    float: left;
    padding: 0 10px;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size:12pt;
    font-weight:bold;
    color:White;
    letter-spacing: -1px;
    text-decoration:none;   
    
}

#navpanel li a:hover
{
     float:left;
     color: #3988d7;
      background-color:White;
    
    
    
}

/* --- Layout for footer */
#footer
{
     background-image: url('Images/footergrey.png');
     background-repeat:repeat-x;
     width: 100%;
     min-width: 1000px;
	 position: relative;
	 height: 52px;
}

/* --- Default page information */
#defaultherotxt
{
  position:  relative;
  top: 30px;
  left: 50px;
   
}

#defaultcol1
{
  position:relative;
  top:40px;
  left:50px;   
    
}

.defaultpostit
{
   position: relative;
    
}

.defaultclaimtxt
{
    position: absolute;
    left:120px;
    top: 0px;
    
}

.defaultclaimcontent
{
     font-size: 10pt;
     color: #666666;
     position: absolute;
     top: 26px;
     left:120px;
     width: 300px;
    
}

.defaulttaketour
{
  position: relative;
  top: 50px;
  left: 120px;   
    
}

#defaultheropic
{
  position: absolute;
  left: 550px;
  top: 150px;
    
}

#defaultreasons
{
   position: relative;
   top: -40px;
   left: 0px;
   width: 500px;   
    
    
}

#defaultreasons ul
{
  list-style-type:none;
    padding-left: 10px;
}

#defaultreasons li
{
     float: none;
     padding-bottom: 10px;
     padding-left: 0px;
     font-size:14pt;
     font-weight: bold;
     color: #333333;  
     font-family: Tahoma, Arial, Helvetica, sans-serif;
     letter-spacing: -1px;
    
}

#defaultreasons a
{
  background-color: #F6EFB8;
  color: #CC3300; 
  text-decoration: none;  
    
}

#defaultreasons a:hover
{
  background-color: #CC3300;
  color: #F6EFB8;   
    
}

/* -- Examples page -- */

.exampleordot
{
     
    
    
}

#examplecopy
{
  position:relative;
  top: 20px; 
   color: #666666;  
}

.examplehdr
{
    position: absolute;
    left:80px;
    top: 0px;
    font-weight:bold;
    font-size: 14pt;
    color: #CC3300; 
    
}

.examplecontent
{
    font-size: 12pt;
     color: #666666;
     position: absolute;
     top: 26px;
     left:80px;
     width: 600px; 
}

.examplesidebox
{
    position: relative;
    background-color: #E1E1e1;
    padding: 3px;
    width: 200px;
    border: 3px;
    border-color: #ccc;
    border-style: solid; 
    
}

#examplecol2
{
  position:absolute;
  top:160px;
  left:760px;   
   font-size:12pt;
     color: #333333;  
     font-family: Tahoma, Arial, Helvetica, sans-serif;
     letter-spacing: -1px;
     padding-bottom:15px;

    
}

#examplecol2 a
{
  background-color: #F6EFB8;
  color: #CC3300; 
  text-decoration: none;  
    
}

#examplecol2 a:hover
{
  background-color: #CC3300;
  color: #F6EFB8;   
    
}




/* -- Features page --- */

.featurestitle
{
    font-weight:bold;
    font-size: 14pt;
    color: #333333;
    
    
}

.featurecontent
{
    position:relative;
     font-size: 12pt;
     color: #666666;
     width: 600px;
    /*  font-family: Georgia, serif; */
    
}

/* -- What page -- */

.whatcontent
{
    position:relative;
    top:20px;
     font-size: 12pt;
     color: #666666;
     width: 660px;
      /* -- font-family: Georgia, serif; --*/
    
    
    
}

.whatcontent a
{
  background-color: #F6EFB8;
  color: #CC3300; 
  text-decoration: none;  
    
}

.whatcontent strong
{

  color: #CC3300; 
  text-decoration: none;  
    
}


.whatcontent li
{
    padding-bottom: 10px;   
    
    
}


.whatcontent a:hover
{
  background-color: #CC3300;
  color: #F6EFB8;   
    
}

.whatsidebox
{
    position: relative;
    background-color: #E1E1e1;
    padding: 3px;
    width: 200px;
    border: 3px;
    border-color: #ccc;
    border-style: solid; 
    
}


/* -- pricing page --*/

.pricehdr
{
    
    
    
    
}

#pricetable
{
    position: relative;
    top: 10px;
    font-size: 12pt;
    color: #666666;
       
    
    
}

.pricetablehr
{
    position: relative;
    text-align: left;
    left: 0px;
    width: 750px;   
    
}

.pricetablehr hr
{
    color: #CCC; 
    border-style:solid;
    height: 0.5px;
    
    
}

.pricetablehdr
{
    color:#666666;
    font-weight:bold;   
    
}
.pricetableline
{
    position: relative;
    height: 30px;
}

.pricetablefeature
{
    position: absolute;
    left:0px;
    top:0px;   
    width:200px;
}

.pricetablebasic
{
    position: absolute;
    left: 200px;
    top:   0px;
    text-align: center;
    width:100px; 
     
}

.pricetablestandard
{
    position: absolute;
    left: 350px;
    top:   0px; 
    text-align: center;  
    width:100px;  
}

.pricetablepower
{
    position: absolute;
    left: 500px;
    top:   0px;   
    text-align: center;
    width:100px;  
}

.pricetablepro
{
    position: absolute;
    left: 650px;
    top:   0px;   
    text-align: center;
    width:100px;  
}

.priceheading
{
     font-size:14pt;
     font-weight: bold;
     color: #666666;  
     font-family: Tahoma, Arial, Helvetica, sans-serif;
     letter-spacing: -1px;
}
.pricefineprint
{
    font-size: 9pt;   
    
    
}   

.pricecontent
{
  position: relative;
  width: 750px;   
  color: #999999;
    
}

/* ---- faq ---*/
.faqcol
{
  position: relative;
  width: 600px;   
  font-size: 12pt;
  color: #666666;
    
    
}


#whatcol2
{
  position:absolute;
  top:150px;
  left:750px;   
   font-size:12pt;
     color: #333333;  
     font-family: Tahoma, Arial, Helvetica, sans-serif;
     letter-spacing: -1px;
     padding-bottom:15px;
}

#whatcol2 a
{
  background-color: #F6EFB8;
  color: #CC3300; 
  text-decoration: none;  
    
}

#whatcol2 a:hover
{
  background-color: #CC3300;
  color: #F6EFB8;   
    
}

#taketourbutn
{
  
   background-color: White;
   color: White; 
    
}


#taketourbutn a
{
   background-color: White;
   color: White;   
    
    
}
#taketourbutn a:hover
{
   background-color: White;
   color: White;   
    
    
}

.tourtagline
{
  position: relative;
  left: 132px;   
    
    
    
}

.tourtxt
{
     position: relative;
     left: 132px;
     font-size: 11pt;
     color: #666666;
     position: absolute;
     width: 700px;
    
}

#tournav
{
  position: relative; 
  
}

#tournav ul
{
  list-style-type:none; 
  padding: 0px;
  margin: 0px;
  border: 0px;
  width: 700px;
    
    
}

#tournav li
{
    float: left;
    padding: 0px;
      
}

#tournav li a
{
    float: left;
    padding:10px;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size:10pt;
    font-weight:bold;
    letter-spacing: -1px;
    text-decoration:none;   
    background-color: #F6EFB8;
    color: #CC3300; 
}

#tournav li a:hover
{
     float:left;
     background-color: #CC3300;
     color: #F6EFB8;   
    
    
}

/* -- Contact Us --- */

#contacttable
{
    position: absolute;
    top: 60px;
    font-size: 12pt;
    color: #666666;
    width: 200px;
    left: 480px;
   
}

.contacttableline
{
    position: relative;
    height: 30px;
}

.contacttableheading
{
    position: absolute;
    left:0px;
    top:0px;   
    width:140px;
}

.contacttablefield
{
    position: absolute;
    left:160px;
    top:0px;   
    width:310px;
}

.textbox
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;	
	font-variant: normal;
	text-transform: none;
	border: 1px solid #999999;
}

.buttontxt
{
    font-size: 14px;
    background-color: #CCCCCC;
    width:95px;
    height:25px;
	color: #333333;  
	font-weight: bold;  
    
    
}

.contactresponse
{
     font-size: 12pt;
     color: #CC3300;
     background-color: #F6EFB8;   
      padding: 10px;
      width: 280px;
         
         
    
}

#vertdiv
{
  position: absolute;
  left: 500px;
  top: 200px;   
    
}

/* -- signup -- */
.signuptableline
{
    position: relative;
    height: 30px;
}

.signuptableheading
{
    position: absolute;
    left:0px;
    top:0px;   
    width:160px;
     text-align:right;
}

.signuptablefield
{
    position: absolute;
    left:170px;
    top:0px;   
    width:510px;
}

.signupcontent
{
  position: relative;
  width: 750px;   
  color: #999999;
  background-image: url('Images/footergrey.png');
  background-repeat:repeat-x;
     
    
}

.textboxsm
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;	
	font-variant: normal;
	text-transform: none;
	border: 1px solid #999999;
}

.signupresponse
{
     font-size: 12pt;
     color: #CC3300;
     background-color: #F6EFB8;   
      padding: 10px;
      width: 500px;
         
         
    
}