* {margin:0;padding:0; border: 0px none;}
ul, ol, li {list-style-type:none;}
a { color: #16246f; text-decoration: none;  }
a:hover { text-decoration: underline;  }



body {
font: 62.5% "Lucida Grande", Tahoma, san-serif;  
background: #dae1e9 url(../img/bg.gif) 0 0 repeat-x;
color: #444;
}
#wrapper {
width: 860px;
margin: 0 auto;
}


/* header --- */
#header {
width: 850px;
height: 140px;
margin: 0 auto;
background: url(../img/globe.gif) center 10px no-repeat;
}
h1 {  /* logo --- */
width: 145px;
height: 80px;
float: left;
text-align: left;
margin: 35px 0 0;
font: bold 3em/1.1em "Lucida Grande", Tahoma, san-serif;  
}
h1 a { color: #16246f;}
#header p {
background: #b1cc3c url(../img/header-p-left.gif) 0 0 no-repeat;
float: right;
color: #fff; 
height: 28px;
width: 230px;
margin: 32px 0 28px;
}
#header p span {
background: url(../img/header-p-right.gif) right 0 no-repeat;
height: 28px;
float: right;
color: #fff;
text-align: center;
width: 230px;
letter-spacing: -0.02em;
font: normal 1.6em/1.5em "Lucida Grande", Tahoma, san-serif; 
}
#header p.welcome { width: 310px; }
#header p.welcome span { width: 310px; }
#clearight { clear: right; }



/* main navigation --- */
ul#nav {
height: 40px;
float: right;
clear: right;
display: block;
font: normal 1.2em/1.5em "Lucida Grande", Tahoma, san-serif;  
text-align: center;
}
ul#nav li {
display:block;
float: left;
border-right: 1px solid #b0c6e4;
}
ul#nav li.nobrdr { border-right: 0; }
ul#nav li.nobrdr a { margin-right: 0; }
ul#nav li a {
display:block;
padding: 0 1px;
margin: 0 5px 0 4px;
letter-spacing: -0.02em;
text-decoration: none;
}
ul#nav a:hover {  border-bottom: 3px solid #02a1b9; }
ul#nav a.active { border-bottom: 3px solid #ff9900;}



/* containers --- */

#container {
width: 860px;
background: #fff url(../img/container-bg.gif) 0 0 no-repeat;
float: left;
margin: 0 0 15px;
}
#container div {
width: 860px;
background: url(../img/container-btm.gif) 0 bottom no-repeat;
float: left;
padding: 15px 0 15px;
}
#container div #left, #container div #middle, #container div #right, #container div #all { background: none; float: left; padding: 0;}
#container div #left { width: 305px; }
#container div #middle { width: 320px; background: url(../img/dash.gif) 0 0 repeat-y; }
#container div #right { width: 220px; }
#container div #all { width: 845px; }
#container-two { /* container at bottom containing 3 calls to action --- */
width: 860px;
background: #fff url(../img/container2-bg.gif) 0 0 no-repeat;
float: left;
margin: 0 0 15px;
}
#container-two div {
width: 860px;
background: url(../img/container-btm.gif) 0 bottom no-repeat;
float: left;
padding: 20px 0 15px;
}
#container-two div #columns {
width: 850px;
background: url(../img/columns-bg.gif) center 0 repeat-y;
margin: 0 0 0 5px;
padding: 0;
}
#container-two div #columns div {
width: 283px;
background: none;
float: left;
padding: 0;
}


/* container elements */
#container div h2 { margin: 10px 10px 12px 25px; }
#container div #middle h2 { margin: 10px 10px 12px 20px; }
#container #left h4 { margin: 0 10px 5px 25px; }
#container div p { margin: 0 10px 12px 25px; }
#container div #middle  p { margin: 0 10px 12px 20px; }



/* container middle elements */
#container #middle div { 
width: 310px;
height: 400px;
float: left;
padding: 0;
}
#container #middle #events { background: url(../img/middle/events.jpg) 0 0 no-repeat;}
#container #middle #corporate { background: url(../img/middle/corporate.jpg) 0 0 no-repeat;}
#container #middle #longhaul { background: url(../img/middle/longhaul.jpg) 0 0 no-repeat;}
#container #middle #shorthaul { background: url(../img/middle/shorthaul.jpg) 0 0 no-repeat;}
#container #middle #direct { background: url(../img/middle/direct.jpg) 0 0 no-repeat;}
#container #middle #lastminute { background: url(../img/middle/lastminute.jpg) 0 0 no-repeat;}
#container #middle div h2 { 
background: #12216d;
color: #fff;
padding: 3px 8px;
display: block;
float: left;
margin-bottom: 2px;
margin-top: 20px;
}
#container #middle #events h2 { margin-top: 225px; }
#container #middle #lastminute h2, #container #middle #direct h2 { margin-top: 250px; }
#container #middle #shorthaul h2 { background: #b1cc3c;}
#container #middle #longhaul h2 { background: #ff9900;}
#container #middle div p { 
background: url(../img/trans.png) top left repeat;
padding: 5px 8px;
font: normal 1.1em/1.4em "Lucida Grande", Tahoma, san-serif;   
display: block;
margin-bottom: 2px;
float: left;
clear: left;
width: 250px;
color: #12216d;
}
#container #middle div p.big { font: normal 1.3em/1.3em "Lucida Grande", Tahoma, san-serif; }
#container #middle ol  {
margin: 0 0 0 20px;
}
#container #middle ol li {
float: left;
width: 98px;
margin: 0 0 15px 0;
}
#container #middle ol li p {
margin: 0 5px 0 0;
font: normal 1.1em/1.3em "Lucida Grande", Tahoma, san-serif;   
}
#container #middle ol li p strong {color: #16246f;}
#container #middle ol li p small { color: #777; line-height: 1.3em;}
#container #middle ol li p span { color: #02a1b9; font: normal 0.9em/1.3em "Lucida Grande", Tahoma, san-serif; }
#middle p a { color: #02a1b9;}
#middle p.right { float: right; width: 190px; margin:0;}
#middle iframe { margin: 0 20px;}




