/*----------------------------------------
Main stylesheet for: Travel Jet Centre
Author: Libby Chapman for SIMB
Email: Libby@simb.com.au
Author website: http://www.simb.com.au  
----------------------------------------*/ 

/*----------------------------------------  
Stylesheet structure:

> Styles reset, HTML & body
> Typography
> Main layout 
> Navigation
> Footer
> Lists  
> Misc    
----------------------------------------*/ 

/* Styles reset, HTML & body styling -------------------------------------------------------------------------------------  */     
/*
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, apress, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, p, ol, ul, li, title
fieldset, form, legend, input
{
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: normal;                
    outline: 0;     
}

* {margin:0;padding:0;}     
*/

html
{  
    height: 100%;
}

body 
{                                           
    font: 62.5%/1.5em Calibri, "Trebuchet MS", "Helvetica Neue", sans-serif; 
    color: #333; 
    height: 100%;
    margin: 0 auto;  
    position: relative;    
	background: #f4f4f1; 	
}

html, body {height: 100%;}


/* Type and styling -------------------------------------------------------------------------------------  */

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6
{
    color: #e74d1e;
    font-size: 28px;    
    font-weight: normal;
    line-height: 1.2em;
    margin: 0;
    padding: 0 0 15px 0;    
}

#footer h2
{
    font-size: 24px;
}

#footer h3, #footer h4
{
    color: #e74d1e;
    font-size: 18px;    
}

#deals h3
{
    color: #e74d1e;
    font-size: 36px;
}

#footer h5, #footer h6
{
    color: #333;
    font-size: 16px;  
    font-weight: bold;  
}
/*
p, li, address, .caption, caption, th, td, blockquote
{
    font-size: 18px;
    line-height: 1.4em;
    font-style: normal; 
    padding: 0 0 10px 0;    
}
*/
#privacy p, #sunloverconditions p
{
    font-size: 14px;
}
/*
p.intro
{
    background: url('../images/divider.png') top left repeat-x;
    padding-top: 20px;    
    font-size: 20px;
}

p.disclaimer
{
    color: #666;
    font-size: 14px;
    font-style: italic;
}

em, strong
{
    font-style: normal;
    font-weight: bold;
} 

a
{
    color: #e74d1e;
    text-decoration: none;
} 

a:hover
{
    text-decoration: underline;
}
*/
/* Main body -------------------------------------------------------------------------------------  */

#wrapper 
{  
    margin: 0 auto;
    position: relative;
    padding: 0;
    width: 960px;
}

#main
{  
    margin: 0 auto;
    overflow: auto;
    padding: 0;
    position: relative;
    width: 960px;
} 

/* Header -------------------------------------------------------------------------------------  */ 

