/*******

> css and graphics by Hilary Quinn - http://www.draiochtwebdesign.com
> All Rights Reserved

*******/

/*****main page*****/

html, body{
height: 100%;
}

body{ 
font: 90% "Trebuchet MS", Verdana, Arial, serif; 
background: #ebece4 url(../images/pgbg.jpg) repeat-x top; 
color: #000;
padding-top:0;
padding-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
	 }

/*****banner*****/

.banner{
background: url(../images/banner.jpg) no-repeat; 
height: 88px;
padding: 0;
width: 770px;
margin-left: auto;
margin-right: auto;
color: #fff;
font-size: 12px;
text-align: left;	 
}

.banner h1{
background: url(../images/logo.jpg) no-repeat; 
width: 404px;
height: 88px;
margin: 0;
padding: 0;
}

.banner h1 span{
display: none;
}

#photos{
background: url(../images/pic.jpg); 
width: 770px;
height: 192px;
margin-left: auto;
margin-right: auto;
text-align: right;
}
#photos form{
background-image: url(../images/searchbg.gif);
float: right;
width: 199px;
height: 33px;
text-align: center;
padding: 9px 0 0 0;
filter: alpha(opacity=90);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: .9;
-khtml-opacity: .9;
opacity: .9; /* for future compatibility */

}
#photos form input{
background-color: #fff;
border: 0px;
color: #083f7a;
font: 12px "Trebuchet MS", Verdana, Arial, serif; 
}


/*****navigation top*****/

#nav ul { 
	background: transparent url(../images/navbg.jpg) repeat-x left; 
	font: 14px "Trebuchet MS", Verdana, Arial, serif; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
  	margin-left: auto;
    margin-right: auto; 
	width: 774px;
	height: 39px;
	display: block;
	text-align: left; 
	}
	
#nav ul li {
	float: left;
	height: 39px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	}
	
#nav ul a {
	background: url(../images/navup.jpg) no-repeat; 
	text-decoration: none;
	color: #fff;
	text-align: center;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	width: 86px;
	height: 29px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	}
	
#nav ul a:hover{
	background: url(../images/navover.jpg) no-repeat; 
	text-decoration: none;
	color: #fff;
	text-align: center;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	width: 86px;
	height: 29px;
	display: block;
	}
	
#default #nav .page1link a{
	background: url(../images/navonpage.jpg) no-repeat; 
	text-decoration: none;
	color: #083f7a;
	text-align: center;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	width: 86px;
	height: 29px;
	display: block;
	font-size: 14px;
	font-weight: 400;
}
		
#article #nav .page1link a{
	background: url(../images/navonpage.jpg) no-repeat; 
	text-decoration: none;
	color: #083f7a;
	text-align: center;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	width: 86px;
	height: 29px;
	display: block;
	font-size: 14px;
	font-weight: bold;
}

#tips #nav .page2link a{
	background: url(../images/navonpage.jpg) no-repeat; 
	text-decoration: none;
	color: #083f7a;
	text-align: center;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	width: 86px;
	height: 29px;
	display: block;
	font-size: 14px;
	font-weight: bold;
}

#cruise #nav .page3link a{
	background: url(../images/navonpage.jpg) no-repeat; 
	text-decoration: none;
	color: #083f7a;
	text-align: center;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	width: 86px;
	height: 29px;
	display: block;
	font-size: 14px;
	font-weight: bold;
}

#escortedtours #nav .page4link a{
	background: url(../images/navonpage.jpg) no-repeat; 
	text-decoration: none;
	color: #083f7a;
	text-align: center;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	width: 86px;
	height: 29px;
	display: block;
	font-size: 14px;
	font-weight: bold;
}

#citybreaks #nav .page5link a{
	background: url(../images/navonpage.jpg) no-repeat; 
	text-decoration: none;
	color: #083f7a;
	text-align: center;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	width: 86px;
	height: 29px;
	display: block;
	font-size: 14px;
	font-weight: bold;
}