/* container right side elements */
#container div #right { background: url(../img/right-bg.gif) 0 bottom no-repeat;}
#container div #right div { 
width: 220px; 
float: left; 
background: url(../img/right-top.gif) 0 0 no-repeat;
min-height: 370px;
padding-bottom:0;
}
#container div #right ul {margin: 0 10px 0 15px;}
#container div #right ul#team {margin-left: 10px;}
#container div #right ul#team li strong {color: #16246f;}
#container div #right ul li {
background: url(../img/disc.gif) 0 5px no-repeat;
margin: 0 0 10px;
padding: 0 0 0 10px;
font: normal 1.1em/1.2em "Lucida Grande", Tahoma, san-serif;  
}
#container div #right h3 { margin-bottom: 7px;}
#container div #right p { margin-left: 20px;  line-height: 1.4em;}

/* deals list --- */
#container div #right ul#deals {margin: 0 10px 20px;}
#container div #right ul#deals li {
margin: 0 0 5px;
padding: 5px 0 0 12px;
background: url(../img/deals-bg.gif) 0 0 no-repeat;;
height: 50px;
}
#container div #right ul#deals strong {
font: bold 1.2em/1.1em "Lucida Grande", Tahoma, san-serif;  
color: #16246f;
}
#container div #right ul#deals span {
font-weight: bold;
}




/* form elements --- */
form p, #container div #right form p { line-height: 1.8em;}
#container div #right form p {margin-bottom: 0;}
form input, form textarea {
background: #e8e9e9;
width: 58%;
color: #16246f;
font: normal 1em/1em "Lucida Grande", Tahoma, san-serif;  
padding: 3px;
margin: 0 0 7px 0;
}
#container div #right input { background: #fff; width: 65%; }
form select {
width: auto;
background: #e8e9e9;
color: #16246f;
font: normal 1em/1em "Lucida Grande", Tahoma, san-serif;  
padding: 1px 2px;
margin: 0 0 5px 0;
}
form input:focus, form select:focus, form textarea:focus { background: #fce6c5;}
form label {
float: left;
width: 100px;
}
#container div #right form label { width: 50px;}
form input.btn {
background: #ff9900;
width: auto;
color: #fff;
font: normal 1em/1em "Lucida Grande", Tahoma, san-serif;  
padding: 1px 2px;
margin: 0 0 0 100px;
cursor: pointer;
}
#container div #right form input.btn {
background: #b1cc3c;
width: auto;
margin: 0 0 0 50px;
}
#container div #right form input:focus, #container div #right form select:focus, #container div #right form textarea:focus { background: #dae1e9;}




/* common font styles */
h2 {
padding: 0;
margin: 0;
color: #16246f;
letter-spacing: -0.02em;
font: bold 1.8em/1.2em "Lucida Grande", Tahoma, san-serif;  
}
h3 {
color: #16246f;
letter-spacing: -0.02em;
font: bold 1.6em/1.2em "Lucida Grande", Tahoma, san-serif;  
margin: 0 20px 12px;
}
h4 {
color: #16246f;
letter-spacing: -0.02em;
font: bold 1.4em/1.3em "Lucida Grande", Tahoma, san-serif;  
margin: 0 20px 12px;
}
p { 
margin: 0 20px 12px;
text-align: left;
font: normal 1.1em/1.5em "Lucida Grande", Tahoma, san-serif;  
}
p a.green, p a.orange, p a.blue { color: #fff; padding: 2px 5px; }
p a.green { background: #b1cc3c; }
p a.orange { background: #ff9900; }
p a.blue { background: #02a1b9; }
span { color: #ff9000;}


#all ul
{
margin: 0 20px 12px;
text-align: left;

}

#all li
{
list-style:disc;
margin: 0 20px 12px;
text-align: left;
font: normal 1.1em/1.5em "Lucida Grande", Tahoma, san-serif;  
}

/* credits and links at bottom of page */
#footer {
clear: both;
margin: 0 auto 15px;
width: 850px;
height: 30px;
background: #c6cedd url(../img/footer-left.gif) 0 0 no-repeat;
}
#footer div {
width: 850px;
height: 30px;
background: url(../img/footer-right.gif) right 0 no-repeat;
}
#footer p {
font: normal 1.1em/2.6em "Lucida Grande", Tahoma, san-serif;  
text-align: center;
width: 760px;
float: left;
margin: 0;
}
#footer a { color: #02a1b9;}
#footer a.first { margin-left: 15px;}
#footer a.last { margin-right: 15px;}
#footer img {float: right;}