@charset "utf-8";
/*Road Train styles */

body {
margin:0;
padding:0;
background: #fff url(../images/wallpaper.jpg) repeat-x top left;
font: 11px/14px normal normal Verdana, Arial, Helvetica, sans-serif;
color: #045588;
}

/***** top branding *************/
h1#title {
max-width: 1200px;
height: 63px;
background: #fff url(../images/Title.jpg) center center no-repeat;
margin: 0 auto;
overflow: auto;
padding:0;
}

h1#title a {
visibility: hidden;
}

/*******container *********/
div#container {
width: 800px;
margin:0 auto;
padding:0;
}

div#banner {
width: 799px;
height: 223px;
overflow: hidden;
margin:0;
padding:0;
}

#banner img {
width: 799px;
height: 223px;
top:0;
left: 0;
}
#fb-root 
{
    float:left;
    }


div#content {
width: 764px;
margin:0;
padding:0 18px;
background: #fef4d8 url(../images/content-bg.jpg) top center no-repeat;
overflow:auto;
}

div.contentContainer { clear:both; margin-top: 18px; overflow:auto; }
div.bottomContentContainer { clear:both; margin-top: 8px; overflow:auto; }

div#innerContent {
width: 495px;
float:left;
}

#innerContent p {
font-size: 12px;
}

#innerContent h2 {
padding:0;
margin:0 0 10px 0;
font-size: 14px;
text-align: center;
font-weight: bold;
}

#Pics img {
background-color: #fff;
padding: 5px;
border: 1px solid #efc453;
margin-right: 3px;
}

div#contentFooter, #contentFooter img {
margin:0;
padding:0;
}

a:link, a:visited {
color: #dca123;
text-decoration:underline;
}

a:hover, a:active {
color: #0d7bbf;
}

/**************menu **********/
#nav {
margin:0;
padding:0;
clear:both;
}

#nav ul {
background: #075f97;
list-style-type: none;
padding: 17px 17px 17px 20px;
margin: 2px 0 0 0;
font-family: "Century Gothic", sans-serif;
font-size: 14px;
font-weight: normal;
color: #f2ede1;
}

#nav ul li {
display: inline;
margin: 0 16px;
}

#nav ul li#lastNavItem {
margin-right: 0;
}

#nav ul li#firstNavItem {
margin-left: 0;
}

#nav ul li a {
padding: 14px 5px;
color: #f2ede1;
text-decoration: none;
background: #075f97;
}

#nav ul li a:hover {
background: #e5c42c url(../images/nav-bg.jpg) repeat-x top left;
}

/*****panels*********/
div#sidebar {
width: 258px;
float:right;
}

#sidebar div {
margin-bottom: 35px;
}

#sidetopPanel {
width: 240px;
float:right;
position: relative;
}


#topPanel {
width: 240px;
height: 117px;
background: #e4be2b url(../images/functions-bg.jpg) no-repeat top center;
float:right;
margin-left: 18px;
font: "Century Gothic", Verdana, Helvetica, sans-serif;
position: relative;
margin-bottom:10px;
}

#logoPanel {
width: 240px;
height: 60px;
margin-left: 18px;
float:right;
position: relative;
margin-bottom:10px;
}

#bottomPanel {
width: 240px;
height: 117px;
background: #0e7bc0 url(../images/family-bg.jpg) no-repeat top center;
float:right;
margin-left: 18px;
font: "Century Gothic", Verdana, Helvetica, sans-serif;
position:relative;
}

#yellowEmailPanel {
width: 240px;
height: 117px;
background: #e4be2b url(../images/panel-bg-yellow.jpg) no-repeat top center;
float:right;
margin-left: 18px;
font: "Century Gothic", Verdana, Helvetica, sans-serif;
position: relative;
}

#blueEmailPanel {
width: 240px;
height: 117px;
background: #0e7bc0 url(../images/panel-bg-blue.jpg) no-repeat top center;
float:right;
margin-left: 18px;
font: "Century Gothic", Verdana, Helvetica, sans-serif;
position:relative;
}

