@charset "utf-8";

/*
 * Default formatting
 */
html body {
	width: 100%;
	margin: 0px 0px;
	background: #003D78;
}

body {
	font: 62.5% Arial, Helvetica, sans-serif;
	color: black;
	background: white;
}

h1,h2,h3,h4,h5,h6,h7,p {
	margin: 0px;
	padding: 5px 0px;
}

h1 {
	color: #4981C2;
	font-size: 1.8em;
	font-weight: normal;
}

h2 {
	font-size: 1.1em;
	color: #FFA913;
	font-weight: bold;
    text-transform: uppercase;
}
a:hover h2 {
    text-decoration: underline;	
}
a {
	color: #003D78;
	text-decoration: underline;
}

a:hover {
	color: #4981C2;
	text-decoration: underline;
}

img {
	border: 0px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.frame {
	border: 2px solid #999;
	margin: 5px 10px;
}

.icon {
	background-color: #999;
}


h4 { 
	margin:4px 40px 4px 50px;
	padding-left:20px;
	background: url('/asset/images/heart.gif') left 4px no-repeat;
	font-size:13px;
	font-weight: normal;
}


ul { 
	padding-left:30px;
}
/*
 * Styling and page layout
 */
#wrapper {
	background: url('/asset/images/nav_flower.gif') 19px bottom no-repeat;
    
}

#container {
	position: relative;
	width: 960px;
	margin: 0px auto;
	background: #fff url('/asset/images/col_bg.gif') left bottom repeat-y;
	
}

#header {
	position: relative;
	margin: 0px auto;
	height: 142px;
	margin: 0px auto;
	background: transparent url('/asset/images/header_bg.gif') repeat-x left
		top;
}

#band { 
	height: 37px; 
	position: absolute; 
	width: 100%;
	left:0;
	top:79px;
	background: #FFC423;
}
#band img { position: absolute;  top:0px; left:400px; }

#logo { position: absolute; top:4px; left: 5px; }
#page {
	margin-top:20px;
}

#navigation {
	font-size: 1.3em;
	color: #fff;
	
}


#navigation ul,#navigation ul li {
	padding: 0px;
	margin: 0px;
	list-style: none;
	
}

#navigation ul li {
    display: block;
	line-height: 25px;
}

#navigation ul li a {
	display: block;
	padding: 0px 15px;
	margin: 0px 0px;
	color: #004182;
	text-decoration: none;
	text-transform: lowercase;
}

/* Second Level */
#navigation ul li ul li a { padding-left:25px;}

/* Third Level */
#navigation ul li ul li ul li a { padding-left:35px;}

/* Hover All */
#navigation ul li a:hover { background: #FFB900; }




/* Second Level */
#navigation ul li ul li {
	  background: #FFE04F;
	}

/* Third Level */
#navigation ul li ul li ul li {	
    background: #FFE56F;
}

#navigation ul li a.active {
     background: #FFE04F;
}


/* Active All */
#navigation ul li a.current, #navigation ul li ul li a.current, #navigation ul li ul li ul li a.current { background: #FFB900; }

#main {
	width: 700px;
	margin: 10px auto 0px;
	padding-bottom: 50px;
}

    /*
     * Left-hand column
     */
#col-left {
	width:180px;
	margin-right:20px;
	float: left;
	padding-bottom:125px;
}

    /*
     * Right-hand column
     */
#col-right {
	float: left;
	width:760px;
	font-size:1.3em;
	padding-bottom:15px;
}

#sectionBanner { 
    height: 110px;
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}
#sectionBanner  div#divider {
    background:url('/asset/images/img_sidebar.gif') no-repeat top right;
    width: 47px;
    height: 110px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

#bannerTable { 
	width:713px;
}

#bannerTable .borderLeft { border-left:1px solid white; }
#bannerTable .borderRight { border-right:1px solid white; }


#col-right .content { 
    margin-right: 47px;
}

#footer {
    color:#fff;
    background: #003D78;
    font-size:1.1em;
    text-align: right;
    width: 960px;
    margin: 0 auto;
    padding: 5px;
}




div#gallery-html div.gallery-image { 
    line-height: 140px;  
    height: 140px;  
	float: left; 
	margin-right: 5px; 
	margin-bottom: 10px;  
	text-align: center;
}
div#gallery-html div.gallery-image a { 
    border: 1px solid #4981C2;
    padding:5px;
    display: block;

    vertical-align: middle; 
    text-align: center;
    width:130px; 
    height: 130px;
    
}
div#gallery-html div.gallery-image a img {
    vertical-align: middle;	 

    text-align: center;
} 

.sub-gallery { float:left; width: 200px; height: 190px;}

#form { width: 330px; float:right; }
#form dd { margin-left:0; }
#form #note { height: 150px; }

div.buttons { clear: both; float: right; padding-top:30px; }

a.booknowBtn, a.contactusBtn  {
    width:166px;
    height: 43px;
    overflow: hidden;
    border: none;
    text-indent: -5000px;
    display: block;
    float: right;
}
    
a.booknowBtn {
	background: left top url('/asset/images/buttons.png') no-repeat;
}
a.booknowBtn:hover {
	background-position: left bottom;
}

a.contactusBtn {
    background: right top url('/asset/images/buttons.png') no-repeat;
}
a.contactusBtn:hover {
    background-position: right bottom;
}

#fbLink {
    padding:10px 0 0 15px;
    display: block;	
}

/*
 * Hax (don't look here)
 */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}