@charset "utf-8";
/* CSS Document */

body
{
	background:#02283e;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#02283e;
}

h1,h2,h3,h4,h5,h6	{ margin:0 0 10px 0; padding:0; font-weight:normal; color:#fff;}
h1 {font-size:2.2em;font-weight:bold; line-height:1em;}
h2 {font-size:1.6em;font-weight:bold; line-height:0.4em;}
h3 {font-size:1.4em;font-weight:bold; line-height:0.4em;}
h4 {font-size:1.2em;font-weight:bold; line-height:0.4em;}
h5 {font-size:1.0em;font-weight:bold;}
h6 {font-size:0.9em;font-weight:bold;}

a:link, a:visited {
	background:transparent;
	font-weight:700;
	text-decoration:none;
	color:#FFFFFF;
}
a:hover{
	background:transparent;
	font-weight:700;
	text-decoration:none;
	color:#FFFFFF;
	border-top-color: #FFFFFF;
	background-color: #783000;
}

/* For firefox related to visited link */
/* 
	a:link:after, a:visited:after {content:" (" attr(href) ")";font-size:90%;} 
	a:focus{color:#FF0000;}
*/
p{ margin:5px 0 10px 0; padding:0; line-height:1.4em; text-align:justify; }
p img.left-align { margin:0 0.8em 0.8em 0; padding:0; float:left;}
p img.right-align { margin:0em 0 0.8em 0.8em; float:right;}

ul{ margin:10px 0 10px 0; padding:0; list-style:none;}
ul li{margin:0.4em 0 0.4em 0; padding:0 0 0 15px; background:url(../images/listbullet.jpg) no-repeat 0px 6px;}

ol{ margin:10px 0 10px -15px; padding:0;}
ol li{margin:0.4em 0 0.4em 0; padding:0 0 0 15px; list-style-position:inside;}


blockquote {margin:1.5em;color:#000;font-style:italic;}
sup, sub {margin:0; padding:0;}

address {margin:0 0 0 0;font-style:italic;}
del {color:#000000;} /* The del tag can be used to show deleted text with new inserted text */

dl {margin:1.0em 0 1.0em 0;}
dl dt {font-weight:bold; margin:0; padding:0;}
dd {margin:0.5em 0 0.5em 20px; padding:0;}
dd ul li{ margin:0; padding:0 0 0 10px;}
dd ol li{ margin:0; padding:0 0 0 10px;}


table {
	margin:0 0 0px 0;
	padding:0;
	border:0px solid #cccccc;
	border-right:none;
	border-top:none;
	background-color: #1394b4;
}
td{
	margin:0;
	padding:3px;
	border:0px solid #cccccc;
	border-bottom:none;
	border-left:none;
	background-color: transparent;
}
th {font-weight:bold; text-align:left; padding:3px; border-right:0px solid #cccccc; border-top:0px solid #cccccc;} /* By default text is center align in th tag*/
thead th {font-weight:bold; background:#eeeeee;}
tfoot{font-weight:bold; color:#006600; background:#eeeeee;}

caption{margin:0 0 5px 0; padding:0; font-weight:bold; text-align:left; } /* Caption is used to define the Table Heading. By default it is center align of the table.*/

q { margin:0; padding:0; font-style:italic; font-weight:bold;}


/* -------------------------------- Layout ID & Classes -------------------------------------- */

/* ------------------ Header Section Start Here ------------------ */

#header		
{
		margin:0 auto;			/* Set your margin from left and right side of the screen */		
		padding:0;
		width:100%;					/* Adjust width according to your webpage layout */
		height:170px; 				/* Height will automatically adjusted according to your header height */
		position:relative;
		background:#084964;
		color:#FFFFFF;
		border-bottom:3px solid #dbd8c3;
}

#header #top-container { margin:0 auto; padding:0; width:902px; height:170px;}
#header #top-container #logo{
	margin:0 auto;
	position:absolute;
	padding:0;
	width:264px;
	height:57px;
	top: 36px;
	left: 187px;
	background-image: url(../images/logo.png);
}
#header #top-container #quick-icon{
	height:12px;
	padding:20px 0 0 0px;
	position:absolute;
	text-align:right;
	font-size:12px;
	color:#8dc12a;
	top: 33px;
	left: 836px;
}

#header #top-container #quick-icon a { font-weight:normal; color:#FFFFFF; }

#header #top-container #topmenu {
	margin:0;
	padding:0;
	width:902px;
	height:44px;
	position:absolute;
	top: 126px;
}
#topmenu #topmenu-left { margin:0; padding:0; width:6px; height:44px; background:url(../images/topmenu-left.jpg) no-repeat; float:left;}
#topmenu #topmenu-right { margin:0; padding:0; width:6px; height:44px; background:url(../images/topmenu-right.jpg) no-repeat; float:left;}
#topmenu #topmenu-middle { margin:0; padding:0; width:890px; height:44px; background:url(../images/topmenu-middle.jpg) repeat-x; float:left;}

#topmenu-middle ul { margin:0; padding:0; list-style:none;}
#topmenu-middle ul li{ margin:0; padding:0; list-style:none; float:left;}
#topmenu-middle ul li.topmenu-seprator{ margin:0; padding:0; background:url(../images/topmenu-seprator.jpg) no-repeat; height:44px; width:1px; float:left;}

#topmenu-middle ul li a{ margin:0; padding:0 34px 0 34px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; text-decoration:none; line-height:3.7em;}


/* ------------------ Header Section End Here ------------------ */

/* ------------------ Banner Section End Here ------------------ */

#banner		
{
		margin:0 auto;				
		padding:2px 0 2px 0;
		width:902px;					
		height:226px; 				
		position:relative;
		background:#084964;
		color:#FFFFFF;
		border-bottom:3px solid #dbd8c3;
}
/* ------------------ Banner Section End Here ------------------ */

/* ------------------ Body Container Section Start Here ------------------ */

#container
{
		margin:0 auto;
		margin-top:10px;
		padding:0;
		width:902px;
		height:auto;
}

#container #left-column{
	padding:0;
	width:800px;
	height:auto;
	float:left;
	background-color: transparent;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}
#left-column #welcome-text{
	width:800px;
	height:122px;
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#left-column .information-box{ margin-top:15px; padding:10px; width:180px; float:left;}
#left-column h3{color:#FFFFFF; font-family:"Lucida Sans Unicode", Arial, Verdana; font-size:16px; color:#bae2f9; font-weight:normal;}


#container #right-column{margin:0; padding:0; width:234px; height:auto; float:left;}
#right-column .sidebox{margin:0; padding:0;}
.sidebox .sidebox-top{margin:0; padding:5px 0 0 10px; width:224px; height:21px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; background:	url(../images/sidebox-left-corner.jpg) no-repeat left #1394b4;}
.sidebox .sidebox-content{margin:0; padding:10px; width:214px; height:auto; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; background:#ffffff; color:#000000;}
#right-column .sidebox .sidebox-content ul{margin:0; padding:0px; list-style:none;}
#right-column .sidebox .sidebox-content ul li{margin:0; padding:7px 0 7px 0px; list-style:none;background:url(../images/dot.jpg) repeat-x bottom;}
#right-column .sidebox .sidebox-content ul li a{margin:0; padding:0 0 0 12px; font-weight:normal; color:#000000; text-decoration:none; background:url(../images/list-arrow.jpg) no-repeat 0px 2px;}

.sidebox-content h3{color:#333333; font-family:"Lucida Sans Unicode", Arial, Verdana; font-size:15px;font-weight:normal;}


/* ------------------ Body Container Section End Here ------------------ */


/* ------------------ Footer Section Start Here ------------------ */

#footer
{
		margin:0 auto;
		margin-top:2em;
		padding:0;
		width:100%;
		height:50px;
		position:relative;
		background:#5d8ca7;
		color:#FFFFFF;
}


#footer #footermenu #copyright
{
	position:absolute;
	top: 15px;
}
#footer #footermenu
{
	margin:0 auto;
	padding:15px 0 0 0;
	width:902px;
}
#footer #footermenu ul{margin:0; padding:0; list-style:none; float:right}
#footer #footermenu ul li{margin:0 5px 0 5px; padding:0; list-style:none; float:left; display:block;}
#footer #footermenu ul li a{margin:0; padding:0; color:#FFFFFF; font-weight:normal; text-decoration:none;}
#footer #footermenu ul li a:hover{margin:0; padding:0; color:#FFFFFF; font-weight:normal; text-decoration:underline;}

/* ------------------ Footer Section End Here ------------------ */

/* ------------------ Active Tab CSS Code ------------------ */
body#home a#homenav,
body#about a#aboutnav,
body#tour a#tournav,
body#destination a#destinationnav,
body#hotel a#hotelnav,
body#realestate a#realestatenav,
body#contact a#contactnav
{
	background:url(../images/topmenu-active.jpg) no-repeat bottom;
	float:left;
}


/* Common Classes */
.strong		{font-weight:bold;}
.clearer	{margiin:0; padding:0; clear:both;}
.highlight	{margin:0; padding:2px 4px 2px 4px; background:#CCFF66; border:1px solid #cccccc; color:#000; font-style:normal; font-weight:normal;}
.leftfloat	{ float:left;}
.rightfloat	{ float:right;}
.imageborder{ border:1px solid #186483; padding:2px;}
.black { color:#333333;}
.strike-through { text-decoration:line-through;}
.red { color:#FF0000;}

.left-margin{margin-left:0;padding-left:0;} 			/*Used to set left margin and padding zero. */
.right-margin {margin-right:0;padding-right:0;}			/*Used to set right margin and padding zero. */
.top-margin {margin-top:0;padding-top:0;}				/*Used to set top margin and padding zero. */
.bottom-margin {margin-bottom:0;padding-bottom:0;}		/*Used to set bottom margin and padding zero. */