#holidays #nav .page6link a{
	background: url(../images/navonpage.jpg) no-repeat; 
	text-decoration: none;
	color: #083f7a;
	text-align: center;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	width: 86px;
	height: 29px;
	display: block;
	font-size: 14px;
	font-weight: bold;
}

#lourdes #nav .page7link a{
	background: url(../images/navonpage.jpg) no-repeat; 
	text-decoration: none;
	color: #083f7a;
	text-align: center;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	width: 86px;
	height: 29px;
	display: block;
	font-size: 14px;
	font-weight: bold;
}

#links #nav .page8link a{
	background: url(../images/navonpage.jpg) no-repeat; 
	text-decoration: none;
	color: #083f7a;
	text-align: center;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	width: 86px;
	height: 29px;
	display: block;
	font-size: 14px;
	font-weight: bold;
}

#contact #nav .page9link a{
	background: url(../images/navonpage.jpg) no-repeat; 
	text-decoration: none;
	color: #083f7a;
	text-align: center;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	width: 86px;
	height: 29px;
	display: block;
	font-size: 14px;
	font-weight: bold;
}
/*****content*****/

#contentwrap{
	padding: 0 0 0 0;
	list-style-image: none;
	width: 770px;
 	margin-left: auto;
    margin-right: auto;
	overflow: hidden;
	min-height: 40%;
	}
	
.comments_invite a{
	font: 14px "Trebuchet MS", Verdana, Arial, serif; 
	color: #083f7a;
	text-decoration: none;
	background-color: #f4f5ee;
	padding-right: 20px;
	margin: 0px;
	border-top: 1px solid #dcddd3;
	border-bottom: 1px solid #dcddd3;
	display: block; 
	text-align: right;
	background-image: url(../images/comments.png);
	background-position: right;
	background-repeat: no-repeat;
	font-weight: 500;
}

#contentwrap .comments_invite a:hover{
	font: 14px "Trebuchet MS", Verdana, Arial, serif; 
	color: #0d56a5;
	text-decoration: none;
	background-color: #fff;
	padding-right: 20px;
	margin: 0px;
	border-top: 1px solid #dcddd3;
	border-bottom: 1px solid #dcddd3;
	display: block;
	 	background-image: url(../images/comments.png);
	background-position: right;
	background-repeat: no-repeat;
	font-weight: 500;
}

#contentleft{
background: transparent; 
float:left;
width: 512px;
padding-top: 0;
text-align: left;
list-style-image: url(images/bullet_star.gif);
	}
	
.article a{
font: 14px "Trebuchet MS", Verdana, Arial, serif; 
	color: #083f7a;
	text-decoration: none;
	background-color: #f4f5ee;
}

.article a:hover{
font: 14px "Trebuchet MS", Verdana, Arial, serif; 
	color: #083f7a;
	text-decoration: underline;
	background-color: #f4f5ee;
}

#contentleft img a{
padding: 2px;
margin: 2px;
background-color: #fff;
border: 1px solid #ebece4;
}

#contentleft img{
padding: 2px;
margin: 2px;
background-color: #fff;
border: 1px solid #ebece4;
}

#contentright{
background: transparent;
float: left;
width: 248px;
padding: 0 0 0 0;
margin: 0 0 0 10px;
text-align: left;
list-style-image: url(images/bullet_star.gif);
}

#contentright img{
display: none;
}

/********headings********************/

.para{
background-color: #0a4d95;
border-top: solid 1px #083f7a;
border-bottom: solid 1px #083f7a;
padding: 5px;
color: #fff;
}

/*****headings*****/

h1{
	font: normal 22px "Trebuchet MS", Verdana, Arial, serif; 
	color: #083f7a;
	padding: 0;
	margin: 0;
}

