﻿/* Global Reset */
html, body, p, h1, h2, h3, h4, h5, h6, img, ol, ul, li, dfn, div, strong, em, dd, dt, dl, form, input, textarea, select, option, a, fieldset, legend, table, thead, tbody, th, tr, td, tfoot, address { margin: 0; padding: 0; border: 0; font-size: 100% }
img, a img, table, tr, th, td { border: 0 }
body { font-size: 62.5% }
hr{
width:100%;
border:1px solid #000000;
}
/* End Global Reset */

/* Site Structure */
body { text-align: center; background: #FFF url(/images/background.jpg) repeat-x; padding-top: 30px; color:#000066;  font: Tahoma,Verdana,sans-serif;}
#siteHolder { position: relative; font: 1.2em/1.5 Tahoma,Verdana,sans-serif; width: 906px; margin: 0 auto; background: url(/images/shadowbg2.png) no-repeat; padding-top: 20px; text-align: left; z-index:5000;}
#siteInner { width: 856px; height:auto; margin: 0 auto; text-align: left; background: #FFF }
#content { padding: 0 10px 12px }
#mainContent { width: 475px; float: left; display: inline; position: relative }
#sideContent { width: 342px; float: right; display: inline; position: relative }
#fullContent { width: 842px; display: inline; position: relative; padding-left:20px; }
/* End Site Structure */

/* Content Boxes */
.boxWide h3, .boxThin h3 { background: url(/images/boxWideHeader.jpg) no-repeat; height: 33px; color: #1A232A; line-height: 33px; vertical-align: middle; text-indent: 12px; font-size: 1.3em; /*text-transform: lowercase;*/ margin-bottom: 8px }
.boxExtraWide h3{ width:780px; background: url(/images/boxExtraHeader.png) no-repeat; height: 33px; color: #1A232A; line-height: 33px; vertical-align: middle; text-indent: 12px; font-size: 1.3em; /*text-transform: lowercase;*/ margin-bottom: 8px }
.boxExtraWide { width:780px; background: url(/images/boxExtraFooter.png) no-repeat bottom left; padding: 0 0 0 }
.boxThin h3 { background: url(/images/boxThinHeader.jpg) no-repeat }
 .boxWide, .boxThin { background: url(/images/boxPlain.jpg) no-repeatbottom left; padding: 0 0 0 }
.boxThin { 
background: url(/images/boxThin.jpg) no-repeat bottom left; 
padding: 0 0 0px; 
width: 220px 
}
.boxHotel{
width:351px;
height:202px;
overflow:hidden;
background:url(../images/hotel_box.jpg) no-repeat;
margin-left:-3px;
padding-left:10px;
color: #000066;
}

.boxHotel h3{
height: 33px; color: #1A232A; line-height: 33px; vertical-align: middle; text-indent: 5px; font-size: 1.3em; font-family: Verdana,Arial,sans-serif; /*text-transform: lowercase;*/ margin-bottom: 8px;
font-weight: normal; color: #000066; 
}

.boxHotel p{

font-size:1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:162px;
color:#CCCCCC;

}






.boxTravel{
margin-top:-5px;
margin-left:20px;
width:220px;
height:267px;
overflow:hidden;
background:url(../images/travel_box.jpg) no-repeat;
margin-left:-3px;
color: #000066;
padding-left:10px;

}

.boxTravel h3{
height: 33px; 
color: #1A232A; 
line-height: 33px;
font-size: 1.3em;
vertical-align: middle; 
ext-indent: 5px; 
 /*text-transform: lowercase;*/ 
margin-bottom: 8px;
font-weight: normal; 
color: #000066; 

}
.boxp{
	margin-top:130px;

font-size:1em;

color:#FFFFFF;
width:192px;
}

.boxt{
font-size:1em;

color:#FFFFFF;
width:160px;
}

.boxTravel p{
color:#FFFFFF;
}

/* Content Box Structure */
.box { float: left; position: relative; display: inline; margin: 8px; height: auto;  }
.boxInner { background-position: bottom left; background-repeat: no-repeat; padding: 0 18px 6px 0px }
.boxInner ul { padding-left:10px; color:#000066; }


.boxThin { background: url(../img/boxReplicateThin.jpg) repeat-y; width: 220px }
.boxThin .boxInner { background-image: url(../img/boxThin.jpg) }

.boxMid { background: url(../img/boxReplicateMid.jpg) repeat-y; width: 342px }
.boxMid .boxInner { background-image: url(../images/welcomeBoxInner.jpg); padding-left:8px; }

.boxNws { background: url(../img/boxReplicateMid.jpg) repeat-y; width: 342px }
.boxNws .boxInner { background-image: url(../img/boxPlain.jpg); padding-left:8px; }

.nce { background:url(../images/boxExtraRepeat.png) repeat-y; padding-left:8px; margin-top:-10px; width:780px; }
.boxExtraWide{
background:url(../images/boxExtraFooter.png) no-repeat bottom; padding-bottom:20px;
}
.boxn { width: 475px; margin: 0; padding:0px; background: url(../images/welcomeBoxMid.jpg) repeat-y; }
.nh3 {
background: url(../images/welcomeBoxHead.jpg) no-repeat top left;
}
.boxn .boxns { background: url(../images/welcomeBoxInner.jpg) no-repeat repeat bottom; }

.boxWide { background: url(../img/boxReplicate.jpg) repeat-y; width: 600px; overflow: visible;}
.boxWide .boxInner { background-image: url(../img/box-ending.jpg); padding-left:10px; }

.box h3 { height: 33px; line-height: 33px; vertical-align: middle; text-indent: 12px; vertical-align: middle; letter-spacing: -1px; word-spacing: 1px }
.boxThin h3 { background: url(../img/boxThinHeader.jpg) no-repeat }
.boxMid h3 { background: url(../img/boxWideHeader.jpg) no-repeat; padding-left:10px; font-size: 1.3em; line-height:32px; vertical-align:middle;} 
.boxNws h3 { background: url(../img/boxWideHeader.jpg) no-repeat; padding-left:10px; font-size: 1.3em; line-height:32px; vertical-align:middle;} 
.boxWide h3 { background: url(../img/long_header.jpg) no-repeat } 
/* End Content Box Structure */

/* Images 
.img { border: 1px #CCC solid; background: #EFF2F5; padding: 3px }
img.right, img.left { float: left; position: relative; display: inline; margin: 12px 12px 12px 0 }
img.right { float: right; margin: 12px 0 12px 12px }*/
/* End Images */

/* Typography */
#container { font: 1.2em/1.8 Verdana,Tahoma,sans-serif }



h2, h3, h4, h5, h6 { font-weight: normal; color: #000066; font-size: 1.4em }




p, h2, h3, h4, h5, h6, ul, ol, dl { margin: 0 0 10px 0 }
li { margin-left: 18px }
/* End Typography */

/* Tools */
.discreet, hr { position: absolute; top: -9999em; left: -9999em }
.clear { clear: both }
.clearLeft { clear: left }
.clearRight { clear: right }
div.clear { height: 1px; font-size: 1px; overflow: hidden }
.left, .right { float: left; display: inline; position: relative; margin: 12px }
.right { float: right; margin-right: 0 }
/* End Tools */

.boxWide p, .boxWide h4, .boxThin p, .boxThin h4 { padding: 0 12px 0 8px }


#bookNow { background: url(/images/bookNow.jpg) no-repeat; width: 237px; height: 225px }
#bookNow a { display: block; height: 100%; text-indent: -9999em }

#planYourTravel { float: right; position: relative; display: inline }

/* End Content Boxes */


/* Navigation 
#nav { list-style: none; text-align: center; height: 23px; z-index: 3000; top: -12px; position: relative }
#nav li { float: left; 
position: relative; 
display: inline; 
width: 107px; 
height: 23px 
}
#nav li a { 
display: block;
height: 100%; 
background: url(/images/nav.gif) no-repeat; 
color: #FFF; 
text-decoration: none; 
font-weight: bold; 
height: 23px; 
line-height: 23px; 
vertical-align: middle 
}
#nav li a:focus, #nav li a:hover { color: orange }
#nav ul {
visibility:hidden;
}




/* End Navigation */












#nav { list-style: none; text-align: center; height: 23px; z-index: 3000; top: -12px; position: relative }
 
#nav a:link, #nav a:visited {
display: block;
height: 100%; 
background: url(/images/nav.gif) no-repeat; 
color: #FFF; 
text-decoration: none; 
font-weight: bold; 
height: 23px; 
line-height: 23px; 
vertical-align: middle 
}
 
#nav a:hover, #nav a:active {
	color: orange;
}
 
#nav li {
	margin : 0;
	padding : 0;
	line-height : 29px;
	height : 29px;
	width: 107px; 
	list-style : none;
	float : left;
	position: relative;
}


 
#nav li .active {
	color: orange;
}
 
#nav div {
	position : absolute;
	left: 0px;
	visibility : hidden;
	margin : 0;
	padding-right:4px;
	width:152px;


}

 
#nav div a:link, #nav div a:visited {
	position : relative;
	display : block;
	padding : 5px 10px;
	width : 100%;
	white-space : nowrap;
	text-align : left;
	text-decoration : none;
	color : #4b5860;
	font: 11px/25px Verdana, Arial, Helvetica, sans-serif;
	background:#CCCCCC;
	border-bottom:1px solid #bdcad0;

	
	
	
}
 
 
#nav div a:hover, #nav div a:active{
	font: 11px/25px;
	
	background:#d0e9f0;
	color : #4b5860;
	width:100%;

}






















