/*------------------------------------------------------
Written by Team Tupper for danceofillusion.com Dec. 2007
Layout for Dance of Illusion Version 1
-------------------------------------------------------- */


/*------------------------------------------------------
HTML, body elements only
--------------------------------------------------------*/
html, body {
    /*width: 775px; */
   /*--------------------------------------------------
     Must have a width assigned or else the background 
     will be at left: 0; and will not be aligned with 
     the #container content
    ---------------------------------------------------*/
    background-color: #000;
    /*position: relative;
    top: 0;*/
    margin: 0 auto;
    }

/*body#current {
    padding: 0;
    margin: 0;
    }*/
/*------------------------------------------------------
End - HTML, body elements only
--------------------------------------------------------*/
    
    
/*------------------------------------------------------
Header images for each page
--------------------------------------------------------*/
body.home_sahba {
    background-image: url(../images/bkg_home_sahba.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    }
    
body.home {
    background-image: url(../images/bkg_home.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    /*width: 775px;
    height: 632px;
    padding: 0;
    margin: 0;*/
    }
    
body.resorts_cruises {
    background-image: url(../images/bkg_resorts_cruises.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    /*width: 775px;
    height: 632px;
    padding: 0;
    margin: 0;*/
    }
    
body.trade_shows {
    background-image: url(../images/bkg_trade_shows.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    /*width: 775px;
    height: 607px;
    padding: 0;
    margin: 0;*/
    }
    
body.corporate_programs {
    background-image: url(../images/bkg_corporate_programs.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    /*width: 775px;
    height: 632px;
    padding: 0;
    margin: 0;*/
    }
    
body.explore {
    background-image: url(../images/bkg_explore.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    /*width: 775px;
    height: 632px;
    padding: 0;
    margin:0;*/
    }

/*---------------------------------------------------------
End - Header images for each page 
-----------------------------------------------------------*/


/*---------------------------------------------------------
Container - houses everything including #navigation, #content,
            and #footer ... these elements apply to all pages
-----------------------------------------------------------*/
#container {
    width: 711px;
    margin: 0 auto;
    position: relative;
    /*top: 0;*/
    padding: 0;
    /*min-height: 620px;
    max-height:100%;
    border: 1px solid #fff;*/
    }

#navigation {
    width: 330px;
    height: 70px;
    position: relative;
    top: 315px;
    margin-left: 282px;
    margin-top: 0;
    }

#content {
    width: 700px;
    margin: 340px 0 0;
    }
    
#content p {
    /*width: 360px;
    margin-left: 320px;*/
    padding-left: 320px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: .8em;
    line-height: 1.4em;
    clear: none;
    }

.gimmesomeverticalspace {
    padding-bottom: 50px;
    }
        
#content ul {
    margin: 0 0 0 320px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    list-style: square;
    color: #fff;
    }
    
#content li {
    padding: 5px;
    }
    
#content form {
    padding-top: 20px;
    margin-left: 330px;
    /*padding-bottom: 260px;*/
    }
    
a {
    color: #fff
    }

a:hover {
    color: #09c;
    }

a img { 
    border: 0;
    }
    
a:focus {
  -moz-outline-style: none;
    }

.big {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    color: #fbdfa6;
    font-weight: 100;
    }
/*------------------------------------------------------------------
End - Container - houses everything including #navigation, #content,
            and #footer ... these elements apply to all pages
--------------------------------------------------------------------*/
.posterpreview {
    float: right;
    padding-left: 20px;
    margin-top: -20px;
    }

/*--------------------------------------
Homepage elements only
----------------------------------------*/
.click4slideshow {
    float: right;
    margin-top: 0;
    }       

.click4slideshowIE6 {
    float: right;
    padding-left: 20px;
    margin-top: 0;
    }       

#slideshow {
    margin-left: -35px;
    padding-top: 35px;
    padding-bottom: 20px;
    background-image: url(../images/slideshow_bkg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    width: 800px;
    height: 500px;
    }

.slideshow {
    /*float: left;*/
    margin-left: 45px;
    }
    
.quote_image {
    padding-top: 40px;
    padding-left: 45px;
    }
/*--------------------------------------
End - Homepage elements only
----------------------------------------*/
    

/*---------------------------------------------------------------------------------
Lower left column layouts for Resorts & Cruises, Corporate Events, and Trade Shows
----------------------------------------------------------------------------------*/
#content blockquote {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    color: #cccc99;
    background-color: #333;
    border: 1px solid #999;
    padding: 10px;
    }

#testimonials {
    margin-top: 180px;
    margin-left: 10px;
    float: left;
    width: 290px;
    } 