h1 a{
	font: normal 22px "Trebuchet MS", Verdana, Arial, serif; 
	color: #083f7a;
	padding: 0;
	margin: 0;
}

h2 {
	font: normal 20px "Trebuchet MS", Verdana, Arial, serif; 
	color: #fbb306;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
}

h2 a{
	font: normal 20px "Trebuchet MS", Verdana, Arial, serif; 
	color: #fbb306;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
	
}
h2 a:hover{
	font: normal 20px "Trebuchet MS", Verdana, Arial, serif; 
	color: #fbb306;
	padding: 0;
	margin: 0;
	text-decoration: none;
	display: block;
}

h3 {
	font: 18px "Trebuchet MS", Verdana, Arial, serif; 
	color: #083f7a;
	padding: 0px;
	margin: 0px;
	display: block;
	text-decoration: none;
}

h3 a{
	font: 18px "Trebuchet MS", Verdana, Arial, serif; 
	color: #083f7a;
	text-decoration: none;
	background-color: #f4f5ee;
	padding: 0px;
	margin: 0px;
	border-top: solid 1px #dcddd3;
	border-bottom: solid 1px #dcddd3;
	display: block; 


}

h3 a:hover{
	font: 18px "Trebuchet MS", Verdana, Arial, serif; 
	color: #0d56a5;
	text-decoration: none;
	background-color: #fff;
	padding: 0px;
	margin: 0px;
}

h4 {
	font: normal 14px "Trebuchet MS", Verdana, Arial, serif; 
	background-color: #f8c23f;
	color: #fff;
	display: block;
	padding: 5px;
} 

h4 a{
	font: normal 14px "Trebuchet MS", Verdana, Arial, serif; 
	color: #f8c23f;
	display: block;
	padding: 0;
	margin: 0;
	text-decoration: underline;

}

h4 a:hover{
	font: normal 14px "Trebuchet MS", Verdana, Arial, serif; 
	color: #f8c23f;
	display: block;
	padding: 0;
	margin: 0;
}

/**enquiry form**/

#contentleft form{
background-color: #FFFFE8;
}

#contentleft form input,textarea,select{
background-color: #fff;
border: 1px solid #ebece4;
color: #006699;
padding: 5px;
}

#contentleft form input.zemSubmit{
background-color: #0d56a5;
color: #fff;
font-weight: bold;
}

#contentleft form fieldset{
border: 0px;
}

/*****footer*****/

#footer{
font: normal 9px "Trebuchet MS", Verdana, Arial, serif;  
background-color: #0a4d95;
background-image: url(../images/footer.jpg);
background-repeat: repeat-x;
background-position: top center;
color: #fff;
width: 100%;
min-height: 30%;
bottom: 0;
margin: 0;
clear:both;
padding: 10px 0 0 0;
vertical-align: bottom;
}

#footer .main{
width: 770px;
margin-left: auto;
margin-right: auto;
}

#footer .column{
float: left;
width: 256px;
text-align: left;
min-height: 185px;
}

#footer .messages{
display: block;
width: 770px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: right;
}

#footer .column ul{
list-style: none;
margin: 0 2px 0 0px;
padding: 0px;
background-color: transparent;
}

#footer .column li a{
list-style-image: none;
padding: 2px;
margin-bottom: 2px;
font-size: 12px;
font-style: normal;
text-decoration: none;
color: #fff;
background-color: #083f7a;
display: block;
border-top: 1px solid #06305c;
border-bottom: 1px solid #06305c;
}

#footer .column li a:hover{
list-style-image: none;
padding: 2px;
margin-bottom: 2px;
font-size: 14px;
font-style: normal;
text-decoration: none;
color: #fff;
background-color: #083f7a;
display: block;
border-top: 1px solid #06305c;
border-bottom: 1px solid #06305c;
	}

#footer a{
color: #fff;
text-decoration: none;
}

#footer a:hover{
color: #fff;
text-decoration: underline;
}