ul#headerGal
{
    height: 205px;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

#headerGal a
{
    border: 0 none;
}

div#nav
{
    background-color: #e84d1f;
    background: -moz-linear-gradient(top, #E74D1E 0%, #D71D1C 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E74D1E), color-stop(100%,#D71D1C)); /* webkit */   
    background: linear-gradient(top, #E74D1E 0%, #D71D1C 100%); 
    -moz-border-radius: 10px; border-radius: 10px;  
    box-shadow: 0px 3px 2px #d6d6d4; -moz-box-shadow: 0px 3px 2px #d6d6d4; -webkit-box-shadow: 0px 3px 2px #d6d6d4;
    height: 30px; 
    margin: -10px auto 20px;        
    position: relative;
    text-align: center;
    width: 960px;
    z-index: 99;    
}   

#nav ul
{        
    list-style: none;
    clear:left;
    float:left;
    list-style:none;
    margin: 0;
    padding: 0;
    position:relative;
        left:50%;

}

#nav li
{
    display: block;   
    float: left;
    position:relative;
    right:50%;      
}

#nav a
{
    background: url('../images/nav-divider.png') top left no-repeat;        
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding: 0 20px 0 21px;
    vertical-align:middle;
    text-align: center;
	text-decoration: none;
}

    #nav li:first-child a
    {
        background-image: none;
    }
    
    #nav a.active, #home #nav-home, #about #nav-about, #why #nav-why, #contact #nav-contact 
    {
        color: #f6c5bc;
        cursor: auto;
    }
    
    #nav a:hover
    {
        background: -moz-linear-gradient(top, #D71D1C 0%, #E74D1E 100%); /* firefox */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D71D1C), color-stop(100%,#E74D1E)); /* webkit */   
        background: linear-gradient(top, #D71D1C 0%, #E74D1E 100%);   
        text-decoration: none;
    }
    

/* Columns  -------------------------------------------------------------------------------------  */    
    
.col
{
    display: inline-block; vertical-align: top; /* for ie */ zoom: 1; *display: inline; 
    margin: 0 0 0 37px;
    min-height: 100%;
    padding: 0;
    position: relative;
    width: 380px;
}

.col.first
{
    margin-left: 0;
}

.col.narrow
{
    width: 120px;
}

.col.wide
{
    width: 537px;
}

.contentBlock.first
{
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
}
/*
.col table
{
    border-top: 1px dashed #d3e1e6;
    padding: 0;
    width: 340px;
} 

tr.border td
{
    border-top: 1px dashed #d3e1e6; 
}

.col table td
{
    margin: 0;
    padding: 0;
    text-align: left;
    width: auto;
}

.col table a
{
    font-size: 12px;
    text-decoration: underline;
}

.col table a:hover
{
    color: #246a83; 
}

table .help
{
    color: #246a83; 
    font-size: 11px;
} 

.aSearch
{
    float: right;
    margin-top: 5px;
}

tr.space td
{
    padding-bottom: 10px;
}  
*/
/* Deals  -------------------------------------------------------------------------------------  */
/*
#deals
{
    background: url('../images/divider.png') top left repeat-x;
    margin: 15px 0 0;
    padding: 15px 0;       
}

ul.deal
{
  
    list-style: none;
    margin: 0;
    padding: 0;
}

.dealPic
{
    display: block;
        height: 296px;
        width: 380px;
    overflow: hidden;
    position: relative;
}

.dealPic img
{
    margin: 31px 0 0 21px;
}

.dealPic .overlay
{
    display: block;
    margin: 0;
    position: absolute;
        top: 0;
        left: 0;
}

.dealPic a.dealBtn
{
    background: url('../images/btn-letsgo.png') top left no-repeat;      
    display: block;
        height: 80px;
        width: 80px;
    position: absolute;
        bottom: 12px;
        right: 15px;
}

a.dealBtn:hover
{
    background-position: bottom left;
}

.deal a
{
    font-weight: bold;
}
*/
/* Footer  -------------------------------------------------------------------------------------  */
#footer
{
    background: #3b3b3b;
    margin: 0;
	height: auto;
}

#footerContent
{
    margin: 0 auto;
    padding-top: 35px;
    width: 960px;
}

#footer .col
{
    overflow: hidden;
    width: 260px;
}

#footer .col:first-child
{
    margin-left: 0;
}

#footer p, #footer h5, #footer h6, #footer a
{
    color: #adadad;
    font-size: 15px;
    line-height: 1.2em;
}

#footer p {
	margin: 0;
	padding: 0 0 10px;
}

#footer h5, #footer h5 a
{
    color: #e5e5e5;
    font-size: 16px;    
}

#footer h5 a
{
    text-decoration: none;
}

#footer h6
{
    padding: 0;
}

#footer a
{
    text-decoration: underline;
}

    #footer a:hover
    {
        color: #e5e5e5;
    }
    
#footer .col.twitter
{
    margin-left: 98px;
    overflow: hidden;
    position: relative;
    padding-left: 55px;
    width: 525px;
}  

a.twitterBtn
{
    background: url('../images/btn-twitter.png') top left no-repeat;      
    display: block;
        height: 30px;
        width: 43px;
    position: absolute;
        top: 0;
        left :0;
}

a.twitterBtn:hover
{
    background-position: bottom left;
}

.twtr-hd, .twtr-ft
{
    display: none;
} 

.twtr-widget-profile
{

}

.twtr-tweet-wrap 
{
    font-size: 15px !important;
    line-height: 1.2em !important;
    padding: 10px 0 !important;
}

.twtr-timestamp, .twtr-reply, .twtr-tweet-text p, .twtr-tweet-text a
{
    font-weight: normal !important;
    font-size: 13px !important;    
}

.twtr-widget .twtr-tweet
{
    border-bottom: 0 none !important;    
    border-top: 1px dotted #60605f !important;
}

#footer .divider
{
    background-image: none;
    clear: both;
    border-top: 1px dotted #60605f; 
    height: 15px;
    margin-top: 15px;   
    width: 960px;
}

ul.footerNav
{
    display: inline-block; vertical-align: top; /* for ie */ zoom: 1; *display: inline;    
   list-style:none;
   margin:0;
   padding: 0 0 15px 0;
   position:relative;
   left:50%;
   text-align:center;
}  

.footerNav li
{
    border-left: 2px solid #454545; 
    color: #adadad;  
    display:block;
   float:left;
   font-size: 13px;
   margin:0;
    padding: 0 10px;
   position:relative;
   right:50%;
}

#footer .footerNav li a
{
    color: #adadad;
   font-size: 13px;
    padding: 0;
    text-decoration: none;
}

#footer .footerNav li a:hover
{
    text-decoration: underline;
}

.footerNav li:first-child
{
    border-left: 0 none;
}

/* Lists  -------------------------------------------------------------------------------------  */
/*
ul.listing
{
    background: url('../images/divider.png') top left repeat-x;    
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
}

    .listing li
    {
        background: url('../images/divider.png') bottom left repeat-x; 
        font-size: 15px;        
        line-height: 18px;
        margin: 0;
        padding: 5px 0;
    }
    
	    .listing li p
	    {
			font-size: 15px;
			line-height: 1.2em;	
			padding-bottom: 5px;
	    }
    
    .listing a
    {
        color: #333;
        display: block;
            width: 100%;
        font-size: inherit;
        margin: 0;
        padding: 0;
    }
    
    .listing a:hover
    {
        background: url('../images/arrow-orange.png') center right no-repeat; 
        color: #d71c1c;
        text-decoration: none;
    }
    */
.divider
{
    background: url('../images/divider.png') top left repeat-x;
    height: 3px;
    margin: 15px 0;
    padding: 0;  
    width: 100%;     
} 

.right
{
    float: right;
}  

#fees table
{
	width: 100% !important;
	margin-bottom: 40px;
}

#fees table + p
{
	margin-top: -30px;
	margin-bottom: 40px;
}

#fees table tr td:first-child
{
	background-color: #DDDDDD;
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
	vertical-align: top;
	width: 300px;
}

#fees table tr td
{
	border-bottom: 1px solid #CCCCCC;
	font-size: 10pt;
}

#fees #wrapper .col
{
	width: 650px;
}

#fees p
{
	font-weight: normal;
	font-size: 9pt;
	font-style: italic;
}
       
#constrain {
	font: 16px Verdana, Arial, sans-serif; 
	left: -15px;
	padding: 1px 0 0;
	background: none !important;
	line-height: 1.125em;
}

#header-2 {
	margin-top: 0 !important;
}

#content {
	padding: 25px 20px 0;
}

.twtr-avatar {
	display: none !important;
}

.twtr-tweet-text {
	margin-left: 0 !important;
}