/* Footer */
#footer { position: relative; font: 1em/1; text-align: left; clear: both; width: 860px; margin: 0 auto; background: url(/images/footer.jpg) no-repeat }
#footer p { padding: 24px 0 0 8px; line-height: 25px; vertical-align: middle }
#footer ul { position: absolute; top: 31px; left: 302px; list-style: none }
#footer li { display: inline }
#footer li a { color: #333; text-decoration: none; padding: 0 4px }
.vcard { float: left; position: relative; display: inline }
/* End Footer */

/* Effects */
/* End Effects */



/* Typography */
h2, h3, h4, h5, h6 { margin: 0 0 0.2em; font-weight: normal }
h2 { font-size: 2.3em; letter-spacing: -1px; word-spacing: 1px }
h4 { color: #506B7E }
p, #content ul, #content ol, dl { margin: 0 0 1em }
#content p { text-align: justify }
#content li { margin: 0.3em 0 }
ul.subtle { list-style: none }
/* tr td:first-child { padding-right: 24px } */
strong { color: #000066 }
a, a:link { color:000066; text-decoration:none;}
a:hover, a:active { color:000066; text-decoration:underline; }
/* End Typography */

/* Tools */
.discreet, #logo { position: absolute; top: -9999em; left: -9999em }
.clear { clear: both }
div.clear { font-size: 1px; height: 1px; overflow: hidden }
.over { cursor: pointer; color: red }
/* End Tools */

input{ 
border:1px solid #333;
padding:3px;
margin:3px;

}
select{
	border:1px solid #333;
	padding:3px;
	margin:5px;
	min-width:60px;
}



option{
	padding-top:2px;
	

}

	.clean-grey{
		border:solid 1px #DEDEDE; 
		background:#EFEFEF;
		color:#222222;
		padding:4px;
		margin-bottom:5px;
		font-size:11px;
		
	}
	.clean-yellow{
		border:solid 1px #DEDEDE; 
		background:#d0e9f0;
		color:#222222;
		padding:4px;
		margin-bottom:5px;
		font-size:11px;
		text-align:left;
	
	}
	.clean-ok{
		border:solid 1px #349534; 
		background:#C9FFCA;
		color:#008000;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}
	.clean-error{
		border:solid 1px #CC0000; 
		background:#F7CBCA;
		color:#CC0000;
		font-weight:bold;
		padding:4px;
		text-align:center;
		margin-left:20px;
	}
	
	div a{
		
		text-decoration:none;
		color:#333;
	}
	
	div a:hover, a:active{
		text-decoration:underline;
	}
	
	.contain{
		width:100%;
	}
	

	.list-format{
		margin:20px;
	}
	
	
	.box-left{
		float:left;
		width:200px;
		margin-left:-5px;
		height:auto;
		min-height:300px;
	}
	
	.box-left ul{
		padding-left:19px;
	}
	
	.box-main{
		width:580px;
		max-width:580px;
		overflow:hidden;
		margin-bottom:-25px;
		margin-left:220px;
		margin-top:10px;
		padding:10px 10px 10px 10px;
		background:white;
		colour:#CCCCCC;
		background: url(../images/boxReplicate.jpg) repeat-y left; 
	}
	
.box-main p{
    margin-left:-3px;
    padding-top:5px;
	width:580px;
}
    
   





.box-main h3 { background: url(../images/long_header.jpg) no-repeat; 
height: 33px; 
color: #1A232A; 
width:600px;
line-height: 33px; 
vertical-align: middle; 
text-indent: 12px; 
font-size: 1.3em; 
/*text-transform: lowercase;*/ 
margin-top:-10px;
margin-left:-9px;
margin-bottom: 8px 
}

.box-main h5 { background: url(../images/box-ending.jpg) no-repeat; 
height: 60px; 
width:600px;
line-height: 60px; 
vertical-align: middle; 
text-indent: 12px; 
font-size: 1.3em; 
/*text-transform: lowercase;*/ 

margin-left:-10px;
margin-bottom: -5px 
}





    .left-box{

    border:1px solid #168FF8;
    background:white;
    colour:#CCCCCC;

}

.left-box h3{
    background:#168FF8;
    color:white;
    padding-left:17px;
    font-size:medium;
}

.nojs {
	width:500px;
	height:100px;
	color:#000;
	font-size:2em;
}

.business{
border:#CCCCCC 1px solid;
padding:3px;
margin:3px;
}

		
		
		
		
		
#aside { width: 228px; float: left; position: relative; display: inline; margin: 0 0px 0 8px; overflow: hidden;}


li a {
color:#000066;
text-decoration:none;
}
li a:hover{
text-decoration:underline;
}
p a {
color:#000066;
text-decoration:none;
}
p a:hover{
text-decoration:underline;
}





#header { width: 856px; position: relative }
h1 { background: url(../images/header.png) no-repeat; behavior: url(iepngfix.htc); width: 610px; height: 150px; text-indent: -9999em; position: relative; z-index: 200 }
#banner { position: absolute; top: 0; left: 304px; height: 132px; background: red; text-align: right }
#banner img { display: none; height: 150px; width: 552px }
.frameTL, .frameTR { height: 10px; width: 10px; background: url(../images/banner_tr.png) no-repeat top right; z-index: 500; position: absolute; top: 0; left: 847px; behavior: url(iepngfix.htc); }
.frameTL { background-image: url(../images/banner_tl.png); z-index: 500; position: absolute; top: 0; left: 0; behavior: url(iepngfix.htc); }


.all-grey{
	border:solid 1px #DEDEDE; 
	width:320px;
	 margin-left:5px;
	 margin-bottom:3px;
	height:auto;
	background:#EFEFEF;
	color:#222222;
	padding:4px;
	text-align:left;
}
.all-yellow{
	border:solid 1px #DEDEDE; 
	background:#FFFFCC;
	width:320px;
	 margin-left:5px;
	 margin-bottom:3px;
	height:auto;
	color:#222222;
	padding:4px;
	text-align:left;
}

.y-left{
	border:solid 1px #DEDEDE; 
	background:#FFFFCC;
	width:auto;
	height:auto;
	color:#222222;
	padding:4px;
	text-align:left;
	float:left;
}
.y-right{
	border:solid 1px #DEDEDE; 
	background:#FFFFCC;
	width:auto;
	height:auto;
	color:#222222;
	padding:4px;
	text-align:left;
	float:right;
}

	.clean-gray{
		border:solid 1px #DEDEDE; 
		background:#EFEFEF;
		color:#222222;
		padding:4px;
		text-align:center;
	}
	.clean-yellow{
		border:solid 1px #DEDEDE; 
		background:#d0e9f0;
		color:#222222;
		padding:4px;
		margin-bottom:5px;
		font-size:11px;
		text-align:left;
	
	}
	.clean-ok{
		border:solid 1px #c4b238; 
		background:#fbed90;
		color:#888888;
		font-weight:bold;
		padding:4px;
		text-align:center;
		margin:10px;
	}
	.clean-error{
		border:solid 1px #8c4908; 
		background:#fff2e5;
		color:#888888;
		font-weight:bold;
		width:auto;
		padding:4px;
		text-align:center;
		margin-right:15%;
		margin-left:15%;
		margin-top:0px;
		margin-bottom:0px;
	}
	.clean-erro{
		border:solid 1px #CC0000; 
		background:#F7CBCA;
		color:#CC0000;
		padding:4px;
		text-align:left;
		margin:10px;
		width:100%;
	}
	
	.clean-gray{
		border:solid 1px #DEDEDE; 
		background:#EFEFEF;
		color:#222222;
		padding:4px;
		text-align:center;
	}

	
	#contentPad{
margin:20px;
}
