/* Worldspan Marketing Style Sheet Written, Produced, Directed by and Starring James Davidson */

/* 1999 come knocking,
Time to get sensations rocking!
Peace, love and I know why
No hippy shit can try
To give you this tip,
Give you this sign,
DREAD ALERT!
I got mine.
Barriers crumble, empires fall,
The Karmadrome's inside us all,
For all... */


/* Standard Building Blocks ++++++++++++++++++++++++ */
body{ font: 12px/21px Lucida Sans Unicode, verdana, arial, sans-serif;
	text-align: left; margin: 0 0 0 0; color: #FFFFFF;
	background: #FE7316 url(images/backmain.gif) repeat-x;	}
h1 { background: url(images/h1smarter.gif) no-repeat; margin: 0 auto; width: 955px; height: 75px; padding: 0;}
h1 span { display: none; }
h2 { font-size: 17px; color: #C7E1FC; }
h3 { font-size: 14px; color: #C7E1FC; }
h5 span {display: none; }
.highlight-colour { color: #C7E1FC; }
a:link, a:visited { color: #C7E1FC; text-decoration: none; font-weight: bold; }
a:hover { color: #C5F5FE; text-decoration: underline; }
abbr, acronym { border-bottom : 1px dashed #FFFFFF; cursor : help; font-weight: bold;}
.left {float: left;}
.right {float: right;}
/* Standard Building Blocks ++++++++++++++++++++++++ */

/* Random Little Bit of Geekness */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Random Little Bit of Geekness */





/* THE TOP TITLE BAR --------------------------------- */
/* The Phone Number and Title */
#topbanner { width: 100%; background: url(images/backtopbig.gif) no-repeat center; height: 238px;}
#topbanner span { display: none; }
/* THE FLASH PANEL */
#flashbar { width: 988px; margin: 0 auto; padding: 0 0 0 1px; }




/* Container Divs for 3 Col Middle Panels */
#middlepanels { width: 100%; background: #3E537B url(images/middlepanel.jpg) repeat-x top; border-bottom: #FFFFFF 6px solid; margin: 0; padding: 0; }
#content { width: 987px; margin: 0 auto; padding: 0 1px; }




/* THE LEFT HAND PANEL - Latest News or Sub-Navigation */
#leftpanel { width: 260px; float: left; margin: 15px 25px 15px 0; }
#leftpanel ul {list-style: none; margin: 0; padding: 0; }
#leftpanel li { background: url(images/bull.gif) 0 9px no-repeat; padding: 7px 0 8px 38px; margin: 0; }
#leftpanel a { padding-bottom: 12px; }





/* THE RIGHT HAND PANEL - Booking and Request */
#rightpanel { width: 292px; background: url(images/rightpanel.gif) repeat-y; float: right; margin: 0 0 15px 0;  
border-bottom: #2D3E5E 1px solid; border-top: none; border-left: none; border-right: none; }
#rightpanelcontent { width: 228px; padding: 6px 30px;  margin: 0 auto; border-bottom: #A4B4D2 1px solid; border-top: none; border-left: none; border-right: none; }
#rightpanel h1 { width: 229px; height: 55px; background: url(images/online.gif) no-repeat; }
#rightpanel h2 { width: 229px; height: 55px; background: url(images/request.gif) no-repeat; }
#rightpanel h2 span {display: none; }
#rightpanel h5 { width: 229px; height: 64px; background: url(images/number.gif) no-repeat; }
/* Online Booking Form */
#onlinebook {display: block;  }
#onlinebook span { display: none; }




/* Main Content Area -------------------- */
#middlecontent { width: 350px; margin: 20px auto; float: left; }
#middlecontent ul { margin: 0; padding: 0; list-style: none;} 
#middlecontent li { background: url(images/bully.gif) no-repeat 1px 4px; margin: 0 0 8px 0; padding: 0 0 3px 23px; }
#middlecontent img { padding: 1px; background: #26324A; border: #8A9FC4 1px solid; margin: 0 6px 6px 0; }







/* THE MAIN NAVIGATIONAL SYSTEM ----------------------------------- */
#Navigator { width: 639px; height: 52px; background: url(images/navigator.gif); margin: 0px; padding: 0; position: relative; }
#Navigator span {display: none;}
#Navigator ul {list-style-type: none;}
#Navigator li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#Navigator li, #Navigator a {height: 52px; display: block;}
#home {left: 0; width: 82px;}
#who {left: 82px; width: 114px;}
#what {left: 196px; width: 195px;}
#portfolio {left: 391px; width: 118px;}
#contact {left: 509px; width: 130px;}
#home a:hover {background: transparent url(images/navigator.gif) 0 -52px no-repeat;}
#who a:hover {background: transparent url(images/navigator.gif) -82px -52px no-repeat;}
#what a:hover {background: transparent url(images/navigator.gif) -196px -52px no-repeat;}
#portfolio a:hover {background: transparent url(images/navigator.gif) -391px -52px no-repeat;}
#contact a:hover {background: transparent url(images/navigator.gif) -509px -52px no-repeat;} 
/* THE MAIN NAVIGATIONAL SYSTEM ----------------------------------- */








/* FORM ELEMENTS ----------------------------------------------- */
fieldset { border:none; }
label { padding: 0 0 4px 0; }
.dropbox { width: 95px;  background: #ADBBD6; margin: 5px 0 0 0; font: 13px Lucida Sans Unicode, verdana, arial, sans-serif; color: #3E537B; }
.buttoned { padding: 3px; font-weight: bold;  color: #FFFFFF; background: #3C5177;  border-left: 6px solid #E84368; 
border-bottom-style: none; border-right-style: none; border-top: 2px solid #E84368; margin: 6px 15px 0 0; }
.buttoned2 { padding: 5px; font-weight: bold;  color: #FFFFFF; background: #6B86B6;  border-right: 7px solid #E84368; 
border-bottom-style: none; border-left-style: none; float: right; border-top: 2px solid #E84368; margin: 6px 15px 0 0; }
#title { width: 50px; }
.dropboxes { background: #ADBBD6; border-right: 4px solid #E84368; padding: 5px; margin: 3px 0;
border-top-style: none; vertical-align: middle; border-left-style: none;
border-bottom: 6px solid #E84368; font: 13px Lucida Sans Unicode, verdana, arial, sans-serif; color: #3E537B; }
/* TEXT FIELDS ------------------------------ */
input, textarea { font: 13px Lucida Sans Unicode, verdana, arial, sans-serif; color: #3E537B; }
.rightbox { background: #ADBBD6; border-right: 4px solid #E84368; padding: 5px; width: 190px; margin: 3px 0;
border-top-style: none; border-left-style: none; border-bottom: 6px solid #E84368;}
.rightbox:hover { background: #CFD8E7; }
.textbox1 { background: #ADBBD6; border-right: 4px solid #E84368; padding: 5px; margin: 3px 0;
border-top-style: none; border-left-style: none; border-bottom: 6px solid #E84368;}
.textbox2 { background: #ADBBD6; border-left: 2px solid #E84368; padding: 5px; margin: 3px 0;
border-bottom-style: none; border-right-style: none; border-top: 4px solid #E84368;}
.bigbox { background: #ADBBD6; border-right: 3px solid #E84368; padding: 5px; margin: 3px 0; width: 320px; 
border-top-style: none; border-left-style: none; border-bottom: 9px solid #E84368;}
.textbox1:hover, .textbox2:hover, .bigbox:hover { background: #CFD8E7; }
/* Check Box */
.check { margin: 0 5px 0 0; vertical-align: middle; }
/* FORM ELEMENTS ----------------------------------------------- */


/* THE FOOTER OF THE PAGE ------------------- */
#footer { width: 935px; padding: 10px; margin: 5px auto 30px auto; }
#footer p { float: left; margin: 0; padding: 0; }
#footer a { color: #FFDAC1; font-weight: bold; text-decoration: none; }
#footer a:hover { color: #FFFFFF; }
/* THE FOOTER OF THE PAGE ------------------- */

#languages { width: 600px; margin: 20px auto; float: left;  }
#languages ul { margin: 0; padding: 0; list-style: none;} 
#languages li { background: url(images/bully.gif) no-repeat 1px 4px; margin: 0 0 8px 0; padding: 0 0 3px 23px; }
#languages img { padding: 1px; }
#languages h2 { font-size: 17px; color: #FFFFFF; }
#languages h2 a:link { text-decoration: none; color: #FF9F71; }
#languages h2 a:hover { text-decoration: underline; color: #FFBE9F; }