#topPanel h3, #bottomPanel h3, #blueEmailPanel h3, #yellowEmailPanel h3 {
margin: 13px 0 0 10px;
padding:0;
font-size: 14px;
line-height: 1.4;
color: #fff;
font-weight: normal;
}
#topPanel h3 em, #bottomPanel h3 em, #blueEmailPanel h3 em, #yellowEmailPanel h3 em {
font-size: 20px;
font-style: normal;
}

#topPanel a, #bottomPanel a, #blueEmailPanel a, #yellowEmailPanel a {
color: #fff;
text-decoration: none;
font-size: 16px;
line-height: 1.2;
position:absolute;
margin-top: 13px;
margin-left: 10px;
}
#topPanel a:hover, #yellowEmailPanel a:hover {
color: #0d7bbf;
text-decoration: underline;
}

#bottomPanel a:hover, #blueEmailPanel a:hover {
color: #efc453;
text-decoration: underline;
}

#blueEmailPanel form, #yellowEmailPanel form {
position:absolute;
margin-top: 23px;
margin-left: 10px;
}

#blueEmailPanel input#submit, #yellowEmailPanel input#submit {
margin-left: 5px;
}




/**********footer **********/
#footer span{
text-align: left;
font-size: 10px;
color: #0d7bbf;
float:left;
}

#designTag a {
float:right;
text-align: right;
font-size: 10px;
color: #0d7bbf;
text-decoration:none;
}

#designTag a:hover {
color: #dca123;
text-decoration:underline;
}

/**********prices table **********/
table#prices {
width: 215px;
margin: 8px 9px 8px 18px;
background: #C5131A;
color: #fff;
float:left;
}

table#prices th {
text-align: left;
}

table#prices .theaders th {
text-align:center;
}

table#prices tr {
margin: 10px 0;
}

table#prices td {
margin: 0 10px;
text-align:center;
}

/**********blue prices table **********/
table#blueprices {
width: 215px;
margin: 8px 9px 8px 18px;
background: #0082E2;
color: #fff;
float:left;
}

table#blueprices th {
text-align: left;
}

table#blueprices .theaders th {
text-align:center;
}

table#blueprices tr {
margin: 10px 0;
}

table#blueprices td {
margin: 0 10px;
text-align:center;
}

/**********routemaps link *********/

div#routemapLink {
width: 215px;
height: 73px;
background: url(../images/bluepanellrg.jpg) no-repeat top center;
float:left;
margin: 8px 9px 9px 18px;
font: "Century Gothic", Verdana, Helvetica, sans-serif;
position:relative;
}

#routemapLink a {
display: block;
color: #fff;
text-decoration: none;
font-size: 18px;
text-align: center;
font-weight: bold;
float:none;
margin-top: 28px;
}

#routemapLink a:hover {
text-decoration: underline;
}

/******* route timetable *****/

div#routimetableLink {
width: 215px;
height: 73px;
background: url(../images/bluepanellrg.jpg) no-repeat top center;
float:right;
margin: 8px 19px 8px 18px;
font: "Century Gothic", Verdana, Helvetica, sans-serif;
position:relative;
}

#routimetableLink a {
display: block;
color: #fff;
text-decoration: none;
font-size: 18px;
text-align: center;
font-weight: bold;
float:none;
margin-top: 28px;
}

#routimetableLink a:hover {
text-decoration: underline;
}


/***** gallery styles ********/

div.galleryImage {
	width:84px;
	height:84px;
	border:1px solid #efc453;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	position:relative;
	background: #fff;
}

.galleryImage div {
	width:82px;
	height:82px;
	overflow:hidden;
	position:absolute;
	top:1px;
	left:1px;
}

.galleryImage img { 
border:none;
}

#gallery div#galleryRow {
clear:both;
margin-top: 18px;
}
#gallery >div#galleryRow:first-child {
clear:none;
margin-top: 0;
}

#gallery div#paging {
clear:both;
}
#paging ul {
text-align:center;
list-style: none;
margin:0;
margin-top: 40px;
padding:0;
}

#paging ul li {
display:inline;
margin: 0 18px;
font-weight: bold;
}

/******************/
.noTopMargin	{ margin-top:0; }
.noRightMargin	{ margin-right:0; }
.largeTopMargin	{ margin-top:40px; }
.smallTopMargin { margin-top: 8px; }