#testimonials_home {
    background-image: url(../images/testimonials_home.jpg);
    background-repeat: no-repeat;
    margin-top: 180px;
    margin-left: 10px;
    float: left;
    height: 290px;
    width: 290px;
    } 

#testimonials_affiliations {
    background-image: url(../images/affiliations.gif);
    background-repeat: no-repeat;
    margin-top: 180px;
    margin-left: 0;
    float: left;
    height: 850px;
    width: 300px;
    }

#testimonials blockquote {
    margin: 1em 0;
    background: url(../images/blockquote_above.gif) no-repeat;
    padding: 15px 0;
    border: none;
    width: 261px;
}

#testimonials blockquote em {
    display: block;
    padding: 0 15px;
    background: #fbdfa6;
    border-left: #605e5e 3px solid;
    border-right: #605e5e 3px solid;
    color: #000;
}

#testimonials blockquote span.author {
    display: block;
    background: url(../images/blockquote_below.gif) no-repeat top left;
    padding: 20px 15px 0;
    font-size: 0.8em;
    color: #fff;
}

/*--------------------------------------------------------------------------------------
End - Lower left column layouts for Resorts & Cruises, Corporate Events, and Trade Shows
----------------------------------------------------------------------------------------*/


/*--------------------------------------------------------
Explore page elements only
----------------------------------------------------------*/
.bio_image {
    float: right;
    padding-left: 10px;
    padding-bottom: 3px;
    }

form td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    color: #fff;
    }

.click4video img {
    float: right;
    padding-top: 60px;
    width: 158px;
    }   
    
/*.sahbapostcard img {
    float: right;
    padding-top: 60px;
    border: 1px solid green;
    width: 307px;
    }*/     
    
#leftbox p a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    }    
        
/*--------------------------------------------------------
End - Explore page elements only
----------------------------------------------------------*/


/*--------------------------------------------------------------------
Video layouts for Resorts & Cruises, Corporate Events, and Trade Shows
----------------------------------------------------------------------*/
.vid {
    margin-left: 65px;
    padding-top:40px;
    }

#video_sm {
    /*margin-left: 270px;*/
    margin-left: 320px;
    margin-top: 0;
    padding-top: 32px;
    background-image: url(../images/video_bkg_sm2.jpg);
    background-position: -52px top;
    background-repeat: no-repeat;
    /*width: 450px;*/
    width: 360px;
    height: 265px;
    }

#video_sm_wide {
    /*margin-left: 270px;*/
    margin-top: -40px;
    padding-top: 80px;
    margin-left: 320px;
    background-image: url(../images/video_bkg_sm_wide.jpg);
    background-position: -5px -10px;
    background-repeat: no-repeat;
    /*width: 450px;*/
    width: 366px;
    height: 220px;
    /*border: 1px solid red;*/
    }
    
.vid_sm {
    /*padding-left: 38px;*/
    padding-left: 15px;
    }

#flashvideo {
	padding: 0 0 0 15px;
}

/*.vid_sm_wide {
    margin-top: 50px;
    padding-left: 15px;
    border: 1px solid green;
    }*/
    
.vid_sm_trade {
    padding-left: 68px;
    }
/*------------------------------------------------------------
End - Video layout
--------------------------------------------------------------*/

#photoblock {
    margin-top: 10px;
    padding-top: 50px;
    }

/*------------------------------------------------------------------
Special Spacing for the Unordered List on the Resorts page only     |
--------------------------------------------------------------------*/
#special_spacing li {
	/*border: 1px solid red;*/
	line-height: 10px;
	}

/*-------------------------------------------------------------------
Footer
---------------------------------------------------------------------*/
#footer {
    clear: both;
    padding-top: 200px;
    background-image: url(../images/footer.jpg);
    background-repeat: no-repeat;
    /*height: 250px;*/
    height: 50px;
    width: 700px;
    padding-bottom: 20px;
    }
    
#footer p, #footer li {
    color: #069;
    }

#footer p {
    width: 650px;
    margin-left: 25px;
    font-size: .8em;
    padding-left: 0;
    }

#footer ul  {
    margin-left: 0;
    /*padding: 200px 0 0 0;*/
    padding: 0;
    list-style-type: none;
    text-align: center;
    }

#footer ul li { 
    display: inline;
    }

#footer a, #footer a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: .9em;
    text-decoration: none;
    padding: 5px;
    }

#footer ul li a:hover {
    color: #09c;
    }
/*-------------------------------------------------------------------
End - Footer
---------------------------------------------------------------------*/