@charset "utf-8";


/*-----------------------------------------------------------------------------------*/
/*	RESET
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration:none;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
	border-radius: 0; 
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}

.sticky,
.gallery-caption,
.wp-caption, 
.wp-caption-text {}


/* GLOBAL TYPOGRAPHY AND GENERAL STYLES */
body {font:16px/1.3em "Liberation sans",Arial; overflow-x:hidden;}
.page-wrap{max-width:950px; margin:0px auto;}

h1, h2, h3, h4	{color:#333;}
h1 a, h2 a, h3 a, h4 a	{text-decoration:none;}
h1	{font-size:25px;}
h2	{font-size:21px;}
h3	{font-size:18px;}
h4	{font-size:16px;}
h5	{font-size:14px;}

/* header */
.boxfixed{width:100%; position:fixed; z-index:199; background:url('../bgs/bg_menu.png') repeat-x; background-color:#df3c00; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
#header{}
#header .left{width:30%; float:left; overflow:hidden; padding:10px 0 0 0;}
#header .right{width:70%; float:right; padding:15px 0 0 0; text-align:right;}
#header h3{color:#fba447; margin-bottom:10px}
#header h3 span{color:#333;}
#header p{color:#333;}
#header a img{margin:0 0 0 5px;}
.mainlogo{position: absolute; z-index: 99; margin-top: 10px; }

/* --------------------------------------
	Main Menu
----------------------------------------- */
.menu{text-align:right;}
ul#nav {color: #FFF; padding:0 0 0 0; font-weight:bold; font-size:14px !important;}
ul.drop { position: relative; z-index: 597;}
ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding: 0; }

ul.drop li{color:#FFF; text-transform:uppercase; display:inline-block; zoom:1; margin:0 0 0 20px;}
ul.drop li a{ display:inline-block; color:#FFF; padding:10px 0 10px 0; 	}
ul.drop li.hover, ul.drop li:hover, ul.drop li a:hover, ul.drop .active {position: relative; z-index:599; cursor:pointer; background:url('../bgs/bg_menu-active.jpg') repeat-x;}

ul.drop ul {visibility:hidden; position:absolute; top:100%; left:0; z-index:598; width:200px;}
ul.drop ul li { float: none; margin-right:0px; margin:0;  border:none; text-transform:none; display:block; text-align:left; background-color:#edebeb;}
ul.drop ul ul { top: 0px; left: 100%; }
ul.drop li:hover > ul { visibility: visible }

/* level 1 */
#nav .level1{padding:0; border-top:solid 3px #cd804a;}
#nav .level1 li a{margin:0; padding:10px 5px 10px 10px; border-radius:0px; font-weight:bold; border:none; border-bottom:solid 1px #FFF; display:block; color:#333; font-size:14px !important;}
#nav .level1 li a:hover{background:none !important; background-color:#f6f5f5 !important;}
#nav .level1 li:hover{border-radius:0; border-bottom:solid 1px #cd804a; background-color:#f6f5f5 !important;}

/* level 2 */
#nav .level2{padding:0; border-top:solid 3px #cd804a; margin-top:-3px;}
#nav .level2 li a{margin:0; padding:10px 5px 10px 10px; border-radius:0px; font-weight:bold; border:none; border-bottom:solid 1px #FFF; display:block; color:#333;  font-size:14px !important;}
#nav .level2 li a:hover{background:none !important; background-color:#f6f5f5 !important;}
#nav .level2 li:hover{border-radius:0; border-bottom:solid 1px #cd804a; background-color:#f6f5f5 !important;}


/* ---------------------------------------------------- */
.tinynav { display: none }


/* banner */
#banner{width:auto; max-height:520px; position: relative; margin:0 0 0 0; overflow:hidden;}
#banner img{max-height:520px;}

/* content */
#content{margin:15px 0 0 0; color:#3E454C; overflow:hidden; font-size:16px;}
#content .padding{padding:0 50px 0 50px;}
#content h1{line-height:35px; color:inherit; font-weight:bold; margin:10px 0 10px 0;}
#content h2{line-height:30px; color:inherit; margin:10px 0 10px 0;}
#content h3{line-height:25px; color:#FF7F66; margin:10px 0 10px 0;}
#content h4{line-height:22px; color:inherit; margin:10px 0 10px 0;}
#content h5{line-height:18px; color:inherit; margin:10px 0 10px 0;}
#content b, #content strong{font-weight:bold;}
#content ul, #content li, #content li a, #content a{margin:0; padding:0;}
#content p{ text-align:justify; margin:10px 0 10px 0;}

#content li{display:block; background:url('../bgs/list2.png') no-repeat left center; margin:3px 0 3px 0; padding:0 0 0 17px;}
#content li a{text-decoration:none; color:inherit;}
#content li a:hover{text-decoration:underline; font-weight:bold;}

#content a{text-decoration:none; color:inherit;}
#content a:hover{text-decoration:underline; font-weight:bold;}

#content .spanbox2{width:50%; float:left; overflow:hidden;}
#content .spanbox3{width:33.33%; float:left; overflow:hidden;}
#content .spanbox4{width:25%; float:left; overflow:hidden;}
#content .spb-padding{padding:10px 15px;}

/* footer */
.footerbg{background-color:#363839; margin:20px 0 0 0; color:#FFF; border-top:solid 12px #e9eaee;}
#footer{padding:20px 0 20px 0; overflow:hidden;}
#footer .box{width:25%; float:left; overflow:hidden;}
#footer .box .padding{padding:0 0 0 20px;}
#footer .txtcenter{text-align:center;}
#footer p{margin:8px 0 8px 0; color: #8C8989;}
#footer h1, h2, h3, h4, h5{color:#FFF;}
#footer h3{margin:0 0 15px 0;}
#footer li{}
#footer li a{padding: 12px 0px; border-bottom: 1px solid #282A2B; display: block; text-shadow: 1px 2px 1px #000; color: #BFBFBF;}
#footer li a:hover{color:#a0ce4e;}
#footer .box li:last-child a{border-bottom:none;}
#footer .box .item2{padding:15px 0 0 0;}
#footer .box .logo img{width:100%; height:auto;}

.copyrights{background-color:#282a2b; text-align:center; padding:15px 0 15px 0; border-top:solid 1px #4b4c4d; color:#8C8989; text-shadow: 1px 2px 1px #000;}

.linkbutton{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5f5f4), color-stop(1, #dededd) );
	background:-moz-linear-gradient( center top, #f5f5f4 5%, #dededd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f4', endColorstr='#dededd');
	border:1px solid #cdcdc6;
	background-color:#dbdbdb;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	color:#636360 !important;
	font-size:13px;
	font-weight:normal;
	padding:4px 15px;
	text-decoration:none;
}
.linkbutton:hover {color:#000 !important; cursor:pointer;}


/* ----------- internal pages  ----------- */
/* home */
.imgbox{position:relative; max-height:220px;}
.imgbox .img{padding:0 8px 0 8px;}
.imgbox img{width:100%; height:auto; margin:0px auto;}
.imgbox .imgtitle{overflow:hidden; position:absolute; width:100%; top:10px;}
.imgbox .imgtitle .imgtext{background-color:#f15a24; color:#FFF; font-size:14px; padding:10px; text-align:center; margin:0px; }
.imgbox .imgtitle .leftimg{width:50%; height:10px; float:left; background:url('../bgs/bg_imgboxL.png') no-repeat;}
.imgbox .imgtitle .rightimg{width:50%; height:10px; float:right; background:url('../bgs/bg_imgboxR.png') no-repeat right top;}
.imgbox .imgbutton{position:absolute; width:100%; bottom:0; margin-bottom:15px;  color:#FFF; text-align:center;}
.imgbox .imgbutton a{width:100%; color:#FFF;  text-align:center; font-weight:bold; background: rgba(0, 0, 0, 0.7); padding:5px 20px 5px 20px !important; border-radius:4px; font-size:13px !important;}
.imgbox .imgbutton a:hover{background-color:#000; text-decoration:none !important; color:#00cc00 !important;}

.traveltips{margin:10px 0 0 0;}
.traveltips h4, .traveltips p{margin:0 !important; padding:0 !important;}
.traveltips img{background-color:#eee; border:solid 1px #e3e3e3; padding:3px; float:left; margin:0 15px 0 0;}
.traveltips h4{margin:0 0 5px 0 !important;}
.traveltips h4 a{font-size:16px !important;}
.traveltips h4 a:hover{text-decoration:none !important; font-weight:normal !important; color:#f15a24 !important;}
.traveltips p{color:#FF7F66 !important; text-align:left !important;}

.travellinks ul, .travellinks li, .travellinks li a, .travellinks li a:hover{margin:0 !important; padding:0 !important; list-style:none !important; background:none !important; font-weight:normal !important; text-decoration:none !important;}
.travellinks li{ border-bottom: 1px solid #EBECED; padding:8px 0 8px 27px !important; background:url('../bgs/list-marker.gif') no-repeat center left !important;}
.travellinks li a:hover{color:#FF7F66 !important;}



/*
Table Style - This is what you want
------------------------------------------------------------------ */
table a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
table a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
table a:active,
table a:hover {
	color: #bd5a35;
	text-decoration:underline;
}
table {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	/*margin:20px;*/
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
table th {
	padding:21px 25px 22px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table th:first-child{
	text-align: left;
	padding-left:20px;
}
table tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table tr{
	text-align: center;
	padding-left:20px;
}
table tr td:first-child{
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
table tr td {
	padding:10px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table tr.even td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table tr:last-child td{
	border-bottom:0;
}
table tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table tr:hover td{
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}


/* ---------------------- Form Styles ----------------------------- */
input[type="text"], textarea{
    
    padding: 5px;   
    border: 1px solid #DDDDDD;
    
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');
    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;

}
input[type="text"]:hover, textarea:hover
{
    border:1px solid #cccccc;
}
input[type="text"]:focus, textarea:focus
{
    box-shadow:0 0 2px #FFFE00;
}


input[type="button"], input[type="reset"], input[type="submit"] {
   -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5f5f4), color-stop(1, #dededd) );
	background:-moz-linear-gradient( center top, #f5f5f4 5%, #dededd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f4', endColorstr='#dededd');
	border:1px solid #cdcdc6;
	background-color:#dbdbdb;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	color:#636360 !important;
	font-size:13px;
	font-weight:normal;
	padding:4px 15px;
	text-decoration:none;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {color:#000 !important; cursor:pointer;}


select
{
width: 200px;
height: 29px;
border-radius: 3px;
border: 1px solid #CCC;
font-weight: 200;
font-size: 15px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
}
select: hover
{
width: 200px;
height: 29px;
border-radius: 3px;
border: 1px solid #CCC;
font-weight: 200;
font-size: 15px;
font-family: Verdana;
box-shadow: 1px 1px 5px #CCC;
}


@media (max-width: 800px) {
	#header{padding:0 10px 0 10px;}
	.menu{padding:0 10px 0 0;}
	#content{padding:0 10px 0 10px;}
	
	.menu{width:50%; float:right; height:90px;}
	.mainlogo{width:47%; float:left; z-index:999; top:0; margin:0; background-color:#FFF; height:100px;}
		
	/* menu */
	#nav{ display: none; float:none;}
	.tinynav {width:100%; display:block; margin:0px auto; padding:3px 10px 3px 10px; border:solid 1px #000; margin-top:10px;}
	.menu{padding-bottom:10px;}
	#banner .tinynav{display:none;}
	
	/* footer */
	#footer .box:first-child{width:100%; text-align:center; padding-bottom:10px; border-bottom:solid 1px #3a3a3a; margin-bottom:20px;}
	#footer .box{width:33%;}
	#footer .box .padding{padding:0 10px 0 10px;}
	#footer .box .logo{width:50%; float:left; text-align:right;}
	#footer .box .item2{width:47%; float:right; text-align:left; }
	#footer .box .logo img{width:auto; height:auto;}
	
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 650px) {
	/* header */
	#header{padding:0 10px 0 10px;}
	#header .left img{width:100%; height:auto;}
	.mainlogo{width:auto; float:none; z-index:99; height:auto; position:inherit !important; margin-top:8%; text-align:center !important; background-color:transparent; background:none; }
	.menu{height:auto; float:none; width:auto;}
	#bannermenu{display:none;}
	#combomenu{display:block;}
	.callbacks .caption h1, .callbacks .caption h1 a{font-size:30px !important; text-align:center;}
		
	/* menu */
	.tinynav {width:70% !important;}
	#banner .tinynav{display:block;}
	
	/* content */
	#content .spanbox2{width:50%;}
	#content .spanbox3{width:50%;}
	#content .spanbox4{width:50%;}
	
	/* footer */
	#footer .box, #footer .box:first-child, #footer .box:last-child, #footer .box .item1, #footer .box .item2{width:auto; height:auto; margin:0; padding:0; float:none; text-align:left;}
	#footer .box, #footer .box:first-child{width:50%; float:left; margin-bottom:20px;}
	#footer .box:first-child{text-align:center; border:none;}
	#footer .box .logo, #footer .box .item2{text-align:center;}
	#footer .box .logo{float:none; height:auto; margin-bottom:10px; text-align:center;}
}


/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
	/* header */
	.callbacks .caption h1, .callbacks .caption h1 a{font-size:25px !important;}
	#header .left, #header .right{float:none; width:auto; text-align:center;}
	#header .left img{width:auto; height:auto;}
	#header .right{padding:0;}
	#header .right h3, #header .right p{margin:0 0 5px 0; padding:0;}	
	.tinynav {width:90%;}
	.mainlogo{margin-top:10%;}
	
	/* footer */
	#footer .box, #footer .box:first-child, #footer .box:last-child, #footer .box .item1, #footer .box .item2{width:auto; height:auto; margin:0; padding:0; float:none; text-align:left;}
	#footer .box, #footer .box:first-child{ text-align:center;}
	#footer .box .logo{width:100%; text-align:center;}
	#footer .box .logo, #footer .box .item2{text-align:center !important;}
	#footer .box{margin-top:20px;}
	#footer .box .item2{margin-top:10px;}
	#footer li, #footer li a{border:none;}
	#footer li a{text-decoration:underline;}
	
	/* content */
	#content .spanbox2{width:auto; float:none;}
	#content .spanbox3{width:auto; float:none;}
	#content .spanbox4{width:auto; float:none;}

}

/*Smartphone*/
@media only screen and (max-width : 320px) {	
	/* header */
	.mainlogo{margin-top:14%;}
	.tinynav {width:95%;}
}