/* CSS Document */


html {
	font-size: 75%;
	font-family:  Arial, Verdana, "Lucida Grande", sans-serif;

}
/**********************************************
* Main positional elements
***********************************************/
body {
	text-align: center;
	background-color:#036;
}


#container {
	background-color:#FFF;
	text-align: left;
	width: 755px;
	margin: 1.5em auto 0 auto; /*Center container on page*/
	position: relative;
	padding:2px;
	background-color:#fff;
	border:#CCCCCC 1px solid;
}
#screenReaderLinks {
	position: absolute;
	width: 990px;
	left: -999px;
	top: 0px;
}


/***** General Settings ****/

h1{font-size:138.5%;}
h2{font-size:123.1%;}
h3{font-size:220%; margin:0 0 1em 0;}


h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
em{font-style:italic;}
/*blockquote,ul,ol,dl{margin:1em;}
ol,ul,dl{margin-left:2em;}
ol li{list-style: decimal outside;}
ul li{list-style: disc outside;}*/
dl dd{margin-left:1em;}
th,td {border:1px solid #000;padding:.5em;}
th {font-weight:bold;text-align:center;}
caption {margin-bottom:.5em;text-align:center;}
p,fieldset,table {margin-bottom:1em;}


a {
color:#036;
font-weight:bold;
}
a:link {

}

a:active {

}
a:visited {

}

a:hover {

}
#mainContent a{color:#FFFFCC;}
/**** Logo and main navigation ***/


#logo {
background-color:#FFF;
}
#secondaryColumn {border-bottom:#036 2px solid;}
#secondaryColumn h1 {
      margin:0; padding:0;
      position:relative;
      width:220px; height:327px;
      overflow:hidden;
	   float:left;
	   border-right:#FFFFFF 1px solid;
      }
#secondaryColumn h1 span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:220px; height:327px;
      margin:0; padding:0;
      background:#036 url(../../images/jsbtravel-logo.jpg) left top no-repeat;
      }
#mainNav {
background-color:#F3F;
}
 ul#mainNav li{float: left;   width:32px; height:327px;
      overflow:hidden; position:relative;
}
 ul#mainNav li span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:32px; height:327px;
      margin:0; padding:0;
     
      }
ul#mainNav li.airport a span {
background:#4f6a8f url(../../images/nav_airport.gif) left top no-repeat;
      }
 ul#mainNav li.airport a:hover span {
background:#4f6a8f url(../../images/nav_airport_hover.gif) left top no-repeat;
      }
	  
ul#mainNav li.tours a span {
background:#984b7e url(../../images/nav_tours.gif) left top no-repeat;
      }
ul#mainNav li.tours a:hover span {
background:#984b7e url(../../images/nav_tours_hover.gif) left top no-repeat;
      }
	  
ul#mainNav li.events a span {
background:#79825d url(../../images/nav_events.gif) left top no-repeat;
      }
 ul#mainNav li.events a:hover span {
background:#79825d url(../../images/nav_events_hover.gif) left top no-repeat;
      }
	ul#mainNav li.cruise a span {
background:#19758f url(../../images/nav_events.gif) left top no-repeat;
      }
 ul#mainNav li.cruise a:hover span {
background:#19758f url(../../images/nav_events_hover.gif) left top no-repeat;
      }
	  
	  ul#mainNav li.weddings a span {
background:#b2bcb6 url(../../images/nav_weddings.gif) left top no-repeat;
      }
ul#mainNav li.weddings a:hover span {
background:#b2bcb6 url(../../images/nav_weddings_hover.gif) left top no-repeat;
      }
/*** main content area ***/
#contentwrapper{
float: left;
width: 100%;

}
#mainContent ul, #mainContent ol, #mainContent dl{margin:1em;}
#mainContent ol, #mainContent ul, #mainContent dl{margin-left:2em;}
#mainContent ol li{list-style: decimal outside;}
#mainContent ul li{list-style: disc outside;}
#mainContent {
background-color:#fff;
margin-left: 350px; /*Set left margin to LeftColumnWidth*/
border:#f2eee8 10px solid;
padding:1em;
height:27.7em;
position:relative;
padding-bottom:240px;
}
body.weddings #mainContent {
color:#FFFFFF;
background-color:#b2bdb6;
}
body.cruise #mainContent {
color:#FFFFFF;
background-color:#19758f;
}
body.capacity #mainContent {
color:#FFFFFF;
background-color:#aa7e26;
}
body.airport #mainContent {
color:#FFFFFF;
background-color:#4f6a8f;
}
body.airport #mainContent span {color:#9db2d7;}


body.events #mainContent {
color:#FFFFFF;
background-color:#79815d;
}
body.tours #mainContent {
color:#FFFFFF;
background-color:#974a7d;
}
 body.home #mainContent {
height:48.5em;

}
.mainImg {
position:absolute;
bottom:1em;}
/*  */
#secondaryColumn {

float: left;
width: 350px; /*Width of left column*/
margin-left: -755px; /*Set left margin to -(MainContainerWidth)*/
background: #fff;
position:relative;
}

#secondaryColumn h2{
background:#aeaeae url(../../images/2ndcolh2.gif) bottom repeat-x;
color:#FFFFFF;

margin-bottom:0.5em;
padding:0.2em 0.5em;
display:block;
}
#secondaryColumn p{
padding:0 1em 0 160px;
color:#828282;
}
#secondaryColumn strong {color:#036;}

.divider {
background-color:#036;
border-bottom:#FFFFFF 1px solid;
border-top:#FFFFFF 1px solid;
height:5px;
line-height:5px;
width:100%;
clear:left;
}
.secColImg {position:absolute;
bottom:0;
left:0;}

/*** HOME ***/
body.home #mainContent {padding:0; background-color:#f2eee8;}
.hboxes {border-width: 0;  border-style:solid; border-color:#f2eee8; margin-bottom:5px; padding:10px 10px 20px 10px; color:#6f6f6f; background-color:#FFFFFF;}
.hboxes img {float:left; padding-right:10px;}
.hboxes h3 {margin-bottom:0;  font-size:1.2em}
body.home #mainContent  .hboxes a {float:right; color:#b00;}
body.home #mainContent .hboxes p { margin-bottom:0.5em;}
body.home #mainContent .hboxes p.price {float:left; margin-bottom:0;}


body.home #mainContent ul.hlist {width:210px;  float:right; margin:0; padding:0;}
body.home #mainContent ul li{list-style: none;}
ul.hlist li {list-style:none; width:68px;  margin-bottom:1px; float:left; margin-right:1px; font-size:0.8em;}

body.home  #mainContent ul.hlist li a {display:block; padding-top:68px; color:#036; text-decoration:none;}
ul.hlist li a.gglasgowair {background:url(../../images/grid1.gif) top no-repeat;}
ul.hlist li a.ggolf {background:url(../../images/grid2.gif) top no-repeat;}
ul.hlist li a.gwedding {background:url(../../images/grid3.gif) top no-repeat;}
ul.hlist li a.gluxury {background:url(../../images/grid4.gif) top no-repeat;}
ul.hlist li a.gsmallgroup {background:url(../../images/grid5.gif) top no-repeat;}
ul.hlist li a.gsafety {background:url(../../images/grid6.gif) top no-repeat;}
ul.hlist li a.garrive {background:url(../../images/grid7.gif) top no-repeat;}
ul.hlist li a.glargegroup {background:url(../../images/grid8.gif) top no-repeat;}
ul.hlist li a.g7seater {background:url(../../images/grid9.gif) top no-repeat;}

/*** Bottom Navigation area ***/

#footer {
background-color:#FFF;
clear: left;
}